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

package/content/input-blocks/weekselector.md

@@ -49,13 +49,6 @@ Week picker for selecting a week of the year.
   properties:
     title: Borderless
     variant: borderless
-- id: ws_variant_underlined
-  type: WeekSelector
-  properties:
-    title: Underlined
-    variant: underlined
-    label:
-      disabled: true
 ```
 
 ```yaml
@@ -130,31 +123,20 @@ Week picker for selecting a week of the year.
 ```
 
 ```yaml
-- id: ws_prefix_icon
-  type: WeekSelector
-  properties:
-    title: Prefix Icon
-    prefixIcon: clock
-    suffixIcon:
-      name: calendar
-      color: "#8c8c8c"
-- id: ws_prefix_text
+- id: ws_today_enabled
   type: WeekSelector
   properties:
-    title: Prefix Text
-    prefix: "From:"
-- id: ws_placement
-  type: WeekSelector
-  properties:
-    title: Popup Opens Top Right
-    placement: topRight
-- id: ws_read_only
+    title: Show Today (default)
+    showToday: true
+    label:
+      disabled: true
+- id: ws_today_disabled
   type: WeekSelector
   properties:
-    title: Pick From Calendar Only
-    inputReadOnly: true
+    title: No Today Button
+    showToday: false
     label:
-      extra: The input is read-only, so touch devices do not open the keyboard.
+      disabled: true
 ```
 
 ```yaml
@@ -168,14 +150,14 @@ Week picker for selecting a week of the year.
   type: WeekSelector
   properties:
     title: Clock Icon
-    suffixIcon: clock
+    suffixIcon: AiOutlineClockCircle
     label:
       disabled: true
 - id: ws_icon_schedule
   type: WeekSelector
   properties:
     title: Schedule Icon
-    suffixIcon: CalendarDays
+    suffixIcon: AiOutlineSchedule
     label:
       disabled: true
 - id: ws_icon_custom_color
@@ -183,7 +165,7 @@ Week picker for selecting a week of the year.
   properties:
     title: Custom Color Icon
     suffixIcon:
-      name: calendar
+      name: AiOutlineCalendar
       color: "#1677ff"
     label:
       disabled: true
@@ -352,8 +334,7 @@ Week picker for selecting a week of the year.
 - id: ws_style_element_bg
   type: WeekSelector
   style:
-    .element:
-      backgroundColor: var(--ant-color-primary-bg)
+    .element: null
   properties:
     title: Custom Background
     label:
@@ -440,7 +421,7 @@ Week picker for selecting a week of the year.
     placeholder: Select sprint week
     format: YYYY [Week] wo
     size: large
-    suffixIcon: CalendarDays
+    suffixIcon: AiOutlineSchedule
     showToday: true
     allowClear: true
     label:
@@ -465,7 +446,7 @@ Week picker for selecting a week of the year.
     placeholder: Select fiscal week
     format: YYYY [W]ww
     suffixIcon:
-      name: calendar
+      name: AiOutlineCalendar
       color: "#1677ff"
     disabledDates:
       min: 2026-01-01
@@ -487,7 +468,7 @@ Week picker for selecting a week of the year.
         placeholder: Select sprint week
         format: YYYY [Week] wo
         size: large
-        suffixIcon: CalendarDays
+        suffixIcon: AiOutlineSchedule
         label:
           extra: Choose the week this sprint begins.
     - id: applied_sprint_team
@@ -515,7 +496,7 @@ Week picker for selecting a week of the year.
       type: Button
       properties:
         title: Start Sprint
-        icon: Zap
+        icon: AiOutlineThunderbolt
         type: primary
         block: true
       events:
@@ -586,7 +567,7 @@ Week picker for selecting a week of the year.
       type: Button
       properties:
         title: Submit Timesheet
-        icon: check
+        icon: AiOutlineCheck
         type: primary
         block: true
       events:
@@ -609,7 +590,7 @@ Week picker for selecting a week of the year.
 | `autoFocus` | boolean | `false` | Autofocus to the block on page load. |
 | `bordered` | boolean | `true` | Deprecated - use variant: 'borderless'. Whether or not the input has a border style. |
 | `disabled` | boolean | `false` | Disable the block if true. |
