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

package/content/input-blocks/treemultipleselector.md

@@ -73,53 +73,6 @@ Searchable multiple-select tree dropdown (tags or checkboxes). Driven by flat `d
           _state: true
 ```
 
-```yaml
-- id: check_strictly_tree_multiple
-  type: TreeMultipleSelector
-  properties:
-    title: Folders (parents check on their own)
-    checkable: true
-    checkStrictly: true
-    treeDefaultExpandAll: true
-    primaryKey: id
-    parentKey: parentId
-    valueKey: id
-    html: "{{ item.label }}"
-    data:
-      - id: 1
-        label: Projects
-      - id: 2
-        label: Website
-        parentId: 1
-      - id: 3
-        label: Mobile App
-        parentId: 1
-      - id: 4
-        label: Archive
-- id: max_count_tree_multiple
-  type: TreeMultipleSelector
-  properties:
-    title: Pick Up to 2 Teams
-    maxCount: 2
-    maxTagCount: responsive
-    treeDefaultExpandAll: true
-    primaryKey: id
-    parentKey: parentId
-    valueKey: id
-    html: "{{ item.label }}"
-    data:
-      - id: 1
-        label: Engineering
-      - id: 2
-        label: Frontend
-        parentId: 1
-      - id: 3
-        label: Backend
-        parentId: 1
-      - id: 4
-        label: Sales
-```
-
 | 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. |
@@ -129,108 +82,43 @@ Searchable multiple-select tree dropdown (tags or checkboxes). Driven by flat `d
 | `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. |
 | `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. |
 | `disabled` | boolean | `false` | Disable the block if true. |
 | `autoFocus` | boolean | `false` | Autofocus to the block on page load. |
 | `allowClear` | boolean | `true` | Allow the user to clear their input. |
 | `bordered` | boolean | `true` | Whether or not the input has a border style. Deprecated, use variant instead. |
-| `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`. |
 | `size` | string | `"default"` | Size of the block. Enum: `small`, `default`, `large`. |
 | `title` | string | - | Title to describe the input component, if no title is specified the block id is displayed - supports html. |
-| `listHeight` | number | `256` | Height of the dropdown list in pixels. |
-| `placement` | string | `"bottomLeft"` | Position of the dropdown relative to the selector. Enum: `bottomLeft`, `bottomRight`, `topLeft`, `topRight`. |
-| `popupMatchSelectWidth` | boolean \| number | `true` | Make the dropdown the same width as the selector. Set a number of pixels for a fixed dropdown width, or false to size the dropdown to its options (this also turns off virtual scrolling). |
-| `prefix` | string | - | Text shown inside the selector before the selected value. |
-| `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 show inside the selector before the selected value. Ignored when `prefix` is set. |
-| `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. |
-| `virtual` | boolean | `true` | Only render the dropdown options in view. Set to false when options have very different heights, or so screen readers can reach every option. |
 | `placeholder` | string | `"Select items"` | Placeholder text inside the block before user types input. |
 | `showSearch` | boolean | `true` | Make the tree searchable. |
 | `treeDefaultExpandAll` | boolean | `false` | Expand all tree nodes by default. |
-| `treeExpandAction` | string | - | Expand or collapse a node by clicking or double-clicking its title. When not set, nodes only expand with the switcher. Enum: `click`, `doubleClick`. |
-| `treeLine` | boolean | `false` | Show connecting lines between tree nodes. |
-| `autoClearSearchValue` | boolean | `true` | Whether the current search will be cleared on selecting an item. |
 | `checkable` | boolean | `false` | Show checkboxes on the tree nodes instead of selectable tags. |
-| `checkStrictly` | boolean | `false` | When `checkable` is true, check nodes independently: checking a parent does not check its children, and checking every child does not check the parent. |
 | `showCheckedStrategy` | string | `"SHOW_CHILD"` | How checked nodes are shown when `checkable` is true: SHOW_ALL (all checked), SHOW_PARENT (parent only), SHOW_CHILD (leaf children only). Enum: `SHOW_ALL`, `SHOW_PARENT`, `SHOW_CHILD`. |
-| `maxCount` | number | - | Maximum number of options that can be selected. Once reached, the remaining options are disabled. |
-| `maxTagCount` | number \| string | - | Maximum number of selected tags shown before the rest collapse into a count. Set to 'responsive' to fit as many tags as the input width allows. |
+| `maxTagCount` | number | - | Maximum number of selected tags shown before collapsing into a count. |
 | `notFoundContent` | string | `"Not found"` | Content shown when no nodes match the search. |
-| `suffixIcon` | string \| object | `"chevron-down"` | Dropdown suffix icon. |
-| `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. |
-| `clearIcon` | string \| object | `"clear"` | Clear icon. |
-| `clearIcon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
-| `clearIcon.color` | string | - | Icon color. |
-| `clearIcon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
-| `clearIcon.rotate` | number | - | Number of degrees to rotate the icon. |
-| `clearIcon.spin` | boolean | - | Continuously spin the icon with animation. |
-| `clearIcon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
-| `clearIcon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
-| `clearIcon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
-| `clearIcon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
-| `removeIcon` | string \| object | `"close"` | 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 the remove icon on each selected tag. |
-| `removeIcon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
-| `removeIcon.color` | string | - | Icon color. |
-| `removeIcon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
-| `removeIcon.rotate` | number | - | Number of degrees to rotate the icon. |
-| `removeIcon.spin` | boolean | - | Continuously spin the icon with animation. |
-| `removeIcon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
-| `removeIcon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
-| `removeIcon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
-| `removeIcon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
+| `suffixIcon` | string \| object | `"AiOutlineDown"` | Dropdown suffix icon. |
+| `clearIcon` | string \| object | `"AiOutlineCloseCircle"` | Clear icon. |
 | `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.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.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. |
@@ -258,7 +146,6 @@ Searchable multiple-select tree dropdown (tags or checkboxes). Driven by flat `d
 | `onChange` | `{ value }` | Trigger action when selection is changed. |
 | `onFocus` | \- | Trigger action when the selector gains focus. |
 | `onClear` | \- | Trigger action when the selector is cleared. |
