snapshot of https://github.com/twentyhq/twenty.git (main, 2026-09-17; blobs > 131072B omitted)

packages/twenty-docs/snippets/ui/generated/data-display/avatar.mdx

@@ -0,0 +1,81 @@
+{/*
+ * _____                    _
+ *|_   _|_      _____ _ __ | |_ _   _
+ *  | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file
+ *  | |  \ V  V /  __/ | | | |_| |_| | DO NOT EDIT - changes will be overwritten
+ *  |_|   \_/\_/ \___|_| |_|\__|\__, | Generated by: npx nx generate:ui twenty-docs
+ *                              |___/
+ *
+ * This file is generated from the documentation data in packages/twenty-ui/generated.
+ * To update it, edit the component prop types or design tokens in twenty-ui and run:
+ *   npx nx generate:ui twenty-docs
+ */}
+
+<ParamField body="backgroundColor" type="string">
+  Background color override for a first-letter fallback.
+</ParamField>
+
+<ParamField body="borderColor" type="string">
+  Border color override for the outline fallback.
+</ParamField>
+
+<ParamField body="className" type="string | ((state: AvatarRootState) =&gt; string | undefined)">
+  CSS class applied to the element, or a function that
+  returns a class based on the component's state.
+</ParamField>
+
+<ParamField body="color" type="string">
+  Text color override for a first-letter fallback.
+</ParamField>
+
+<ParamField body="colorSeed" type="string">
+  Stable value used to choose fallback colors. Defaults to `name`.
+</ParamField>
+
+<ParamField body="disabled" type="boolean" default="false">
+  Applies disabled styling and disables activation when `onClick` is supplied.
+</ParamField>
+
+<ParamField body="icon" type="ReactNode">
+  Icon rendered instead of the image and first-letter fallback.
+</ParamField>
+
+<ParamField body="name" type="string">
+  Name used for the first-letter fallback and the default accessible name when clickable.
+</ParamField>
+
+<ParamField body="nativeButton" type="boolean" default="true">
+  Set to `false` when a clickable avatar uses `render` with an element other than a native button.
+</ParamField>
+
+<ParamField body="pulsing" type="boolean" default="false">
+  Animates the avatar opacity. Respects reduced-motion preferences.
+</ParamField>
+
+<ParamField body="render" type="ReactElement&lt;unknown, string | JSXElementConstructor&lt;any&gt;&gt; | ComponentRenderFn&lt;HTMLProps, AvatarRootState&gt;">
+  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.
+</ParamField>
+
+<ParamField body="shape" type="&quot;circle&quot; | &quot;square&quot; | &quot;rounded-square&quot;" default="square">
+  Shape of the avatar and its fallback.
+</ParamField>
+
+<ParamField body="size" type="&quot;sm&quot; | &quot;md&quot; | &quot;lg&quot; | &quot;xl&quot; | &quot;xs&quot;" default="md">
+  Avatar size: `xs` (12px), `sm` (14px), `md` (16px), `lg` (24px), or `xl` (40px).
+</ParamField>
+
+<ParamField body="src" type="string | null">
+  Image URL. A missing or failed image shows the fallback.
+</ParamField>
+
+<ParamField body="style" type="CSSProperties | ((state: AvatarRootState) =&gt; CSSProperties | undefined)">
+  Style applied to the element, or a function that
+  returns a style object based on the component's state.
+</ParamField>
+
+<ParamField body="variant" type="&quot;outline&quot; | &quot;soft&quot;" default="soft">
+  Visual treatment of the fallback.
+</ParamField>

packages/twenty-docs/snippets/ui/generated/data-display/chip.mdx