-| `variant` | string | `"outlined"` | Variant style of the input. Use 'borderless' instead of bordered: false. Enum: `outlined`, `filled`, `borderless`, `underlined`. |
+| `variant` | string | `"outlined"` | Variant style of the input. Use 'borderless' instead of bordered: false. Enum: `outlined`, `filled`, `borderless`. |
 | `disabledDates` | object | - | Disable specific dates so that they can not be chosen. |
 | `disabledDates.min` | string \| object | - | Disable all dates less than the minimum date. Can be a date string or a _date object. |
 | `disabledDates.max` | string \| object | - | Disable all dates greater than the maximum date. Can be a date string or a _date object. |
@@ -618,112 +599,67 @@ Week picker for selecting a week of the year.
 | `disabledDates.ranges.$.from` | string \| object | - | Start of the disabled range. |
 | `disabledDates.ranges.$.to` | string \| object | - | End of the disabled range. |
 | `format` | string | `"YYYY-wo"` | Format in which to format the date value, eg. "wo-YYYY" will format a date value of 1999-12-26 as "52nd-1999". The format has to conform to dayjs formats. |
-| `inputReadOnly` | boolean | `false` | Make the text input read-only, so a date can only be chosen from the calendar. This also stops the on-screen keyboard opening on touch devices. |
 | `placeholder` | string | - | Placeholder text inside the block before user types input. |
-| `placement` | string | `"bottomLeft"` | Position of the calendar popup relative to the input. Enum: `bottomLeft`, `bottomRight`, `topLeft`, `topRight`. |
-| `prefix` | string | - | Prefix text shown before the date in the input, 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 on the left-hand side of the date picker. |
-| `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. |
 | `presets` | array | - | Shortcuts listed next to the calendar to quickly select a week. Presets are re-evaluated every time the block config is evaluated, so operator based values like "_date: now" stay current. A preset is offered on the same terms as the calendar cells: a shortcut with nothing it may select is listed as disabled. |
 | `presets.$.label` | string | - | Text shown for the shortcut - supports html. |
 | `presets.$.value` | string \| number \| object | - | A date string, a timestamp, or a _date object. Dates are read as UTC, the same as the block value, so a fixed date like "2026-01-01" resolves to the same week in every timezone. A date relative to now is an instant, not a calendar date, so end a _dayjs chain with a format step to pin it to the local calendar: "_dayjs: [now, {startOf: week}, {format: YYYY-MM-DD}]". Without the format step the chain resolves to an instant, which can select the week before or after the current one, depending on the browser timezone and the time of day. |
 | `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. |
-| `showToday` | boolean | `true` | Deprecated - has no effect. The week picker has no button to select the current date. |
+| `showToday` | boolean | `true` | Shows a button to easily select the current date if true. |
 | `size` | string | `"default"` | Size of the block. Enum: `small`, `default`, `large`. |