-| `onOpenChange` | `{ open }` | Trigger actions when the dropdown opens or closes. |
 | `onSearch` | `{ value }` | Trigger action when the search input changes. |
 | `onTooltipClick` | \- | Trigger actions when the tooltip icon is clicked. |
 
@@ -271,9 +158,5 @@ Searchable multiple-select tree dropdown (tags or checkboxes). Driven by flat `d
 | `/feedback` | The TreeMultipleSelector validation feedback. |
 | `/suffixIcon` | The suffix icon in the TreeMultipleSelector. |
 | `/clearIcon` | The clear icon in the TreeMultipleSelector. |
-| `/popup` | The TreeMultipleSelector dropdown popup. |
-| `/prefixIcon` | The prefix icon in the TreeMultipleSelector. |
-| `/removeIcon` | The remove icon on each selected tag in the TreeMultipleSelector. |
-| `/selector` | The inner value/tag container of the TreeMultipleSelector (antd `content` semantic slot). |
 
 No slots defined.

package/content/input-blocks/treeselector.md

@@ -99,38 +99,6 @@ Searchable single-select tree dropdown. Driven by flat `data`/`options` with `pr
         label: Operations
 ```
 
-```yaml
-- id: tree_line_selector
-  type: TreeSelector
-  properties:
-    title: Location
-    treeLine: true
-    treeExpandAction: click
-    primaryKey: id
-    parentKey: parentId
-    valueKey: id
-    html: "{{ item.label }}"
-    data:
-      - id: eu
-        label: Europe
-        selectable: false
-      - id: de
-        label: Germany
-        parentId: eu
-      - id: fr
-        label: France
-        parentId: eu
-      - id: am
-        label: Americas
-        selectable: false
-      - id: us
-        label: United States
-        parentId: am
-      - id: br
-        label: Brazil
-        parentId: am
-```
-
 | 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. |
@@ -140,92 +108,40 @@ Searchable single-select tree dropdown. Driven by flat `data`/`options` with `pr
 | `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. |
 | `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. |
 | `disabled` | boolean | `false` | Disable the block if true. |
 | `autoFocus` | boolean | `false` | Autofocus to the block on page load. |
 | `allowClear` | boolean | `true` | Allow the user to clear their input. |
 | `bordered` | boolean | `true` | Whether or not the input has a border style. Deprecated, use variant instead. |
