@lowdefy/docs-content 0.0.0-experimental-20260928120643 → 6.1.0

package/content/input-blocks/textinput.md

@@ -65,12 +65,6 @@ Single-line text input with sizes, prefix/suffix icons, character count, and cle
     title: Borderless
     variant: borderless
     placeholder: Borderless variant
-- id: variant_underlined
-  type: TextInput
-  properties:
-    title: Underlined
-    variant: underlined
-    placeholder: Underlined variant
 ```
 
 ```yaml
@@ -85,28 +79,28 @@ Single-line text input with sizes, prefix/suffix icons, character count, and cle
   properties:
     title: Email
     type: email
-    prefixIcon: mail
+    prefixIcon: AiOutlineMail
     placeholder: user@example.com
 - id: type_password
   type: TextInput
   properties:
     title: Password
     type: password
-    prefixIcon: lock
+    prefixIcon: AiOutlineLock
     placeholder: Enter password
 - id: type_tel
   type: TextInput
   properties:
     title: Telephone
     type: tel
-    prefixIcon: phone
+    prefixIcon: AiOutlinePhone
     placeholder: +1 (555) 123-4567
 - id: type_url
   type: TextInput
   properties:
     title: URL
     type: url
-    prefixIcon: globe
+    prefixIcon: AiOutlineGlobal
     placeholder: https://example.com
 ```
 
@@ -134,13 +128,13 @@ Single-line text input with sizes, prefix/suffix icons, character count, and cle
   type: TextInput
   properties:
     title: Prefix Icon
-    prefixIcon: user
+    prefixIcon: AiOutlineUser
     placeholder: Enter username
 - id: adorn_suffix_icon
   type: TextInput
   properties:
     title: Suffix Icon
-    suffixIcon: info
+    suffixIcon: AiOutlineInfoCircle
     placeholder: Enter value
 ```
 
@@ -150,21 +144,21 @@ Single-line text input with sizes, prefix/suffix icons, character count, and cle
   properties:
     title: Custom Color Icon
     prefixIcon:
-      name: user
+      name: AiOutlineUser
       color: "#1677ff"
     placeholder: Blue user icon
 - id: icon_both_custom
   type: TextInput
   properties:
     title: Both Icons
-    prefixIcon: link
-    suffixIcon: arrow-right
+    prefixIcon: AiOutlineLink
+    suffixIcon: AiOutlineArrowRight
     placeholder: Enter link
 - id: icon_mixed
   type: TextInput
   properties:
     title: Icon Prefix + Text Suffix
-    prefixIcon: globe
+    prefixIcon: AiOutlineGlobal
     suffix: .com
     placeholder: domain
 ```
@@ -186,7 +180,7 @@ Single-line text input with sizes, prefix/suffix icons, character count, and cle
   properties:
     title: Allow Clear + Prefix Icon
     allowClear: true
-    prefixIcon: user
+    prefixIcon: AiOutlineUser
   events:
     onMount:
       - id: set_default
@@ -314,7 +308,7 @@ Single-line text input with sizes, prefix/suffix icons, character count, and cle
   properties:
     title: Disabled (With Prefix)
     disabled: true
-    prefixIcon: user
+    prefixIcon: AiOutlineUser
   events:
     onMount:
       - id: set_default
@@ -355,7 +349,7 @@ Single-line text input with sizes, prefix/suffix icons, character count, and cle
     title: Fully Customized
     placeholder: Orange theme via style
     prefixIcon:
-      name: star
+      name: AiOutlineStar
       color: "#fa8c16"
 ```
 
@@ -372,7 +366,7 @@ Single-line text input with sizes, prefix/suffix icons, character count, and cle
   properties:
     title: Green Theme
     placeholder: Custom green colors
-    prefixIcon: check
+    prefixIcon: AiOutlineCheck
     theme:
       colorPrimary: "#52c41a"
       colorBorder: "#b7eb8f"
@@ -385,7 +379,7 @@ Single-line text input with sizes, prefix/suffix icons, character count, and cle
   properties:
     title: Purple Theme
     placeholder: Custom purple colors
-    prefixIcon: star
+    prefixIcon: AiOutlineStar
     theme:
       colorPrimary: "#722ed1"
       colorBorder: "#d3adf7"