-| `suffixIcon` | string \| object | `"calendar"` | 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 right-hand side of the date picker. |
-| `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 | `"AiOutlineCalendar"` | Name of an React-Icon (See all icons) or properties of an Icon block to customize icon at the right-hand side of the date picker. |
 | `title` | string | - | Title to describe the input component, if no title is specified the block id is displayed - supports html. |
 | `theme` | object | - | Antd design token overrides for this block. See [antd design tokens](https://ant.design/components/overview#design-token). See [Ant Design date-picker tokens](https://ant.design/components/date-picker#design-token). |
-| `theme.activeBg` | string | `"#ffffff"` | Background color of the input when the picker is active/focused. |
-| `theme.activeBorderColor` | string | - | Border color when the picker is active/focused. |
-| `theme.activeShadow` | string | `"0 0 0 2px rgba(5,145,255,0.1)"` | Shadow effect when the picker is active/focused. |
-| `theme.borderRadius` | number | `6` | Border radius of the picker input. |
-| `theme.borderRadiusLG` | number | `8` | Border radius for the large picker and popup panel. |
-| `theme.borderRadiusSM` | number | `4` | Border radius for the small picker. |
-| `theme.cellActiveWithRangeBg` | string | `"#e6f4ff"` | Background color of cells within the selected range. |
-| `theme.cellBgDisabled` | string | `"rgba(0,0,0,0.04)"` | Background color of disabled cells. |
 | `theme.cellHeight` | number | `24` | Height of a calendar cell. |
-| `theme.cellHoverBg` | string | `"rgba(0, 0, 0, 0.04)"` | Background color of a calendar cell on hover. |
-| `theme.cellHoverWithRangeBg` | string | `"#cbe0fd"` | Background color of cells within range on hover. |
-| `theme.cellRangeBorderColor` | string | `"#82b4f9"` | Border color of range selection cells. |
 | `theme.cellWidth` | number | `36` | Width of a calendar cell. |
-| `theme.colorBgContainer` | string | - | Background color of the picker input. |
-| `theme.colorBorder` | string | - | Border color of the picker input. |
-| `theme.colorPrimary` | string | - | Primary color used for the selected date and active states. |
-| `theme.colorText` | string | - | Text color of the picker input and calendar cells. |
-| `theme.colorTextPlaceholder` | string | - | Color of the placeholder text. |
-| `theme.controlHeight` | number | `32` | Height of the picker input. |
-| `theme.controlHeightLG` | number | `40` | Height of the large picker input. |
-| `theme.controlHeightSM` | number | `24` | Height of the small picker input. |
-| `theme.errorActiveShadow` | string | `"0 0 0 2px rgba(255,38,5,0.06)"` | Shadow effect when the picker has error status and is focused. |
+| `theme.cellHoverBg` | string | - | Background color of a calendar cell on hover. |
+| `theme.cellActiveWithRangeBg` | string | - | Background color of cells within the selected range. |
+| `theme.cellHoverWithRangeBg` | string | - | Background color of cells within range on hover. |
+| `theme.cellBgDisabled` | string | - | Background color of disabled cells. |
+| `theme.cellRangeBorderColor` | string | - | Border color of range selection cells. |
+| `theme.timeColumnWidth` | number | `56` | Width of the time panel column. |
+| `theme.timeColumnHeight` | number | `224` | Height of the time panel column. |
+| `theme.timeCellHeight` | number | `28` | Height of a time cell in the time panel. |
+| `theme.addonBg` | string | - | Background color for the addon area. |
+| `theme.hoverBorderColor` | string | - | Border color on hover. |
+| `theme.activeBorderColor` | string | - | Border color when active. |
+| `theme.activeShadow` | string | - | Shadow effect when active. |
+| `theme.paddingBlock` | number | `4` | Vertical padding of the input. |
+| `theme.paddingBlockSM` | number | `0` | Vertical padding for small size. |
+| `theme.paddingBlockLG` | number | `7` | Vertical padding for large size. |
+| `theme.paddingInline` | number | `11` | Horizontal padding of the input. |
+| `theme.paddingInlineSM` | number | `7` | Horizontal padding for small size. |
+| `theme.paddingInlineLG` | number | `11` | Horizontal padding for large size. |
+| `theme.zIndexPopup` | number | `1050` | Z-index of the picker popup. |
+| `theme.borderRadius` | number | `6` | Border radius of the input. |
+| `theme.borderRadiusSM` | number | `4` | Border radius for the small picker. |
+| `theme.borderRadiusLG` | number | `8` | Border radius for the large picker and popup panel. |
+| `theme.controlHeight` | number | `32` | Height of the input. |
+| `theme.controlHeightLG` | number | `40` | Height for large size. |
+| `theme.controlHeightSM` | number | `24` | Height for small size. |
 | `theme.fontSize` | number | `14` | Font size of the picker input. |
-| `theme.fontSizeLG` | number | `16` | Font size for the large picker. |
 | `theme.fontSizeSM` | number | `14` | Font size for the small picker. |
-| `theme.hoverBg` | string | `"#ffffff"` | Background color of the input when hovering over the picker. |
-| `theme.hoverBorderColor` | string | - | Border color when hovering over the picker. |
-| `theme.lineWidth` | number | `1` | Border width of the picker input. |
-| `theme.paddingBlock` | number | `4` | Vertical padding for the default size picker. |
-| `theme.paddingBlockLG` | number | `7` | Vertical padding for the large size picker. |
-| `theme.paddingBlockSM` | number | `0` | Vertical padding for the small size picker. |
-| `theme.paddingInline` | number | `11` | Horizontal padding for the default size picker. |
-| `theme.paddingInlineLG` | number | `11` | Horizontal padding for the large size picker. |
-| `theme.paddingInlineSM` | number | `7` | Horizontal padding for the small size picker. |
-| `theme.presetsMaxWidth` | number | `200` | Maximum width of the presets list next to the calendar. |
-| `theme.presetsWidth` | number | `120` | Width of the presets list next to the calendar. |
-| `theme.timeCellHeight` | number | `28` | Height of a time cell in the time panel. |
-| `theme.timeColumnHeight` | number | `224` | Height of the time panel column. |
-| `theme.timeColumnWidth` | number | `56` | Width of the time panel column. |
-| `theme.warningActiveShadow` | string | `"0 0 0 2px rgba(255,215,5,0.1)"` | Shadow effect when the picker has warning status and is focused. |
-| `theme.withoutTimeCellHeight` | number | `66` | Height of the cells of the month, week, quarter, year and decade panels. |
-| `theme.zIndexPopup` | number | `1050` | Z-index of the picker popup layer. |
+| `theme.fontSizeLG` | number | `16` | Font size for the large picker. |
+| `theme.lineWidth` | number | `1` | Border width. |
+| `theme.colorPrimary` | string | - | Primary color override. |
+| `theme.colorBgContainer` | string | - | Background color of the input. |
+| `theme.colorText` | string | - | Text color. |
+| `theme.colorBorder` | string | - | Border color. |
+| `theme.colorTextPlaceholder` | string | - | Placeholder text color. |
 
 | Event | Event Data | Description |
 | --- | --- | --- |
-| `onBlur` | \- | Trigger actions when the picker loses focus. |
-| `onClear` | \- | Trigger actions when the clear button is clicked. |
-| `onFocus` | \- | Trigger actions when the picker gets focus. |
-| `onOpenChange` | `{ open }` | Trigger actions when the calendar popup opens or closes. |
 | `onChange` | `{ value }` | Trigger action when week is changed. |
 | `onTooltipClick` | \- | Trigger actions when the tooltip icon is clicked. |
 
@@ -735,7 +671,6 @@ Week picker for selecting a week of the year.
 | `/extra` | The WeekSelector extra content. |
 | `/feedback` | The WeekSelector validation feedback. |
 | `/popup` | The WeekSelector popup. |
-| `/prefixIcon` | The prefix icon in the WeekSelector. |
 | `/suffixIcon` | The suffix icon in the WeekSelector. |
 
 No slots defined.

package/content/list-blocks/controlledlist.md

@@ -49,11 +49,11 @@ Dynamic list with built-in add and remove controls. Supports custom add/remove b
     size: small
     addItemButton:
       title: Bookmark
-      icon: add
+      icon: AiOutlinePlus
       color: primary
       variant: dashed
     removeItemIcon:
-      name: delete
+      name: AiOutlineDelete
   blocks:
     - id: bookmarks.$.url
       type: TextInput
@@ -63,7 +63,7 @@ Dynamic list with built-in add and remove controls. Supports custom add/remove b
         label:
           disabled: true
         placeholder: https://...
-        prefixIcon: link
+        prefixIcon: AiOutlineLink
     - id: bookmarks.$.label
       type: TextInput
       layout:
@@ -81,7 +81,7 @@ Dynamic list with built-in add and remove controls. Supports custom add/remove b
     title: Attendees
     addItemButton:
       title: Add Attendee
-      icon: UserPlus
+      icon: AiOutlineUserAdd
       color: primary
       variant: outlined
   blocks:
@@ -169,7 +169,7 @@ Dynamic list with built-in add and remove controls. Supports custom add/remove b
       layout:
         flex: 0 0 auto
       properties:
-        title: Needs supervision
+        label: Needs supervision
         size: small
     - id: attendees.$.wheelchair
       type: Switch
@@ -180,7 +180,7 @@ Dynamic list with built-in add and remove controls. Supports custom add/remove b
       layout:
         flex: 0 0 auto
       properties:
-        title: Wheelchair access
+        label: Wheelchair access
         size: small
     - id: attendees.$.dietary
       type: TextInput
@@ -205,7 +205,7 @@ Dynamic list with built-in add and remove controls. Supports custom add/remove b
         flex: 0 0 auto
       properties:
         title: Register All
-        icon: send
+        icon: AiOutlineSend
         color: primary
         variant: solid
       events:
@@ -228,7 +228,7 @@ Dynamic list with built-in add and remove controls. Supports custom add/remove b
     title: Expenses
     addItemButton:
       title: Add Expense
-      icon: add
+      icon: AiOutlinePlus
       color: primary
       variant: dashed
     theme:
@@ -304,7 +304,7 @@ Dynamic list with built-in add and remove controls. Supports custom add/remove b
         flex: 0 0 auto
       properties:
         title: Submit Report
-        icon: send
+        icon: AiOutlineSend
         color: primary
         variant: solid
       events:
@@ -327,7 +327,7 @@ Dynamic list with built-in add and remove controls. Supports custom add/remove b
     title: Projects
     addItemButton:
       title: Add Project
-      icon: add
+      icon: AiOutlinePlus
       color: primary
       variant: outlined
   blocks:
@@ -360,7 +360,7 @@ Dynamic list with built-in add and remove controls. Supports custom add/remove b
         size: small
         addItemButton:
           title: Add Task
-          icon: add
+          icon: AiOutlinePlus
           size: small
           variant: dashed
       blocks:
@@ -379,7 +379,7 @@ Dynamic list with built-in add and remove controls. Supports custom add/remove b
           layout:
             flex: 0 0 auto
           properties:
-            title: Done
+            label: Done
             size: small
 - id: projects_footer
   type: Box
@@ -392,7 +392,7 @@ Dynamic list with built-in add and remove controls. Supports custom add/remove b
         flex: 0 0 auto
       properties:
         title: Save All
-        icon: save
+        icon: AiOutlineSave
         color: primary
         variant: solid
       events:
@@ -416,7 +416,7 @@ Dynamic list with built-in add and remove controls. Supports custom add/remove b
     size: small
     addItemButton:
       title: Add Tag
-      icon: add
+      icon: AiOutlinePlus
       size: small
       variant: dashed
   events:
@@ -462,16 +462,7 @@ Dynamic list with built-in add and remove controls. Supports custom add/remove b
 | `hideAddButton` | boolean | `false` | When true, hide the add new item button. |
 | `size` | string | `"default"` | Size of the list. Enum: `small`, `default`, `large`. |
 | `addItemButton` | object | - | Custom add item button properties. |
-| `removeItemIcon` | string \| object | - | Custom remove item icon properties. Defaults to `remove` at a standard size with the antd error color inherited from the icon wrapper — override via `class.removeIcon` / `style.removeIcon` for visual tweaks, or via this property to change the icon name itself. |
-| `removeItemIcon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
-| `removeItemIcon.color` | string | - | Icon color. |
-| `removeItemIcon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
-| `removeItemIcon.rotate` | number | - | Number of degrees to rotate the icon. |
-| `removeItemIcon.spin` | boolean | - | Continuously spin the icon with animation. |
-| `removeItemIcon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
-| `removeItemIcon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
-| `removeItemIcon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
-| `removeItemIcon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
+| `removeItemIcon` | string \| object | - | Custom remove item icon properties. Defaults to `AiOutlineMinusCircle` at a standard size with the antd error color inherited from the icon wrapper — override via `class.removeIcon` / `style.removeIcon` for visual tweaks, or via this property to change the icon name itself. |
 | `hideRemoveButton` | boolean | `false` | When true, hide the remove item button on each list item. |
 | `noDataTitle` | string | - | Title to show when list is empty. |
 | `minItems` | number | `0` | Minimum number of items in the controlled list. |

package/content/list-blocks/list.md

@@ -24,7 +24,7 @@ Notes
         flex: 0 0 auto
       properties:
         title: Add Note
-        icon: add
+        icon: AiOutlinePlus
         color: primary
         variant: solid
         size: small
@@ -53,7 +53,7 @@ Notes
       layout:
         flex: 0 0 auto
       properties:
-        icon: close
+        icon: AiOutlineClose
         color: default
         variant: text
         shape: circle
@@ -119,7 +119,7 @@ Tasks
         flex: 0 0 auto
       properties:
         title: Add Task
-        icon: add
+        icon: AiOutlinePlus
         color: primary
         variant: solid
         size: small
@@ -193,7 +193,7 @@ Tasks
       layout:
         flex: 0 0 auto
       properties:
-        icon: arrow-up
+        icon: AiOutlineArrowUp
         color: default
         variant: text
         size: small
@@ -212,7 +212,7 @@ Tasks
       layout:
         flex: 0 0 auto
       properties:
-        icon: arrow-down
+        icon: AiOutlineArrowDown
         color: default
         variant: text
         size: small
@@ -231,7 +231,7 @@ Tasks
       layout:
         flex: 0 0 auto
       properties:
-        icon: delete
+        icon: AiOutlineDelete
         color: danger
         variant: text
         size: small
@@ -256,7 +256,7 @@ Tasks
         flex: 0 0 auto
       properties:
         title: Save Tasks
-        icon: save
+        icon: AiOutlineSave
         color: primary
         variant: solid
       events:
@@ -300,7 +300,7 @@ User Directory
             flex: 0 0 auto
           properties:
             title: Load Users
-            icon: CloudDownload
+            icon: AiOutlineCloudDownload
             color: primary
             variant: solid
             size: small
@@ -394,7 +394,7 @@ Invoice #1042
         flex: 0 0 auto
       properties:
         title: Add Line
-        icon: add
+        icon: AiOutlinePlus
         color: primary
         variant: dashed
         size: small
@@ -453,7 +453,7 @@ Invoice #1042
       layout:
         flex: 0 0 auto
       properties:
-        icon: remove
+        icon: AiOutlineMinusCircle
         color: danger
         variant: text
         size: small
@@ -493,7 +493,7 @@ Invoice #1042
         flex: 0 0 auto
       properties:
         title: Submit Invoice
-        icon: send
+        icon: AiOutlineSend
         color: primary
         variant: solid
       events:

package/content/list-blocks/masonrylist.md

@@ -1,6 +1,6 @@
 # MasonryList
 
-Masonry-style grid layout for list data. Items flow into columns and stack vertically, filling gaps left by shorter items. Provide an array in state and use _state operators in the template to access each item's data.
+Masonry-style grid layout for list data. Items flow into columns and stack vertically, filling gaps left by shorter items. Provide an array in state and use _state operators in the template to access each item's data.
 
 ```yaml
 - id: ml_basic