-| `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`. |
 | `size` | string | `"default"` | Size of the block. Enum: `small`, `default`, `large`. |
 | `title` | string | - | Title to describe the input component, if no title is specified the block id is displayed - supports html. |
-| `listHeight` | number | `256` | Height of the dropdown list in pixels. |
-| `placement` | string | `"bottomLeft"` | Position of the dropdown relative to the selector. Enum: `bottomLeft`, `bottomRight`, `topLeft`, `topRight`. |
-| `popupMatchSelectWidth` | boolean \| number | `true` | Make the dropdown the same width as the selector. Set a number of pixels for a fixed dropdown width, or false to size the dropdown to its options (this also turns off virtual scrolling). |
-| `prefix` | string | - | Text shown inside the selector before the selected value. |
-| `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 show inside the selector before the selected value. Ignored when `prefix` is set. |
-| `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. |
-| `virtual` | boolean | `true` | Only render the dropdown options in view. Set to false when options have very different heights, or so screen readers can reach every option. |
 | `placeholder` | string | `"Select item"` | Placeholder text inside the block before user types input. |
 | `showSearch` | boolean | `true` | Make the tree searchable. |
 | `treeDefaultExpandAll` | boolean | `false` | Expand all tree nodes by default. |
-| `treeExpandAction` | string | - | Expand or collapse a node by clicking or double-clicking its title. When not set, nodes only expand with the switcher. Enum: `click`, `doubleClick`. |
-| `treeLine` | boolean | `false` | Show connecting lines between tree nodes. |
 | `notFoundContent` | string | `"Not found"` | Content shown when no nodes match the search. |
-| `suffixIcon` | string \| object | `"chevron-down"` | Dropdown suffix icon. |
-| `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. |
-| `clearIcon` | string \| object | `"clear"` | Clear icon. |
-| `clearIcon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
-| `clearIcon.color` | string | - | Icon color. |
-| `clearIcon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
-| `clearIcon.rotate` | number | - | Number of degrees to rotate the icon. |
-| `clearIcon.spin` | boolean | - | Continuously spin the icon with animation. |
-| `clearIcon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
-| `clearIcon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
-| `clearIcon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
-| `clearIcon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
+| `suffixIcon` | string \| object | `"AiOutlineDown"` | Dropdown suffix icon. |
+| `clearIcon` | string \| object | `"AiOutlineCloseCircle"` | Clear icon. |
 | `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.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.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. |
@@ -253,7 +169,6 @@ Searchable single-select tree dropdown. Driven by flat `data`/`options` with `pr
 | `onChange` | `{ value }` | Trigger action when selection is changed. |
 | `onFocus` | \- | Trigger action when the selector gains focus. |
 | `onClear` | \- | Trigger action when the selector is cleared. |
-| `onOpenChange` | `{ open }` | Trigger actions when the dropdown opens or closes. |
 | `onSearch` | `{ value }` | Trigger action when the search input changes. |
 | `onTooltipClick` | \- | Trigger actions when the tooltip icon is clicked. |
 
@@ -266,8 +181,5 @@ Searchable single-select tree dropdown. Driven by flat `data`/`options` with `pr
 | `/feedback` | The TreeSelector validation feedback. |
 | `/suffixIcon` | The suffix icon in the TreeSelector. |
 | `/clearIcon` | The clear icon in the TreeSelector. |
-| `/popup` | The TreeSelector dropdown popup. |
-| `/prefixIcon` | The prefix icon in the TreeSelector. |
-| `/selector` | The inner value/tag container of the TreeSelector (antd `content` semantic slot). |
 
 No slots defined.

package/content/input-blocks/upload.md