@@ -411,7 +405,7 @@ Single-line text input with sizes, prefix/suffix icons, character count, and cle
   required: true
   properties:
     title: Full Name
-    prefixIcon: user
+    prefixIcon: AiOutlineUser
     placeholder: John Doe
     label:
       colon: false
@@ -421,7 +415,7 @@ Single-line text input with sizes, prefix/suffix icons, character count, and cle
   properties:
     title: Email Address
     type: email
-    prefixIcon: mail
+    prefixIcon: AiOutlineMail
     placeholder: john@example.com
     label:
       colon: false
@@ -432,7 +426,7 @@ Single-line text input with sizes, prefix/suffix icons, character count, and cle
   properties:
     title: Password
     type: password
-    prefixIcon: lock
+    prefixIcon: AiOutlineLock
     placeholder: At least 8 characters
     showCount: true
     maxLength: 64
@@ -484,7 +478,7 @@ Single-line text input with sizes, prefix/suffix icons, character count, and cle
         title: Create Account
         color: primary
         variant: solid
-        icon: arrow-right
+        icon: AiOutlineArrowRight
       events:
         onClick:
           - id: submit_validate
@@ -505,7 +499,7 @@ Single-line text input with sizes, prefix/suffix icons, character count, and cle
 - id: search_bar
   type: TextInput
   properties:
-    prefixIcon: search
+    prefixIcon: AiOutlineSearch
     allowClear: true
     placeholder: Search products, categories, or brands...
     size: large
@@ -564,62 +558,31 @@ Single-line text input with sizes, prefix/suffix icons, character count, and cle
 | `disabled` | boolean | `false` | Disable the block if true. |
 | `maxLength` | integer | - | The max number of input characters. |
 | `placeholder` | string | - | Placeholder text inside the block before user types input. |