@@ -0,0 +1,91 @@
+{/*
+ * _____                    _
+ *|_   _|_      _____ _ __ | |_ _   _
+ *  | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file
+ *  | |  \ V  V /  __/ | | | |_| |_| | DO NOT EDIT - changes will be overwritten
+ *  |_|   \_/\_/ \___|_| |_|\__|\__, | Generated by: npx nx generate:ui twenty-docs
+ *                              |___/
+ *
+ * This file is generated from the documentation data in packages/twenty-ui/generated.
+ * To update it, edit the component prop types or design tokens in twenty-ui and run:
+ *   npx nx generate:ui twenty-docs
+ */}
+
+<ParamField body="alwaysShowTooltip" type="boolean" default="false">
+  Shows the string-label tooltip even when the label is not truncated.
+</ParamField>
+
+<ParamField body="clickable" type="boolean" default="isDefined(onClick)">
+  Enables hover and pointer styling. Defaults to whether `onClick` is supplied; does not add button semantics by itself.
+</ParamField>
+
+<ParamField body="color" type="&quot;primary&quot; | &quot;secondary&quot;" default="primary">
+  Primary or secondary text color.
+</ParamField>
+
+<ParamField body="disabled" type="boolean" default="false">
+  Applies disabled styling and disables activation when `onClick` is supplied.
+</ParamField>
+
+<ParamField body="emptyLabel" type="string" default="Untitled">
+  Placeholder shown when children are missing, empty, or false, unless `forceEmptyText` is enabled.
+</ParamField>
+
+<ParamField body="endElement" type="ReactNode">
+  Content after the label. Avoid interactive content when the chip itself is a button.
+</ParamField>
+
+<ParamField body="endElementDivider" type="boolean" default="false">
+  Adds a divider before `endElement` when that slot has content.
+</ParamField>
+
+<ParamField body="forceEmptyText" type="boolean" default="false">
+  Suppresses the empty label when children are missing, empty, or false.
+</ParamField>
+
+<ParamField body="isLabelHidden" type="boolean" default="false">
+  Hides the label while keeping the start and end elements. Supply an accessible name for an interactive chip.
+</ParamField>
+
+<ParamField body="maxWidth" type="number">
+  Maximum chip width in pixels, used to constrain and truncate the label.
+</ParamField>
+
+<ParamField body="nativeButton" type="boolean" default="true">
+  Set to `false` when a clickable chip uses `render` with an element other than a native button.
+</ParamField>
+
+<ParamField body="render" type="ReactElement&lt;unknown, string | JSXElementConstructor&lt;any&gt;&gt; | ComponentRenderFn&lt;HTMLProps, {}&gt;">
+  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.
+</ParamField>
+
+<ParamField body="shape" type="&quot;square&quot; | &quot;round&quot;" default="square">
+  Square or round corners.
+</ParamField>
+
+<ParamField body="size" type="&quot;sm&quot; | &quot;md&quot;" default="sm">
+  Visual size of the chip.
+</ParamField>
+
+<ParamField body="startElement" type="ReactNode">
+  Content before the label, such as an avatar or icon.
+</ParamField>
+
+<ParamField body="tooltipLabel" type="string">
+  Tooltip content for a string label. Defaults to the label text.
+</ParamField>
+
+<ParamField body="tooltipPlace" type="&quot;top&quot; | &quot;right&quot; | &quot;bottom&quot; | &quot;left&quot;">
+  Position of the string-label tooltip.
+</ParamField>
+
+<ParamField body="variant" type="&quot;solid&quot; | &quot;ghost&quot; | &quot;soft&quot;" default="ghost">
+  Background treatment of the chip.
+</ParamField>
+
+<ParamField body="weight" type="&quot;regular&quot; | &quot;medium&quot;" default="regular">
+  Font weight of the label.
+</ParamField>

packages/twenty-docs/snippets/ui/generated/data-display/status.mdx

@@ -0,0 +1,40 @@
+{/*
+ * _____                    _
+ *|_   _|_      _____ _ __ | |_ _   _
+ *  | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file
+ *  | |  \ V  V /  __/ | | | |_| |_| | DO NOT EDIT - changes will be overwritten
+ *  |_|   \_/\_/ \___|_| |_|\__|\__, | Generated by: npx nx generate:ui twenty-docs
+ *                              |___/
+ *
+ * This file is generated from the documentation data in packages/twenty-ui/generated.
+ * To update it, edit the component prop types or design tokens in twenty-ui and run:
+ *   npx nx generate:ui twenty-docs
+ */}
+
+<ParamField body="color" type="&quot;ruby&quot; | &quot;red&quot; | &quot;crimson&quot; | &quot;tomato&quot; | &quot;orange&quot; | &quot;amber&quot; | &quot;yellow&quot; | &quot;lime&quot; | &quot;grass&quot; | &quot;green&quot; | &quot;jade&quot; | &quot;mint&quot; | &quot;turquoise&quot; | &quot;cyan&quot; | &quot;sky&quot; | &quot;blue&quot; | &quot;iris&quot; | &quot;violet&quot; | &quot;purple&quot; | &quot;plum&quot; | &quot;pink&quot; | &quot;bronze&quot; | &quot;gold&quot; | &quot;brown&quot; | &quot;gray&quot;" required>
+  Theme color used for the status background, text, and loader.
+</ParamField>
+
+<ParamField body="disabled" type="boolean" default="false">
+  Applies disabled styling and disables activation when `onClick` is supplied.
+</ParamField>
+
+<ParamField body="loading" type="boolean" default="false">
+  Shows a loader after the label. Does not disable the control or announce a status change by itself.
+</ParamField>
+
+<ParamField body="nativeButton" type="boolean" default="true">
+  Set to `false` when using `render` with an element other than a native button.
+</ParamField>
+
+<ParamField body="onClick" type="MouseEventHandler&lt;HTMLButtonElement&gt; | MouseEventHandler&lt;HTMLElement&gt;">
+  Handles activation and renders a native button by default. Without it, the default element is a span.
+</ParamField>
+
+<ParamField body="render" type="NonNullable&lt;ReactElement&lt;unknown, string | JSXElementConstructor&lt;any&gt;&gt; | ComponentRenderFn&lt;HTMLProps, {}&gt; | undefined&gt;">
+  Replaces the default element. Required when `nativeButton` is `false`.
+</ParamField>
+
+<ParamField body="weight" type="&quot;regular&quot; | &quot;medium&quot;" default="regular">
+  Font weight of the label.
+</ParamField>