@@ -14,7 +14,7 @@ Upload files to any storage provider with a button trigger — AWS S3 (and S3-co
   properties:
     uploadPolicyRequestId: upload_policy_request
     button:
-      icon: upload
+      icon: UploadOutlined
       title: Choose File
       type: default
 - id: basic_custom_icon
@@ -22,18 +22,9 @@ Upload files to any storage provider with a button trigger — AWS S3 (and S3-co
   properties:
     uploadPolicyRequestId: upload_policy_request
     button:
-      icon: CloudUpload
+      icon: AiOutlineCloudUpload
       title: Upload to Cloud
       type: default
-- id: basic_icon_end
-  type: Upload
-  properties:
-    uploadPolicyRequestId: upload_policy_request
-    button:
-      icon: upload
-      iconPlacement: end
-      title: Attach
-      type: default
 ```
 
 ```yaml
@@ -43,7 +34,7 @@ Upload files to any storage provider with a button trigger — AWS S3 (and S3-co
     uploadPolicyRequestId: upload_policy_request
     accept: image/*
     button:
-      icon: image
+      icon: AiOutlinePicture
       title: Upload Image
       type: default
 - id: accept_pdf
@@ -52,7 +43,7 @@ Upload files to any storage provider with a button trigger — AWS S3 (and S3-co
     uploadPolicyRequestId: upload_policy_request
     accept: .pdf
     button:
-      icon: FileText
+      icon: AiOutlineFilePdf
       title: Upload PDF
       type: default
 ```
@@ -64,7 +55,7 @@ Upload files to any storage provider with a button trigger — AWS S3 (and S3-co
     uploadPolicyRequestId: upload_policy_request
     singleFile: true
     button:
-      icon: upload
+      icon: UploadOutlined
       title: Upload Single File
       type: default
 - id: limit_max_three
@@ -73,7 +64,7 @@ Upload files to any storage provider with a button trigger — AWS S3 (and S3-co
     uploadPolicyRequestId: upload_policy_request
     maxCount: 3
     button:
-      icon: upload
+      icon: UploadOutlined
       title: Upload (Max 3)
       type: default
 ```
@@ -85,37 +76,11 @@ Upload files to any storage provider with a button trigger — AWS S3 (and S3-co
     emitFileContent: true
     singleFile: true
     button:
-      icon: upload
+      icon: UploadOutlined
       title: Attach File
       type: default
 ```
 
-```yaml
-- id: list_picture
-  type: Upload
-  properties:
-    uploadPolicyRequestId: upload_policy_request
-    accept: image/*
-    listType: picture
-    showUploadList:
-      showRemoveIcon: true
-      showDownloadIcon: false
-    button:
-      icon: image
-      title: Upload Images
-      type: default
-- id: upload_directory
-  type: Upload
-  properties:
-    uploadPolicyRequestId: upload_policy_request
-    directory: true
-    pastable: true
-    button:
-      icon: folder
-      title: Upload Folder
-      type: default
-```
-
 ```yaml
 - id: disabled_default
   type: Upload
@@ -126,48 +91,34 @@ Upload files to any storage provider with a button trigger — AWS S3 (and S3-co
 
 ```yaml
 - id: label_default
-  type: Label
+  type: Upload
   properties:
     title: Upload Attachment
-  blocks:
-    - id: label_default_upload
-      type: Upload
-      properties:
-        uploadPolicyRequestId: upload_policy_request
+    uploadPolicyRequestId: upload_policy_request
 - id: label_extra
-  type: Label
+  type: Upload
   properties:
     title: Upload Document
-    extra: Accepted formats are PDF, DOCX, and PNG. Max size 10MB.
-  blocks:
-    - id: label_extra_upload
-      type: Upload
-      properties:
-        uploadPolicyRequestId: upload_policy_request
+    uploadPolicyRequestId: upload_policy_request
+    label:
+      extra: Accepted formats are PDF, DOCX, and PNG. Max size 10MB.
 ```
 
 | Property | Type | Default | Description |
 | --- | --- | --- | --- |
 | `accept` | string | - | File types accepted by the input. See html file type input accept property at https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept. |
-| `button` | object | `{"icon":"upload","title":"Upload","type":"default"}` | Button block properties. See [Button](/Button) for all properties. |
+| `button` | object | `{"icon":"UploadOutlined","title":"Upload","type":"default"}` | Button block properties. See [Button](/Button) for all properties. |
 | `button.title` | string | - | Button title text. |
 | `button.icon` | string \| object | - | Button icon name or Icon block properties. |
-| `button.iconPlacement` | string | `"start"` | Place the icon before (`start`) or after (`end`) the button title. Enum: `start`, `end`. |
 | `button.type` | string | `"default"` | Button type. Enum: `default`, `primary`, `dashed`, `text`, `link`. |
 | `button.danger` | boolean | `false` | Set button style to danger. |
 | `button.disabled` | boolean | `false` | Disable the button. |
 | `button.size` | string | `"default"` | Button size. Enum: `small`, `default`, `large`. |
-| `directory` | boolean | `false` | Select a whole folder instead of files. Every file in the folder is uploaded. |
-| `listType` | string | `"text"` | Style of the file list. `picture` shows a thumbnail for each image. Enum: `text`, `picture`. |
-| `pastable` | boolean | `false` | Upload files pasted anywhere on the page. |
 | `disabled` | boolean | - | Disable the file input. |
 | `emitFileContent` | boolean | `false` | Instead of uploading, read the file and emit { name, size, type, content } — content a base64 string — as the block value and onChange event. Use with a CallAPI action to store the file with a server-side write request (e.g. AwsS3PutObject). Replaces uploadPolicyRequestId. |
 | `maxCount` | number | - | Maximum number of files that can be uploaded. |
 | `uploadPolicyRequestId` | string | - | Id of an upload-policy request (e.g. AwsS3PresignedPostPolicy, GcsSignedPostPolicy, AzureBlobUploadSas) that defines to which storage bucket and how the file should be uploaded. Required unless emitFileContent is true. |
-| `showUploadList` | boolean \| object | `true` | Whether to show the uploaded file list. Set an object to choose which actions each file shows. |
-| `showUploadList.showPreviewIcon` | boolean | `true` | Show the preview action on picture list items. |
-| `showUploadList.showRemoveIcon` | boolean | `true` | Show the remove action, so files can be removed from the list. |
-| `showUploadList.showDownloadIcon` | boolean | `false` | Show the download action. |
+| `showUploadList` | boolean | `true` | Whether to show default upload list. |
 | `singleFile` | boolean | `false` | Only allow a single file to be uploaded. Only one file can be selected in the prompt. |
 | `theme` | object | - | Antd design token overrides for this block. See [antd design tokens](https://ant.design/components/upload#design-token). See [Ant Design upload tokens](https://ant.design/components/upload#design-token). |
 | `theme.actionsColor` | string | - | Color of action icons (download, preview, remove). |

package/content/input-blocks/uploaddragger.md

@@ -37,16 +37,6 @@ Upload files to any storage provider with a drag-and-drop (and paste) area — A
     singleFile: true
 ```
 
-```yaml
-- id: dragger_drop_only
-  type: UploadDragger
-  properties:
-    uploadPolicyRequestId: upload_policy_request
-    title: Drop files here, or paste them with Ctrl+V.
-    openFileDialogOnClick: false
-    listType: picture
-```
-
 ```yaml
 - id: disabled_default
   type: UploadDragger
@@ -60,17 +50,11 @@ Upload files to any storage provider with a drag-and-drop (and paste) area — A
 | `height` | number \| string | - | Height of the dragger area. A number is applied in pixels; a string is passed through as a CSS length (e.g. "300px", "50vh"). Defaults to the antd `controlHeight` theme token. If `style.element.height` is set, it overrides this. |
 | `title` | string | - | Title of the file input to be displayed on the draggable area. |
 | `accept` | string | - | File types accepted by the input. See html file type input accept property at https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept. |
-| `directory` | boolean | `false` | Select a whole folder instead of files. Every file in the folder is uploaded. |
-| `listType` | string | `"text"` | Style of the file list. `picture` shows a thumbnail for each image. Enum: `text`, `picture`. |
-| `openFileDialogOnClick` | boolean | `true` | Whether clicking the drop area opens the file dialog. Set to false for a drop or paste only area. |
 | `disabled` | boolean | - | Disable the file input. |
 | `emitFileContent` | boolean | `false` | Instead of uploading, read the file and emit { name, size, type, content } — content a base64 string — as the block value and onChange event. Use with a CallAPI action to store the file with a server-side write request (e.g. AwsS3PutObject). Replaces uploadPolicyRequestId. |
 | `maxCount` | number | - | Maximum number of files that can be uploaded. |
 | `uploadPolicyRequestId` | string | - | Id of an upload-policy request (e.g. AwsS3PresignedPostPolicy, GcsSignedPostPolicy, AzureBlobUploadSas) that defines to which storage bucket and how the file should be uploaded. Required unless emitFileContent is true. |
-| `showUploadList` | boolean \| object | `true` | Whether to show the uploaded file list. Set an object to choose which actions each file shows. |
-| `showUploadList.showPreviewIcon` | boolean | `true` | Show the preview action on picture list items. |
-| `showUploadList.showRemoveIcon` | boolean | `true` | Show the remove action, so files can be removed from the list. |
-| `showUploadList.showDownloadIcon` | boolean | `false` | Show the download action. |
+| `showUploadList` | boolean | `true` | Whether to show default upload list. |
 | `singleFile` | boolean | `false` | Only allow a single file to be uploaded. Only one file can be selected in the prompt. |
 | `theme` | object | - | Antd design token overrides for this block. See [antd design tokens](https://ant.design/components/upload#design-token). See [Ant Design upload tokens](https://ant.design/components/upload#design-token). |
 | `theme.actionsColor` | string | - | Color of action icons (download, preview, remove). |

package/content/input-blocks/uploadphoto.md

@@ -37,17 +37,6 @@ Upload images to any storage provider with a picture-card interface — AWS S3 (
     singleFile: true
 ```
 
-```yaml
-- id: photo_capture
-  type: UploadPhoto
-  properties:
-    uploadPolicyRequestId: upload_policy_request
-    title: Take photo
-    capture: environment
-    listType: picture-circle
-    singleFile: true
-```
-
 ```yaml
 - id: disabled_default
   type: UploadPhoto
@@ -59,17 +48,11 @@ Upload images to any storage provider with a picture-card interface — AWS S3 (
 | Property | Type | Default | Description |
 | --- | --- | --- | --- |
 | `title` | string | `"Upload image"` | Title of the file input to be displayed instead of 'Upload image'. |
-| `pastable` | boolean | `false` | Upload files pasted anywhere on the page. |
-| `capture` | string | - | On mobile devices, open the camera directly: `user` for the front camera, `environment` for the back camera. Enum: `user`, `environment`. |
-| `listType` | string | `"picture-card"` | Shape of the photo tiles. Enum: `picture-card`, `picture-circle`. |
 | `disabled` | boolean | - | Disable the file input. |
 | `emitFileContent` | boolean | `false` | Instead of uploading, read the file and emit { name, size, type, content } — content a base64 string — as the block value and onChange event. Use with a CallAPI action to store the file with a server-side write request (e.g. AwsS3PutObject). Replaces uploadPolicyRequestId. |
 | `maxCount` | number | - | Maximum number of files that can be uploaded. |
 | `uploadPolicyRequestId` | string | - | Id of an upload-policy request (e.g. AwsS3PresignedPostPolicy, GcsSignedPostPolicy, AzureBlobUploadSas) that defines to which storage bucket and how the file should be uploaded. Required unless emitFileContent is true. |
-| `showUploadList` | boolean \| object | `true` | Whether to show the uploaded file list. Set an object to choose which actions each file shows. |
-| `showUploadList.showPreviewIcon` | boolean | `true` | Show the preview action on picture list items. |
-| `showUploadList.showRemoveIcon` | boolean | `true` | Show the remove action, so files can be removed from the list. |
-| `showUploadList.showDownloadIcon` | boolean | `false` | Show the download action. |
+| `showUploadList` | boolean | `true` | Whether to show default upload list. |
 | `singleFile` | boolean | `false` | Only allow a single file to be uploaded. Only one file can be selected in the prompt. |
 | `theme` | object | - | Antd design token overrides for this block. See [antd design tokens](https://ant.design/components/upload#design-token). See [Ant Design upload tokens](https://ant.design/components/upload#design-token). |
 | `theme.actionsColor` | string | - | Color of action icons (download, preview, remove). |