-| `prefix` | string | - | Prefix text for the block, priority over prefixIcon. |
-| `prefixIcon` | string \| object | - | Icon name (a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`) or properties of an Icon block to customize icon to prefix the text input. |
-| `prefixIcon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
-| `prefixIcon.color` | string | - | Icon color. |
-| `prefixIcon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
-| `prefixIcon.rotate` | number | - | Number of degrees to rotate the icon. |
-| `prefixIcon.spin` | boolean | - | Continuously spin the icon with animation. |
-| `prefixIcon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
-| `prefixIcon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
-| `prefixIcon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
-| `prefixIcon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
+| `prefix` | string | - | Prefix text for the block, priority over $prefix_con. |
+| `prefixIcon` | string \| object | - | Name of an React-Icon (See all icons) or properties of an Icon block to customize icon to prefix the text input. |
 | `label` | object | - | Label properties. |
-| `label.xs` | object | - | Label width on extra small screens (below 576px) when the label is not inline. |
-| `label.xs.span` | number | - | Label width in columns, out of 24. The content takes the remaining columns. |
-| `label.sm` | object | - | Label width on small screens (576px and up) when the label is not inline. Also applies below 576px unless `xs` is set. |
-| `label.sm.span` | number | - | Label width in columns, out of 24. The content takes the remaining columns. |
-| `label.md` | object | - | Label width on medium screens (768px and up) when the label is not inline. Overrides `span`. |
-| `label.md.span` | number | - | Label width in columns, out of 24. The content takes the remaining columns. |
-| `label.lg` | object | - | Label width on large screens (992px and up) when the label is not inline. |
-| `label.lg.span` | number | - | Label width in columns, out of 24. The content takes the remaining columns. |
-| `label.xl` | object | - | Label width on extra large screens (1200px and up) when the label is not inline. |
-| `label.xl.span` | number | - | Label width in columns, out of 24. The content takes the remaining columns. |
-| `label.xxl` | object | - | Label width on extra extra large screens (1600px and up) when the label is not inline. |
-| `label.xxl.span` | number | - | Label width in columns, out of 24. The content takes the remaining columns. |
 | `label.align` | string | `"left"` | Align label left or right when inline. Enum: `left`, `right`. |
 | `label.colon` | boolean | `true` | Append label with colon. |
 | `label.extra` | string | - | Extra text to display beneath the content - supports html. |
 | `label.title` | string | - | Label title - supports html. |
 | `label.tooltip` | string \| object | - | Help tooltip shown via an icon beside the label. A string sets the tooltip text (supports html), or an object to also customize the icon and color. Use the block's onTooltipClick event to respond to clicks on the icon. |
 | `label.tooltip.title` | string | - | Tooltip text shown on hover - supports html. |
-| `label.tooltip.icon` | string | `"help"` | Icon name to show beside the label: a semantic name like `help`, a Lucide icon name like `CircleQuestionMark`, or a set-qualified name like `tabler:HelpCircle`. |
+| `label.tooltip.icon` | string | `"AiOutlineQuestionCircle"` | Name of the icon to show beside the label. |
 | `label.tooltip.color` | string | - | Color of the tooltip icon. |
-| `label.span` | number | - | Label width in columns, out of 24, on medium screens (768px) and up when the label is not inline. The content takes the remaining columns. |
+| `label.span` | number | - | Label inline span. |
 | `label.disabled` | boolean | `false` | Hide input label. |
 | `label.hasFeedback` | boolean | `true` | Display feedback extra from validation, this does not disable validation. |
 | `label.inline` | boolean | `false` | Render input and label inline. |
-| `label.wrap` | boolean | `false` | Wrap long label text onto multiple lines when the label is inline. Labels above their input always wrap. |
 | `replaceInput` | object | - | Regex used to sanitize input. |
 | `replaceInput.pattern` | string | - | The regular expression pattern to use to sanitize input. |
 | `replaceInput.flags` | string | - | The regex flags to use. The default value is 'gm'. |
 | `replaceInput.replacement` | string | - | The string used to replace the input that matches the pattern. The default value is ''. |
 | `size` | string | `"middle"` | Size of the block. Enum: `small`, `middle`, `large`. |
-| `showCount` | boolean | `false` | Show text character count. |
-| `suffix` | string | - | Suffix text for the block, shown before suffixIcon. |
-| `suffixIcon` | string \| object | - | Icon name (a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`) or properties of an Icon block to customize icon to suffix the text input. |
-| `suffixIcon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
-| `suffixIcon.color` | string | - | Icon color. |
-| `suffixIcon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
-| `suffixIcon.rotate` | number | - | Number of degrees to rotate the icon. |
-| `suffixIcon.spin` | boolean | - | Continuously spin the icon with animation. |
-| `suffixIcon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
-| `suffixIcon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
-| `suffixIcon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
-| `suffixIcon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
+| `showCount` | boolean | `false` | Show text character count |
+| `suffix` | string | - | Suffix text for the block, priority over suffixIcon. |
+| `suffixIcon` | string \| object | - | Name of an React-Icon (See all icons) or properties of an Icon block to customize icon to suffix the text input. |
 | `title` | string | - | Title to describe the input component, if no title is specified the block id is displayed - supports html. |
