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

package/content/input-blocks/selector.md

@@ -269,45 +269,6 @@ Dropdown selector with search, clear, and custom icons.
         value: blue
 ```
 
-```yaml
-- id: prefix_icon_selector
-  type: Selector
-  properties:
-    title: Prefix Icon
-    prefixIcon: globe
-    placeholder: Choose a region...
-    options:
-      - label: Europe
-        value: eu
-      - label: North America
-        value: na
-      - label: Asia Pacific
-        value: apac
-- id: wide_dropdown_selector
-  type: Selector
-  style:
-    .element:
-      width: 160px
-  properties:
-    title: Dropdown Wider Than the Input
-    popupMatchSelectWidth: false
-    placement: bottomRight
-    options:
-      - label: Standard shipping (5 to 7 business days)
-        value: standard
-      - label: Express shipping (1 to 2 business days)
-        value: express
-- id: underlined_selector
-  type: Selector
-  properties:
-    title: Underlined Variant
-    variant: underlined
-    options:
-      - Draft
-      - Published
-      - Archived
-```
-
 ```yaml
 - id: size_small
   type: Selector
@@ -351,7 +312,7 @@ Dropdown selector with search, clear, and custom icons.
   type: Selector
   properties:
     title: Custom Suffix Icon
-    suffixIcon: search
+    suffixIcon: AiOutlineSearch
     placeholder: Search items...
     options:
       - label: Database
@@ -365,7 +326,7 @@ Dropdown selector with search, clear, and custom icons.
   properties:
     title: Styled Suffix Icon
     suffixIcon:
-      name: filter
+      name: AiOutlineFilter
       color: "#722ed1"
     placeholder: Filter options...
     options:
@@ -379,7 +340,7 @@ Dropdown selector with search, clear, and custom icons.
   type: Selector
   properties:
     title: Custom Clear Icon
-    clearIcon: delete
+    clearIcon: AiOutlineDelete
     placeholder: Select to see custom clear icon...
     options:
       - label: Item One
@@ -393,7 +354,7 @@ Dropdown selector with search, clear, and custom icons.
   properties:
     title: Styled Clear Icon
     clearIcon:
-      name: close-circle
+      name: AiOutlineCloseCircle
       color: "#f5222d"
     placeholder: Select then hover to clear...
     options:
@@ -580,7 +541,7 @@ Dropdown selector with search, clear, and custom icons.
       - label: Three
         value: 3
   class:
-    .element: rounded-lg shadow-sm
+    element: rounded-lg shadow-sm
 - id: class_label
   type: Selector
   properties:
@@ -591,7 +552,7 @@ Dropdown selector with search, clear, and custom icons.
       - label: Beta
         value: beta
   class:
-    .label: text-blue-600 font-semibold
+    label: text-blue-600 font-semibold
 ```
 
 ```yaml
@@ -785,7 +746,7 @@ Dropdown selector with search, clear, and custom icons.
     title: Searchable Styled Options
     showSearch: true
     placeholder: Search and select a status...
-    suffixIcon: search
+    suffixIcon: AiOutlineSearch
     options:
       - label: '<span style="color: #52c41a;">Active</span>'
         value: active
@@ -808,10 +769,10 @@ Dropdown selector with search, clear, and custom icons.
     showSearch: true
     placeholder: Choose a department...
     suffixIcon:
-      name: users
+      name: AiOutlineTeam
       color: "#1677ff"
     clearIcon:
-      name: close
+      name: AiOutlineClose
       color: "#ff4d4f"
     options:
       - label: <b>Engineering</b>
@@ -885,7 +846,7 @@ Dropdown selector with search, clear, and custom icons.
         title: Country
         showSearch: true
         placeholder: Select your country...
-        suffixIcon: globe
+        suffixIcon: AiOutlineGlobal
         options:
           - label: United States
             value: us
@@ -929,7 +890,7 @@ Dropdown selector with search, clear, and custom icons.
         title: Timezone
         showSearch: true
         placeholder: Select your timezone...
-        suffixIcon: clock
+        suffixIcon: AiOutlineClockCircle
         label:
           extra: Used for scheduling and notifications.
         options:
@@ -951,7 +912,7 @@ Dropdown selector with search, clear, and custom icons.
       type: Button
       properties:
         title: Save Preferences
-        icon: save
+        icon: AiOutlineSave
         type: primary
         size: large
         block: true
@@ -976,7 +937,7 @@ Dropdown selector with search, clear, and custom icons.
         title: Product
         showSearch: true
         placeholder: Select a product...
-        suffixIcon: ShoppingBag
+        suffixIcon: AiOutlineShopping
         options:
           - label: Laptop Pro 15"
             value: laptop_pro
@@ -1036,7 +997,7 @@ Dropdown selector with search, clear, and custom icons.
       type: Button
       properties:
         title: Place Order
-        icon: check-circle
+        icon: AiOutlineCheckCircle
         type: primary
         size: large
         block: true
@@ -1104,48 +1065,25 @@ Dropdown selector with search, clear, and custom icons.
 | `allowClear` | boolean | `true` | Allow the user to clear the selected value, sets the value to null. |
 | `autoFocus` | boolean | `false` | Autofocus to the block on page load. |
 | `bordered` | boolean | `true` | Whether or not the selector has a border style. Deprecated, use variant instead. |
-| `clearIcon` | string \| object | `"clear"` | 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 at far right position of the selector, shown when user is given option to clear input. |
-| `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. |
+| `clearIcon` | string \| object | `"AiOutlineCloseCircle"` | Name of an React-Icon (See all icons) or properties of an Icon block to customize icon at far right position of the selector, shown when user is given option to clear 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. |
 | `disabled` | boolean | `false` | Disable the block if true. |
 | `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. |
 | `html` | string | - | Nunjucks template that renders each option label when using `data`. The context exposes `item` (the current row) and `index` (the zero-based row index). Ignored when `options` is used. |
 | `valueKey` | string | - | Field used as the selected value. With `options` it names the value field (defaults to "value"). With `data` it names the field stored when an option is selected; omit it to store the whole row. Supports dotted paths (e.g. "user.id"). |
 | `primaryKey` | string | - | Field used to match the current value (e.g. set with SetState) back to an option for highlighting. Defaults to `valueKey`. Set this when the stored value is the whole row but a single field (e.g. "id") uniquely identifies it. In the tree selectors it also serves as each node’s id, referenced by `parentKey`. Supports dotted paths. |
-| `listHeight` | number | `256` | Height of the dropdown list in pixels. |
 | `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` | string \| number \| boolean \| object \| array | - | Value selected. Can be of any type. |
@@ -1154,37 +1092,14 @@ Dropdown selector with search, clear, and custom icons.
 | `options.$.style` | object | - | Css style to applied to option. |
 | `options.$.color` | string | - | Color applied to the selected value shown in the input, and used to tint this option in the dropdown. |
 | `placeholder` | string | `"Select item"` | Placeholder text inside the block before user selects input. |
-| `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. |
 | `loadingPlaceholder` | string | `"Loading"` | Placeholder text to show in options while the block is loading. |
-| `notFoundContent` | string | `"Not found"` | Placeholder text to show when list of options are empty. |
-| `showArrow` | boolean | `true` | Show the suffix icon at the drop-down position of the selector. antd shows the arrow by default; `false` hides it by clearing the suffix icon. |
+| `notFoundContent` | string | `"not Found"` | Placeholder text to show when list of options are empty. |
+| `showArrow` | boolean | `true` | Show the suffix icon at the drop-down position of the selector. |
 | `showSearch` | boolean | `true` | Make the selector options searchable. |
 | `size` | string | `"default"` | Size of the block. Enum: `small`, `default`, `large`. |
-| `suffixIcon` | string \| object | `"chevron-down"` | 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 at the drop-down position of the selector. |
-| `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. |
+| `suffixIcon` | string \| object | `"AiOutlineDown"` | Name of an React-Icon (See all icons) or properties of an Icon block to customize icon at the drop-down position of the selector. |
 | `title` | string | - | Title to describe the input component, if no title is specified the block id is displayed - supports html. |