packages/twenty-docs/snippets/ui/generated/data-display/tag.mdx

@@ -0,0 +1,55 @@
+{/*
+ * _____                    _
+ *|_   _|_      _____ _ __ | |_ _   _
+ *  | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file
+ *  | |  \ V  V /  __/ | | | |_| |_| | DO NOT EDIT - changes will be overwritten
+ *  |_|   \_/\_/ \___|_| |_|\__|\__, | Generated by: npx nx generate:ui twenty-docs
+ *                              |___/
+ *
+ * This file is generated from the documentation data in packages/twenty-ui/generated.
+ * To update it, edit the component prop types or design tokens in twenty-ui and run:
+ *   npx nx generate:ui twenty-docs
+ */}
+
+<ParamField body="borderStyle" type="&quot;solid&quot; | &quot;dashed&quot;" default="solid">
+  Border style used by the outline variant.
+</ParamField>
+
+<ParamField body="color" type="&quot;ruby&quot; | &quot;red&quot; | &quot;crimson&quot; | &quot;tomato&quot; | &quot;orange&quot; | &quot;amber&quot; | &quot;yellow&quot; | &quot;lime&quot; | &quot;grass&quot; | &quot;green&quot; | &quot;jade&quot; | &quot;mint&quot; | &quot;turquoise&quot; | &quot;cyan&quot; | &quot;sky&quot; | &quot;blue&quot; | &quot;iris&quot; | &quot;violet&quot; | &quot;purple&quot; | &quot;plum&quot; | &quot;pink&quot; | &quot;bronze&quot; | &quot;gold&quot; | &quot;brown&quot; | &quot;gray&quot; | &quot;transparent&quot;" required>
+  Theme color for the tag, or `transparent` for an unfilled label.
+</ParamField>
+
+<ParamField body="disabled" type="boolean" default="false">
+  Applies disabled styling and prevents pointer and keyboard activation.
+</ParamField>
+
+<ParamField body="nativeButton" type="boolean" default="true">
+  Set to `false` when a clickable tag uses `render` with an element other than a native button.
+</ParamField>
+
+<ParamField body="preventPadding" type="boolean" default="false">
+  Removes the tag padding.
+</ParamField>
+
+<ParamField body="preventShrink" type="boolean" default="false">
+  Keeps the tag from shrinking and disables string-label truncation and its tooltip.
+</ParamField>
+
+<ParamField body="render" type="ReactElement&lt;unknown, string | JSXElementConstructor&lt;any&gt;&gt; | ComponentRenderFn&lt;HTMLProps, {}&gt;">
+  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.
+</ParamField>
+
+<ParamField body="startIcon" type="ReactNode">
+  Decorative icon before the label. Hidden from assistive technology.
+</ParamField>
+
+<ParamField body="variant" type="&quot;solid&quot; | &quot;outline&quot; | &quot;ghost&quot; | &quot;soft&quot;" default="soft">
+  Visual treatment of the tag background and border.
+</ParamField>
+
+<ParamField body="weight" type="&quot;regular&quot; | &quot;medium&quot;" default="regular">
+  Font weight of the label.
+</ParamField>