-| `variant` | string | - | Input visual variant. The deprecated bordered: false takes precedence and renders the input as 'borderless'. Enum: `outlined`, `filled`, `borderless`, `underlined`. |
+| `variant` | string | - | Input visual variant. When set, takes precedence over bordered. Enum: `outlined`, `filled`, `borderless`. |
 | `theme` | object | - | Antd design token overrides for this block. See [antd design tokens](https://ant.design/components/overview#design-token). See [Ant Design input tokens](https://ant.design/components/input#design-token). |
 | `theme.activeBorderColor` | string | - | Border color when the input is focused. |
 | `theme.activeShadow` | string | - | Box shadow when the input is focused. |
@@ -646,9 +609,6 @@ Single-line text input with sizes, prefix/suffix icons, character count, and cle
 | `theme.hoverBorderColor` | string | - | Border color when the input is hovered. |
 | `theme.hoverBg` | string | - | Background color when the input is hovered. |
 | `theme.activeBg` | string | - | Background color when the input is focused. |
-| `theme.inputFontSize` | number | `14` | Font size of the input text. |
-| `theme.inputFontSizeLG` | number | `16` | Font size of the input text for large inputs. |
-| `theme.inputFontSizeSM` | number | `14` | Font size of the input text for small inputs. |
 | `theme.lineWidth` | number | `1` | Border width. |
 | `theme.paddingBlock` | number | `4` | Vertical padding. |
 | `theme.paddingBlockLG` | number | `7` | Vertical padding for large inputs. |
@@ -662,7 +622,6 @@ Single-line text input with sizes, prefix/suffix icons, character count, and cle
 | --- | --- | --- |
 | `onBlur` | \- | Trigger action event occurs when text input loses focus. |
 | `onChange` | `{ value }` | Trigger action when text input is changed. |
-| `onClear` | \- | Trigger action when the clear button is clicked. |
 | `onFocus` | \- | Trigger action when text input gets focus. |
 | `onPressEnter` | \- | Trigger action when enter is pressed while text input is focused. |
 | `onTooltipClick` | \- | Trigger actions when the tooltip icon is clicked. |

package/content/input-blocks/tiptapmentioninput.md

@@ -1,6 +1,6 @@
 # TiptapMentionInput
 
-Rich-text editor with @-mention support. Same feature set as TiptapInput, plus a mention dropdown populated from a static options list or a request. Mention options can be marked as groups (roles, teams, queues) to render under their own menu section, as distinctly coloured chips, and with a hover popover listing the group's current members. See the guide below.
+Rich-text editor with @-mention support. Same feature set as TiptapInput, plus a mention dropdown populated from a static options list or a request. Mention options can be marked as groups (roles, teams, queues) to render under their own menu section, as distinctly coloured chips, and with a hover popover listing the group's current members. See the guide below.
 
 ## Group mentions
 

package/content/input-blocks/titleinput.md

@@ -388,7 +388,7 @@ Editable title heading with levels, copyable, and text styles.
       - id: set_default
         type: SetState
         params:
-          editable_boolean_true: Click this title to edit it in place
+          editable_boolean_true: Editable with boolean true
 - id: editable_boolean_false
   type: TitleInput
   properties:
@@ -400,18 +400,6 @@ Editable title heading with levels, copyable, and text styles.
         type: SetState
         params:
           editable_boolean_false: Not editable (editable false)
-- id: editable_with_icon
-  type: TitleInput
-  properties:
-    level: 3
-    editable:
-      icon: edit
-  events:
-    onMount:
-      - id: set_default
-        type: SetState
-        params:
-          editable_with_icon: Edit with the text or the icon
 - id: editable_custom_tooltip
   type: TitleInput
   properties:
@@ -423,12 +411,7 @@ Editable title heading with levels, copyable, and text styles.
       - id: set_default
         type: SetState
         params:
-          editable_custom_tooltip: Hover for a tooltip, click to edit
-- id: editable_placeholder
-  type: TitleInput
-  properties:
-    level: 3
-    placeholder: Name this document
+          editable_custom_tooltip: Click the pencil to edit
 - id: editable_max_length
   type: TitleInput
   properties:
@@ -878,9 +861,9 @@ Editable title heading with levels, copyable, and text styles.
     level: 3
     editable: true
   style:
-    background: "linear-gradient(90deg, #f0f5ff, #fff)"
+    background: linear-gradient(90deg,
     padding: 8px 16px
-    borderLeft: "4px solid #1677ff"
+    borderLeft: 4px solid
   events:
     onMount:
       - id: set_default
@@ -907,7 +890,7 @@ Editable title heading with levels, copyable, and text styles.
     type: success
     editable: true
   style:
-    border: "1px dashed #52c41a"
+    border: 1px dashed
     borderRadius: 8px
     padding: 12px 20px
     className: shadow-md
@@ -971,7 +954,7 @@ Editable title heading with levels, copyable, and text styles.
       type: Button
       properties:
         title: Save Document
-        icon: save
+        icon: AiOutlineSave
         type: primary
         size: large
         block: true
@@ -1030,7 +1013,7 @@ Editable title heading with levels, copyable, and text styles.
       type: Button
       properties:
         title: Publish Post
-        icon: send
+        icon: AiOutlineSend
         type: primary
         size: large
         block: true
@@ -1057,29 +1040,19 @@ Editable title heading with levels, copyable, and text styles.
 | `ellipsis.rows` | number | - | Max rows of content. |
 | `ellipsis.expandable` | boolean | - | Expand hidden content when clicked. |
 | `ellipsis.suffix` | string | - | Suffix of ellipses content. |
-| `editable` | boolean \| object | `true` | Allow editing the title in place. Click the text, or focus it and press Enter, to edit. Enter saves, Escape cancels. Provide an object for editable settings. |
-| `editable.icon` | string \| object | - | Show an edit icon button after the text, like `edit`. No icon is shown by default, since clicking the text edits it. |
-| `editable.icon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
-| `editable.icon.color` | string | - | Icon color. |
-| `editable.icon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
-| `editable.icon.rotate` | number | - | Number of degrees to rotate the icon. |
-| `editable.icon.spin` | boolean | - | Continuously spin the icon with animation. |
-| `editable.icon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
-| `editable.icon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
-| `editable.icon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
-| `editable.icon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
-| `editable.tooltip` | string | - | Tooltip text, shown on the edit icon, or on the text when no icon is set. |
+| `editable` | boolean \| object | `true` | Allow paragraph editing when true, editable settings can be provided with editable object. |
+| `editable.icon` | string \| object | - | Edit icon. |
+| `editable.tooltip` | string | - | Edit tooltip text. |
 | `editable.editing` | boolean | `false` | Control editing state. |
 | `editable.maxLength` | number | - | Max length of text area input. |
 | `italic` | boolean | `false` | Apply italic style. |
 | `level` | number | `1` | Set title type. Matches with h1, h2, h3 and h4. Enum: `1`, `2`, `3`, `4`, `5`. |
 | `mark` | boolean | `false` | Apply marked (highlighted) style. |
-| `placeholder` | string | `"Untitled"` | Muted text shown when the title is empty and editable. |
 | `type` | string | `"default"` | Additional types. Don't specify for default. Enum: `default`, `secondary`, `warning`, `danger`, `success`. |
 | `underline` | boolean | `false` | Apply underline style. |
 | `theme` | object | - | Antd design token overrides for this block. See [antd design tokens](https://ant.design/components/overview#design-token). See [Ant Design typography tokens](https://ant.design/components/typography#design-token). |
-| `theme.titleMarginBottom` | string \| number | `"0.5em"` | Margin bottom for title elements, as a CSS length or a number of pixels. |
-| `theme.titleMarginTop` | string \| number | `"1.2em"` | Margin top for title elements, as a CSS length or a number of pixels. |
+| `theme.titleMarginBottom` | string | `"0.5em"` | Margin bottom for title elements. |
+| `theme.titleMarginTop` | string | `"1.2em"` | Margin top for title elements. |
 | `theme.colorText` | string | - | Default text color. |
 | `theme.colorTextSecondary` | string | - | Text color for secondary type. |
 | `theme.colorSuccess` | string | - | Text color for success type. |

package/content/input-blocks/treeinput.md

@@ -89,41 +89,6 @@ Inline tree with nested options and checkboxes. (Renamed from `TreeSelector`.)
         label: Operations
 ```
 
-```yaml
-- id: tree_block_node
-  type: TreeInput
-  properties:
-    blockNode: true
-    height: 160
-    defaultExpandAll: true
-    primaryKey: id
-    parentKey: parentId
-    valueKey: id
-    html: "{{ item.label }}"
-    data:
-      - id: 1
-        label: Documents
-      - id: 2
-        label: Invoices
-        parentId: 1
-      - id: 3
-        label: Receipts
-        parentId: 1
-      - id: 4
-        label: Contracts
-        parentId: 1
-      - id: 5
-        label: Photos
-      - id: 6
-        label: Holidays
-        parentId: 5
-      - id: 7
-        label: Events
-        parentId: 5
-      - id: 8
-        label: Music
-```
-
 | Property | Type | Default | Description |
 | --- | --- | --- | --- |
 | `data` | array | - | Alternative to `options`: an array of raw rows. Each row is rendered to a label with the `html` template, and `valueKey` selects which field becomes the value. Use this to drive a selector directly from data without building label/value pairs in your request. |
@@ -133,25 +98,39 @@ Inline tree with nested options and checkboxes. (Renamed from `TreeSelector`.)
 | `parentKey` | string | - | Tree selectors only: names each row’s parent id. Build a flat `data`/`options` array where each row has a `primaryKey` (its own id) and a `parentKey` whose value equals the parent row’s `primaryKey`. Rows whose `parentKey` is empty or points at no row become tree roots. Supports dotted paths. |
 | `options` | array | `[]` | Options can either be an array of primitive values, on an array of label, value pairs - supports html. |
 | `options.$.label` | string | - | Value label shown to user - supports html. |
-| `options.$.value` | - | - | Option value. Can be of any type. |
+| `options.$.value` | string \| number \| boolean | - | Option value. |
 | `options.$.disabled` | boolean | `false` | Disable the option if true. |
 | `options.$.style` | object | - | Css style to apply to the option. |
 | `options.$.color` | string | - | Color applied to this option when it is selected. Falls back to the block-level color when not set. |
 | `disabled` | boolean | `false` | Disable the block if true. |
-| `blockNode` | boolean | `false` | Make each tree node fill the remaining width of the row, so the whole row is clickable and highlighted. |
 | `checkable` | boolean | `false` | Show checkboxes on the tree nodes. |
 | `showLine` | boolean | `false` | Show a connecting line if true. |
 | `selectable` | boolean | `true` | Selectable if true. |
 | `defaultExpandAll` | boolean | `false` | Expand all tree nodes by default. |
-| `height` | number | - | Height of the tree in pixels. When set, the tree scrolls and only renders the nodes in view, for large trees. |
-| `theme` | object | - | Antd design token overrides for this block. See [antd design tokens](https://ant.design/components/overview#design-token). See [Ant Design tree tokens](https://ant.design/components/tree#design-token). |
-| `theme.indentSize` | number | `24` | Indent width of each tree level. |
-| `theme.nodeHoverBg` | string | `"rgba(0, 0, 0, 0.04)"` | Background color of a hovered tree node. |
-| `theme.nodeHoverColor` | string | `"rgba(0, 0, 0, 0.88)"` | Text color of a hovered tree node. |
-| `theme.nodeSelectedBg` | string | `"#e6f4ff"` | Background color of the selected tree node. |
-| `theme.nodeSelectedColor` | string | `"rgba(0, 0, 0, 0.88)"` | Text color of the selected tree node. |
-| `theme.switcherSize` | number | `24` | Width of the expand/collapse switcher. |
-| `theme.titleHeight` | number | `24` | Height of a tree node title. |
+| `theme` | object | - | Antd design token overrides for this block. See [antd design tokens](https://ant.design/components/overview#design-token). See [Ant Design tree-select tokens](https://ant.design/components/tree-select#design-token). |
+| `theme.nodeSelectedBg` | string | - | Background color of selected tree node. |
+| `theme.nodeHoverBg` | string | - | Background color of hovered tree node. |
+| `theme.titleHeight` | number | `24` | Height of tree node title. |
+| `theme.clearBg` | string | - | Background color of clear button. |
+| `theme.selectorBg` | string | - | Background color of the selector. |
+| `theme.hoverBorderColor` | string | - | Border color when hovered. |
+| `theme.activeBorderColor` | string | - | Border color when active/focused. |
+| `theme.activeOutlineColor` | string | - | Outline color when active/focused. |
+| `theme.optionSelectedBg` | string | - | Background of selected option. |
+| `theme.optionSelectedColor` | string | - | Text color of selected option. |
+| `theme.optionSelectedFontWeight` | string | - | Font weight of selected option. |
+| `theme.optionActiveBg` | string | - | Background of active (hovered) option. |
+| `theme.optionFontSize` | number | `14` | Font size of options. |
+| `theme.optionHeight` | number | `32` | Height of each option. |
+| `theme.optionLineHeight` | string | - | Line height of options. |
+| `theme.optionPadding` | string | - | Padding of options. |
+| `theme.multipleSelectorBgDisabled` | string | - | Background when disabled in multiple mode. |
+| `theme.multipleItemBg` | string | - | Background of tag items in multiple mode. |
+| `theme.multipleItemBorderColor` | string | - | Border color of tag items. |
+| `theme.multipleItemHeight` | number | `24` | Height of tag items. |
+| `theme.multipleItemHeightSM` | number | `16` | Height of tag items (small). |
+| `theme.multipleItemHeightLG` | number | `32` | Height of tag items (large). |
+| `theme.zIndexPopup` | number | `1050` | z-index of the dropdown. |
 
 | Event | Event Data | Description |
 | --- | --- | --- |
@@ -161,8 +140,5 @@ Inline tree with nested options and checkboxes. (Renamed from `TreeSelector`.)
 | --- | --- |
 | `/block` | Outer block wrapper (always available). |
 | `/element` | The TreeInput element. |
-| `/item` | Each tree node row. |
-| `/itemSwitcher` | The expand/collapse switcher of each tree node. |
-| `/itemTitle` | The title of each tree node. |
 
 No slots defined.