-| `variant` | string | - | Input variant. `solid` fills the whole input with the selected option color; `outlined` colors its border/text. `filled`/`borderless`/`underlined` are the antd input styles. Enum: `solid`, `outlined`, `filled`, `borderless`, `underlined`. |
-| `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. |
+| `variant` | string | - | Input variant. `solid` fills the whole input with the selected option color; `outlined` colors its border/text. `filled`/`borderless` are the antd input styles. Enum: `solid`, `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 select tokens](https://ant.design/components/select#design-token). |
 | `theme.borderRadius` | number | `6` | Border radius of the selector. |
 | `theme.borderRadiusLG` | number | `8` | Border radius for large selectors. |
@@ -1229,7 +1144,6 @@ Dropdown selector with search, clear, and custom icons.
 | `onChange` | `{ value }` | Trigger action when selection is changed. |
 | `onFocus` | \- | Trigger action when selector gets focus. |
 | `onClear` | \- | Trigger action when selector is cleared. |
-| `onOpenChange` | `{ open }` | Trigger actions when the dropdown opens or closes. |
 | `onSearch` | `{ value }` | Trigger actions when input is changed. |
 | `onTooltipClick` | \- | Trigger actions when the tooltip icon is clicked. |
 
@@ -1243,8 +1157,6 @@ Dropdown selector with search, clear, and custom icons.
 | `/extra` | The Selector extra content. |
 | `/feedback` | The Selector validation feedback. |
 | `/options` | The Selector options. |
-| `/popup` | The Selector dropdown popup. |
-| `/prefixIcon` | The prefix icon in the Selector. |
 | `/suffixIcon` | The suffix icon in the Selector. |
 
 No slots defined.

package/content/input-blocks/switch.md

@@ -25,22 +25,6 @@ Toggle switch with optional text and icon labels.
       disabled: true
 ```
 
-```yaml
-- id: loading_switch
-  type: Switch
-  properties:
-    title: Saving
-    loading: true
-    label:
-      extra: Shows a spinner and ignores clicks, eg. while a request saves the value.
-  events:
-    onMount:
-      - id: set_default
-        type: SetState
-        params:
-          loading_switch: true
-```
-
 ```yaml
 - id: text_on_off
   type: Switch
@@ -90,25 +74,25 @@ Toggle switch with optional text and icon labels.
   type: Switch
   properties:
     title: Custom Checked Icon
-    checkedIcon: ThumbsUp
-    uncheckedIcon: ThumbsDown
+    checkedIcon: AiOutlineLike
+    uncheckedIcon: AiOutlineDislike
     label:
       disabled: true
 - id: icon_lock
   type: Switch
   properties:
     title: Lock / Unlock
-    checkedIcon: lock
-    uncheckedIcon: unlock
+    checkedIcon: AiOutlineLock
+    uncheckedIcon: AiOutlineUnlock
     label:
       disabled: true
 - id: icon_sound
   type: Switch
   properties:
     title: Sound On / Off
-    checkedIcon: Volume2
+    checkedIcon: AiOutlineSound
     uncheckedIcon:
-      name: Ban
+      name: AiOutlineStop
       color: "#999"
     label:
       disabled: true
@@ -116,16 +100,16 @@ Toggle switch with optional text and icon labels.
   type: Switch
   properties:
     title: Visibility Toggle
-    checkedIcon: view
-    uncheckedIcon: hide
+    checkedIcon: AiOutlineEye
+    uncheckedIcon: AiOutlineEyeInvisible
     label:
       disabled: true
 - id: icon_power
   type: Switch
   properties:
     title: Power Toggle
-    checkedIcon: Zap
-    uncheckedIcon: Power
+    checkedIcon: AiOutlineThunderbolt
+    uncheckedIcon: AiOutlinePoweroff
     label:
       disabled: true
 ```
@@ -236,8 +220,8 @@ Toggle switch with optional text and icon labels.
   properties:
     title: Disabled with Icons
     disabled: true
-    checkedIcon: ThumbsUp
-    uncheckedIcon: ThumbsDown
+    checkedIcon: AiOutlineLike
+    uncheckedIcon: AiOutlineDislike
     label:
       disabled: true
 ```
@@ -495,7 +479,7 @@ Toggle switch with optional text and icon labels.
       type: Button
       properties:
         title: Save Privacy Settings
-        icon: save
+        icon: AiOutlineSave
         type: primary
         block: true
       events:
@@ -510,58 +494,26 @@ Toggle switch with optional text and icon labels.
 | Property | Type | Default | Description |
 | --- | --- | --- | --- |
 | `autoFocus` | boolean | `false` | Autofocus to the block on page load. |
-| `checkedIcon` | string \| object | `"check"` | 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 shown when switch is checked (true). |
-| `checkedIcon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
-| `checkedIcon.color` | string | - | Icon color. |
-| `checkedIcon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
-| `checkedIcon.rotate` | number | - | Number of degrees to rotate the icon. |
-| `checkedIcon.spin` | boolean | - | Continuously spin the icon with animation. |
-| `checkedIcon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
-| `checkedIcon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
-| `checkedIcon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
-| `checkedIcon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
+| `checkedIcon` | string \| object | `"AiOutlineCheck"` | Name of an React-Icon (See all icons) or properties of an Icon block to customize icon to shown when switch is checked (true). |
 | `checkedText` | string | - | Text to shown when switch is checked (true). |
 | `color` | string | - | Switch checked color. |
 | `disabled` | boolean | `false` | Disable the block if true. |
 | `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. |
-| `loading` | boolean | `false` | Show a loading indicator in the switch handle and block changes, eg. while a request saves the new value. |
 | `size` | string | `"default"` | Size of the block. Enum: `small`, `default`. |
 | `title` | string | - | Title to describe the input component, if no title is specified the block id is displayed - supports html. |
-| `uncheckedIcon` | 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 icon to shown when switch is unchecked (false). |
-| `uncheckedIcon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
-| `uncheckedIcon.color` | string | - | Icon color. |
-| `uncheckedIcon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
-| `uncheckedIcon.rotate` | number | - | Number of degrees to rotate the icon. |
-| `uncheckedIcon.spin` | boolean | - | Continuously spin the icon with animation. |
-| `uncheckedIcon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
-| `uncheckedIcon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
-| `uncheckedIcon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
-| `uncheckedIcon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
+| `uncheckedIcon` | string \| object | `"AiOutlineClose"` | Name of an React-Icon (See all icons) or properties of an Icon block to customize icon to shown when switch is unchecked (false). |
 | `uncheckedText` | string | - | Text to shown when switch is not checked (false). |
 | `theme` | object | - | Antd design token overrides for this block. See [antd design tokens](https://ant.design/components/overview#design-token). See [Ant Design switch tokens](https://ant.design/components/switch#design-token). |
 | `theme.trackHeight` | number | `22` | Height of the switch track. |

package/content/input-blocks/textarea.md

@@ -241,21 +241,6 @@ Multi-line text input with auto-sizing, character count, and clear button.
     placeholder: Larger borderless textarea
 ```
 
-```yaml
-- id: variant_filled
-  type: TextArea
-  properties:
-    title: Filled
-    variant: filled
-    placeholder: Filled variant
-- id: variant_underlined
-  type: TextArea
-  properties:
-    title: Underlined
-    variant: underlined
-    placeholder: Underlined variant
-```
-
 ```yaml
 - id: disabled_empty
   type: TextArea
@@ -658,38 +643,25 @@ Multi-line text input with auto-sizing, character count, and clear button.
 | `bordered` | boolean | `true` | Whether or not the textarea has a border style. Deprecated, use variant instead. |
 | `disabled` | boolean | `false` | Disable the block if true. |
 | `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. |
 | `maxLength` | integer | - | The max number of input characters. |
 | `placeholder` | string | - | Placeholder text inside the block before user types input. |
 | `rows` | integer | - | Number of rows in the block, should be greater or equal to 1. Defining rows disables any prefix. |
 | `size` | string | `"middle"` | Size of the block. Enum: `small`, `middle`, `large`. |
 | `showCount` | boolean \| object | `false` | Show input character count. |
 | `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 active/focused. |
 | `theme.hoverBorderColor` | string | - | Border color when the input is hovered. |
@@ -727,7 +699,6 @@ Multi-line text input with auto-sizing, character count, and clear button.
 | --- | --- | --- |
 | `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. |