@@ -162,7 +162,7 @@ Masonry-style grid layout for list data. Items flow into columns and stack verti
               properties:
                 content:
                   _state: ml_team.$.initials
-                color:
+                backgroundColor:
                   _state: ml_team.$.bg
             - id: ml_team.$.name_block
               type: Title
@@ -179,12 +179,40 @@ Masonry-style grid layout for list data. Items flow into columns and stack verti
               _state: ml_team.$.role
 ```
 
+```yaml
+- id: ml_seq
+  type: MasonryList
+  properties:
+    columns: 3
+    gutter: 16
+    sequential: true
+  blocks:
+    - id: ml_seq.$.card
+      type: Card
+      class:
+        _state: ml_seq.$.bg
+      properties:
+        size: small
+      blocks:
+        - id: ml_seq.$.title_block
+          type: Title
+          properties:
+            content:
+              _state: ml_seq.$.title
+            level: 5
+        - id: ml_seq.$.desc_block
+          type: Paragraph
+          properties:
+            content:
+              _state: ml_seq.$.desc
+```
+
 | Property | Type | Default | Description |
 | --- | --- | --- | --- |
-| `columns` | integer \| object | `3` | Number of columns, or responsive breakpoint object (e.g. { xs: 1, sm: 2, md: 3 }). |
-| `fresh` | boolean | `false` | Keep watching the size of each item and re-layout when it changes, for items whose height changes after they render (images loading, expanding content). |
-| `gutter` | number \| array \| object | `0` | Gap between items in pixels. A number, a responsive breakpoint object (e.g. { xs: 8, md: 16 }), or a [horizontal, vertical] array of either. |
-| `sequential` | boolean | `false` | Has no effect: antd Masonry always places each item in the shortest column. Kept so existing configs stay valid. |
+| `columns` | integer \| object | - | Number of columns, or responsive breakpoint object (e.g. { xs: 1, sm: 2, md: 3 }). |
+| `fresh` | boolean | `false` | Force refresh the masonry layout. |
+| `gutter` | number \| array | - | Gap between items in pixels. Number or [horizontal, vertical] array. |
+| `sequential` | boolean | `false` | Render items sequentially (top to bottom, then next column). Default is balanced column-fill. |
 | `theme` | object | - | Antd design token overrides for this block. Masonry uses global motion tokens for item animations. See [antd design tokens](https://ant.design/components/overview#design-token). See [Ant Design masonry tokens](https://ant.design/components/masonry). |
 | `theme.motionDurationSlow` | string | `"0.3s"` | Duration of item position and fade-in animations. |
 | `theme.motionDurationFast` | string | `"0.1s"` | Duration of item fade-out animations. |
@@ -196,7 +224,6 @@ No events defined.
 | --- | --- |
 | `/block` | Outer block wrapper (always available). |
 | `/element` | The MasonryList element. |
-| `/item` | Each item in the masonry grid. |
 
 | Slot | Description |
 | --- | --- |

package/content/migration/upgrade-guide.md

@@ -3,7 +3,6 @@
 This guide explains how the Lowdefy upgrade system works — independent of any specific version.
 
 For version-specific migration details, see:
-- [Version 6 to Version 7](/v6-to-v7)
 - [Version 5 to Version 6](/v5-to-v6)
 - [Version 4 to Version 5](/v4-to-v5)
 - [Version 3 to Version 4](/v3-to-v4)

package/content/operators/_app.md

@@ -21,7 +21,6 @@ The metadata object has the following keys:
   - `license`: From the root `license` field. Free-form string.
   - `lowdefyVersion`: From the root `lowdefy` field — the framework version the app targets.
   - `gitSha`: The build's git commit SHA. Resolved at build time in three steps: the `LOWDEFY_GIT_SHA` environment variable (when set non-empty) wins; otherwise the build runs `git rev-parse HEAD`; if both fail (no `.git`, no `git` binary, env unset), `gitSha` is `null`. The build does not error in any case. Build-time and runtime reads return the same value.
-  - `buildId`: A random identifier generated by each build, so two builds never share one. The production server sends it with every page config fetched during in-app navigation, and the client bundle carries the id of the build it came from; when the two differ the tab reloads once to pick up the new bundle instead of failing on functions or plugins it does not have. Useful in config as a cache-busting value that changes on every deploy.
 
 Missing root fields yield `null` — every key in the metadata is always present. The sole exception is `slug`: referencing it fails the build when it is not set (see above).
 
@@ -86,7 +85,7 @@ _app: true
 _app:
   all: true
 ```
-Returns: The full `{ slug, name, version, description, license, lowdefyVersion, gitSha, buildId }` object.
+Returns: The full `{ slug, name, version, description, license, lowdefyVersion, gitSha }` object.
 
 ###### Return a default value if `gitSha` was not captured:
 ```yaml