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

package/content/container-blocks/modal.md

@@ -1,6 +1,6 @@
 # Modal
 
-Modal dialog overlay for focused content. Add `shortcut: Escape` to the `onClose` event to run custom actions when Escape is pressed. Ant Design's Modal already closes on Escape by default — the shortcut triggers your custom actions in addition to the built-in close.
+Modal dialog overlay for focused content. Add `shortcut: Escape` to the `onClose` event to run custom actions when Escape is pressed. Ant Design's Modal already closes on Escape by default — the shortcut triggers your custom actions in addition to the built-in close.
 
 This is a basic modal dialog with a title, content area, and default Ok/Cancel buttons.
 
@@ -340,8 +340,6 @@ The mask is visible but clicking it does not close the modal. Users must use the
 
 No mask overlay is shown behind the modal. The page content remains fully visible.
 
-The page behind the mask is blurred, which keeps attention on the dialog.
-
 ```yaml
 - id: modal_mask_not_closable_trigger
   type: Button
@@ -399,71 +397,6 @@ The page behind the mask is blurred, which keeps attention on the dialog.
       properties:
         content: No mask overlay is shown behind the modal. The page content remains
           fully visible.
-- id: modal_blur_mask_trigger
-  type: Button
-  layout:
-    flex: 0 0 auto
-  properties:
-    title: Blurred Mask
-    color: primary
-    variant: outlined
-  events:
-    onClick:
-      - id: modal_blur_mask_open
-        type: CallMethod
-        params:
-          blockId: modal_blur_mask
-          method: setOpen
-          args:
-            - open: true
-- id: modal_blur_mask
-  type: Modal
-  properties:
-    title: Blurred Mask
-    mask:
-      blur: true
-  blocks:
-    - id: modal_blur_mask_content
-      type: Paragraph
-      properties:
-        content: The page behind the mask is blurred, which keeps attention on the
-          dialog.
-```
-
-The body shows a skeleton while loading is true, for example while a request that fills the modal is running.
-
-```yaml
-- id: modal_loading_trigger
-  type: Button
-  layout:
-    flex: 0 0 auto
-  properties:
-    title: Open Loading Modal
-    color: primary
-    variant: outlined
-  events:
-    onClick:
-      - id: modal_loading_open
-        type: CallMethod
-        params:
-          blockId: modal_loading
-          method: setOpen
-          args:
-            - open: true
-- id: modal_loading
-  type: Modal
-  properties:
-    title: Customer Details
-    loading: true
-    width:
-      xs: 90%
-      md: 600
-  blocks:
-    - id: modal_loading_content
-      type: Paragraph
-      properties:
-        content: The body shows a skeleton while loading is true, for example while a
-          request that fills the modal is running.
 ```
 
 Setting footer to false removes the Ok and Cancel buttons entirely. This is useful for informational dialogs or when you provide your own action buttons in the content area.
@@ -557,7 +490,7 @@ The footer slot replaces the default Ok/Cancel buttons with custom content. This
                 title: Delete
                 color: danger
                 variant: text
-                icon: delete
+                icon: AiOutlineDelete
             - id: modal_footer_actions
               type: Box
               layout:
@@ -589,7 +522,7 @@ The footer slot replaces the default Ok/Cancel buttons with custom content. This
                     title: Save
                     color: primary
                     variant: solid
-                    icon: save
+                    icon: AiOutlineSave
                   events:
                     onClick:
                       - id: modal_footer_save_close
@@ -608,7 +541,7 @@ The footer slot replaces the default Ok/Cancel buttons with custom content. This
           Save/Cancel on the right.
 ```
 
-The style .wrapper key applies CSS to the modal wrapper element. This can control overflow, positioning, and other layout aspects of the wrapper container.
+The wrapperStyle property applies CSS to the modal wrapper element. This can control overflow, positioning, and other layout aspects of the wrapper container.
 
 ```yaml
 - id: modal_wrapper_style_trigger
@@ -632,16 +565,15 @@ The style .wrapper key applies CSS to the modal wrapper element. This can contro
   type: Modal
   properties:
     title: Wrapper Style Modal
-  style:
-    .wrapper:
+    wrapperStyle:
       overflow: hidden
   blocks:
     - id: modal_wrapper_style_content
       type: Paragraph
       properties:
-        content: The style .wrapper key applies CSS to the modal wrapper element. This
-          can control overflow, positioning, and other layout aspects of the
-          wrapper container.
+        content: The wrapperStyle property applies CSS to the modal wrapper element.
+          This can control overflow, positioning, and other layout aspects of
+          the wrapper container.
 ```
 
 This modal uses a custom z-index of 2000 to ensure it appears above other overlays. The default is 1000.
@@ -688,7 +620,7 @@ This modal uses the toggleOpen method. Each click of the button alternates betwe
     title: Toggle Modal
     color: primary
     variant: solid
-    icon: ArrowRightLeft
+    icon: AiOutlineSwap
   events:
     onClick:
       - id: modal_toggle_call
@@ -829,8 +761,8 @@ A warm-toned modal using an extensive set of theme tokens including headerBg, co
       titleColor: "#d46b08"
       colorBgMask: rgba(250, 173, 20, 0.1)
       borderRadiusLG: 20
-      headerBorderBottom: "1px solid #ffd591"
-      footerBorderTop: "1px solid #ffd591"
+      headerBorderBottom: 1px solid
+      footerBorderTop: 1px solid
       headerMarginBottom: 0
       footerMarginTop: 0
       headerPadding: 16px 24px
@@ -944,10 +876,10 @@ Modal supports these CSS keys for Tailwind class targeting: element, header, bod
   properties:
     title: Tailwind Styled Modal
   class:
-    .header: bg-bg-layout
-    .body: bg-bg-layout p-8
-    .footer: bg-bg-layout
-    .content: rounded-2xl overflow-hidden
+    header: bg-bg-layout
+    body: bg-bg-layout p-8
+    footer: bg-bg-layout
+    content: rounded-2xl overflow-hidden
   blocks:
     - id: modal_css_keys_content
       type: Paragraph
@@ -970,7 +902,7 @@ Senior Product Designer
     title: Edit Profile
     color: primary
     variant: solid
-    icon: edit
+    icon: AiOutlineEdit
   events:
     onClick:
       - id: modal_profile_open
@@ -989,7 +921,7 @@ Senior Product Designer
     cancelText: Cancel
     centered: true
     theme:
-      headerBorderBottom: "1px solid #f0f0f0"
+      headerBorderBottom: 1px solid
       headerMarginBottom: 0
   events:
     onOk:
@@ -1010,9 +942,10 @@ Senior Product Designer
           layout:
             flex: 0 0 auto
           properties:
-            icon: user
+            icon: AiOutlineUser
             size: 72
-            color: "#1677ff"
+            color: "#fff"
+            backgroundColor: "#1677ff"
         - id: modal_profile_info
           type: Box
           layout:
@@ -1060,7 +993,7 @@ This action cannot be undone. All project data, files, and team assignments will
     title: Delete Project
     color: danger
     variant: solid
-    icon: delete
+    icon: AiOutlineDelete
   events:
     onClick:
       - id: modal_confirm_open
@@ -1128,7 +1061,7 @@ A serene mountain landscape captured at golden hour. Photography by John Doe.
     title: Preview Image
     color: primary
     variant: outlined
-    icon: image
+    icon: AiOutlinePicture
   events:
     onClick:
       - id: modal_image_open
@@ -1190,34 +1123,16 @@ A serene mountain landscape captured at golden hour. Photography by John Doe.
 | Property | Type | Default | Description |
 | --- | --- | --- | --- |
 | `centered` | boolean | `false` | Center the modal vertically. |
-| `closable` | boolean \| object | `true` | Whether a close (x) button is visible on top right of the modal dialog or not. Set `{ disabled: true }` to show the button disabled. |
-| `closable.disabled` | boolean | `false` | Show the close button, but disabled. |
-| `destroyOnHidden` | boolean | `false` | Unmount the blocks inside the modal when it closes, so they mount again (and their onMount events run) each time it opens. Their state is kept. |
-| `focusable` | object | - | Focus management of the dialog. |
-| `focusable.trap` | boolean | `true` | Keep keyboard focus inside the dialog while it is open. |
-| `focusable.focusTriggerAfterClose` | boolean | `true` | Return focus to the element that opened the dialog after it closes. |
-| `forceRender` | boolean | `false` | Render the blocks inside the modal before it is first opened, so their methods can be called and their onMount events run while it is still closed. |
-| `keyboard` | boolean | `true` | Whether pressing Esc closes the modal. |
-| `loading` | boolean | `false` | Show a loading skeleton in place of the modal body. |
-| `scrollLock` | boolean | `true` | Whether to lock page scrolling while the modal is open. |
+| `closable` | boolean | `true` | Whether a close (x) button is visible on top right of the modal dialog or not. |
 | `title` | string | - | The modal dialog's title - supports html. |
 | `footer` | boolean | `true` | Show footer area. |
-| `mask` | boolean \| object | `true` | Whether to show the mask. Set an object to configure the mask with `enabled`, `blur` and `closable`. |
-| `mask.enabled` | boolean | `true` | Whether to show the mask. |
-| `mask.blur` | boolean | `false` | Blur the page behind the mask. |
-| `mask.closable` | boolean | - | Whether clicking the mask closes the dialog. Takes precedence over `maskClosable`. |
-| `maskClosable` | boolean | `true` | Whether to close the modal dialog when the mask (area outside the modal) is clicked. `mask.closable` takes precedence. |
+| `mask` | boolean | `true` | Whether show mask or not. |
+| `maskClosable` | boolean | `true` | Whether to close the modal dialog when the mask (area outside the modal) is clicked. |
 | `okText` | string | - | Text of the Ok button. When unset, antd uses the localized default from ConfigProvider locale. |
 | `okButtonProps` | object | - | Set additional properties for the ok button. |
 | `cancelText` | string | - | Text of the Cancel button. When unset, antd uses the localized default from ConfigProvider locale. |
 | `cancelButtonProps` | object | - | Set additional properties for the cancel button. |
-| `width` | string \| number \| object | `520` | Width of the modal dialog. Set an object of breakpoints (`xs`, `sm`, `md`, `lg`, `xl`, `xxl`) for a responsive width. |
-| `width.xs` | string \| number | - | Width on extra small screens. |
-| `width.sm` | string \| number | - | Width on small screens. |
-| `width.md` | string \| number | - | Width on medium screens. |
-| `width.lg` | string \| number | - | Width on large screens. |
-| `width.xl` | string \| number | - | Width on extra large screens. |
-| `width.xxl` | string \| number | - | Width on extra extra large screens. |
+| `width` | string \| number | `"520px"` | Width of the modal dialog. |
 | `zIndex` | integer | `1000` | The z-index of the modal. Useful when displaying two modals simultaneously. |
 | `theme` | object | - | Antd design token overrides for this block. See [antd design tokens](https://ant.design/components/overview#design-token). See [Ant Design modal tokens](https://ant.design/components/modal#design-token). |
 | `theme.headerBg` | string | - | Background color of the modal header. |
@@ -1247,15 +1162,12 @@ A serene mountain landscape captured at golden hour. Photography by John Doe.
 | `onOpen` | \- | Trigger actions when modal is opened. |
 | `onCancel` | \- | Trigger actions when Cancel button is clicked. |
 | `onClose` | \- | Trigger actions after onOk or onCancel is completed. |
-| `afterClose` | \- | Trigger actions after the modal has closed and its close animation has finished. |
-| `afterOpenChange` | `{ open }` | Trigger actions after the open or close animation of the modal has finished. |
 
 | Key | Target |
 | --- | --- |
 | `/block` | Outer block wrapper (always available). |
 | `/element` | The Modal element. |
 | `/header` | The Modal header. |
-| `/title` | The Modal title. |
 | `/body` | The Modal body. |
 | `/footer` | The Modal footer. |
 | `/mask` | The Modal mask. |

package/content/container-blocks/pageheadermenu.md

@@ -18,12 +18,12 @@ Browse the full API reference and configuration guides.
           type: MenuLink
           properties:
             title: Home
-            icon: home
+            icon: AiOutlineHome
         - id: phm_basic_products
           type: MenuLink
           properties:
             title: Products
-            icon: grid
+            icon: AiOutlineAppstore
         - id: phm_basic_pricing
           type: MenuLink
           properties:
@@ -78,7 +78,7 @@ Analytics Overview
       separator: /
       list:
         - label: Home
-          icon: home
+          icon: AiOutlineHome
         - label: Analytics
         - label: Overview
     menu:
@@ -87,12 +87,12 @@ Analytics Overview
           type: MenuLink
           properties:
             title: Dashboard
-            icon: Gauge
+            icon: AiOutlineDashboard
         - id: phm_g_analytics
           type: MenuGroup
           properties:
             title: Analytics
-            icon: chart
+            icon: AiOutlineBarChart
           links:
             - id: phm_g_overview
               type: MenuLink
@@ -110,7 +110,7 @@ Analytics Overview
           type: MenuLink
           properties:
             title: Settings
-            icon: settings
+            icon: AiOutlineSetting
   blocks:
     - id: phm_g_title
       type: Title
@@ -179,19 +179,19 @@ Dashboard
           type: MenuLink
           properties:
             title: My Profile
-            icon: user
+            icon: AiOutlineUser
         - id: phm_prof_settings
           type: MenuLink
           properties:
             title: Settings
-            icon: settings
+            icon: AiOutlineSetting
         - id: phm_prof_divider
           type: MenuDivider
         - id: phm_prof_logout
           type: MenuLink
           properties:
             title: Logout
-            icon: logout
+            icon: AiOutlineLogout
             danger: true
     menu:
       links:
@@ -199,17 +199,17 @@ Dashboard
           type: MenuLink
           properties:
             title: Home
-            icon: home
+            icon: AiOutlineHome
         - id: phm_prof_projects
           type: MenuLink
           properties:
             title: Projects
-            icon: SquareKanban
+            icon: AiOutlineProject
         - id: phm_prof_reports
           type: MenuLink
           properties:
             title: Reports
-            icon: chart
+            icon: AiOutlineBarChart
   blocks:
     - id: phm_prof_title
       type: Title
@@ -268,7 +268,7 @@ View Expense Reports
       dot: true
     profile:
       avatar:
-        icon: user
+        icon: AiOutlineUser
     breadcrumb:
       list:
         - Intranet
@@ -279,17 +279,17 @@ View Expense Reports
           type: MenuLink
           properties:
             title: Home
-            icon: home
+            icon: AiOutlineHome
         - id: phm_full_directory
           type: MenuLink
           properties:
             title: Directory
-            icon: users
+            icon: AiOutlineTeam
         - id: phm_full_resources
           type: MenuGroup
           properties:
             title: Resources
-            icon: Book
+            icon: AiOutlineBook
           links:
             - id: phm_full_policies
               type: MenuLink
@@ -303,7 +303,7 @@ View Expense Reports
           type: MenuLink
           properties:
             title: IT Support
-            icon: help
+            icon: AiOutlineQuestionCircle
   slots:
     footer:
       blocks:
@@ -311,8 +311,7 @@ View Expense Reports
           type: Paragraph
           properties:
             content: Acme Corp Intranet - Internal Use Only
-          style:
-            .element:
+            style:
               margin: 0
               color: "#888"
               textAlign: center
@@ -382,22 +381,22 @@ Get started by installing the framework via npm or yarn. Follow the steps below
           type: MenuLink
           properties:
             title: Guide
-            icon: Book
+            icon: AiOutlineBook
         - id: phm_light_api
           type: MenuLink
           properties:
             title: API Reference
-            icon: Plug
+            icon: AiOutlineApi
         - id: phm_light_examples
           type: MenuLink
           properties:
             title: Examples
-            icon: CodeXml
+            icon: AiOutlineCode
         - id: phm_light_community
           type: MenuLink
           properties:
             title: Community
-            icon: globe
+            icon: AiOutlineGlobal
     breadcrumb:
       separator: /
       list:
@@ -413,7 +412,7 @@ Get started by installing the framework via npm or yarn. Follow the steps below
             flex: 0 0 auto
           properties:
             title: Search
-            icon: search
+            icon: AiOutlineSearch
             color: default
             variant: outlined
             size: small
@@ -481,12 +480,12 @@ Profile from _menu
           type: MenuLink
           properties:
             title: Home
-            icon: home
+            icon: AiOutlineHome
         - id: phm_mo_settings
           type: MenuLink
           properties:
             title: Settings
-            icon: settings
+            icon: AiOutlineSetting
   blocks:
     - id: phm_mo_title
       type: Title
@@ -520,36 +519,14 @@ Profile from _menu
 | `breadcrumb.list.$.pageId` | string | - | Page id to link to when clicked. |
 | `breadcrumb.list.$.url` | string | - | External url link. |
 | `breadcrumb.list.$.style` | object | - | Css style to apply to link. |
-| `breadcrumb.list.$.icon` | 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 use an icon in breadcrumb link. |
-| `breadcrumb.list.$.icon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
-| `breadcrumb.list.$.icon.color` | string | - | Icon color. |
-| `breadcrumb.list.$.icon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
-| `breadcrumb.list.$.icon.rotate` | number | - | Number of degrees to rotate the icon. |
-| `breadcrumb.list.$.icon.spin` | boolean | - | Continuously spin the icon with animation. |
-| `breadcrumb.list.$.icon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
-| `breadcrumb.list.$.icon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
-| `breadcrumb.list.$.icon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
-| `breadcrumb.list.$.icon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
-| `breadcrumb.list.$.links` | array | - | Links shown in a dropdown menu on the breadcrumb item. |
-| `breadcrumb.list.$.links.$.label` | string | - | Label of the dropdown link. |
-| `breadcrumb.list.$.links.$.pageId` | string | - | Page id to link to when clicked. |
-| `breadcrumb.list.$.links.$.url` | string | - | External url link. |
+| `breadcrumb.list.$.icon` | string \| object | - | Name of an React-Icon (See all icons) or properties of an Icon block to use an icon in breadcrumb link. |
 | `menu` | object | - | Menu properties. |
 | `menu.links` | array | - |  |
 | `menu.links.$.id` | string | - | Menu item id. |
 | `menu.links.$.pageId` | string | - | Page to link to. |
 | `menu.links.$.properties` | object | - | properties from menu item. |
 | `menu.links.$.properties.title` | string | - | Menu item title. |
-| `menu.links.$.properties.icon` | 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 menu item. |
-| `menu.links.$.properties.icon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
-| `menu.links.$.properties.icon.color` | string | - | Icon color. |
-| `menu.links.$.properties.icon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
-| `menu.links.$.properties.icon.rotate` | number | - | Number of degrees to rotate the icon. |
-| `menu.links.$.properties.icon.spin` | boolean | - | Continuously spin the icon with animation. |
-| `menu.links.$.properties.icon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
-| `menu.links.$.properties.icon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
-| `menu.links.$.properties.icon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
-| `menu.links.$.properties.icon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
+| `menu.links.$.properties.icon` | string \| object | - | Name of an React-Icon (See all icons) or properties of an Icon block to customize icon on menu item. |
 | `menuLg` | object | - | Menu large screen properties. Overwrites menu properties on desktop screen sizes. |
 | `menuMd` | object | - | Mobile menu properties. Overwrites menu properties on mobile screen sizes. |
 | `notifications` | object | - | Notification bell icon with badge in the header. Renders when configured. Use the link property to navigate when clicked. |
@@ -562,33 +539,15 @@ Profile from _menu
 | `notifications.showZero` | boolean | `false` | Show badge when count is zero. |
 | `notifications.overflowCount` | number | `99` | Max count to show. Values above this display as "N+". |
 | `notifications.color` | string | - | Badge color. |
-| `notifications.icon` | string \| object | - | Icon for the notification button. Defaults to `bell`. |
-| `notifications.icon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
-| `notifications.icon.color` | string | - | Icon color. |
-| `notifications.icon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
-| `notifications.icon.rotate` | number | - | Number of degrees to rotate the icon. |
-| `notifications.icon.spin` | boolean | - | Continuously spin the icon with animation. |
-| `notifications.icon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
-| `notifications.icon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
-| `notifications.icon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
-| `notifications.icon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
+| `notifications.icon` | string \| object | - | Icon for the notification button. Defaults to AiOutlineBell. |
 | `notifications.size` | string | `"small"` | Size of the notification button. Enum: `small`, `default`, `large`. |
 | `profile` | object | - | Profile avatar with optional dropdown menu in the header. Renders when configured. Use with the _user operator to populate from the authenticated user. |
 | `profile.avatar` | object | - | Avatar display properties. |
 | `profile.avatar.src` | string | - | Image URL for the avatar. Typically bound to _user: image. |
 | `profile.avatar.content` | string | - | Text content inside the avatar (e.g. user initials). Shown when no src is provided. |
-| `profile.avatar.icon` | string \| object | - | Icon to display in avatar when no src or content is set. Defaults to `user`. |
-| `profile.avatar.icon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
-| `profile.avatar.icon.color` | string | - | Icon color. |
-| `profile.avatar.icon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
-| `profile.avatar.icon.rotate` | number | - | Number of degrees to rotate the icon. |
-| `profile.avatar.icon.spin` | boolean | - | Continuously spin the icon with animation. |
-| `profile.avatar.icon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
-| `profile.avatar.icon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
-| `profile.avatar.icon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
-| `profile.avatar.icon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
+| `profile.avatar.icon` | string \| object | - | Icon to display in avatar when no src or content is set. Defaults to AiOutlineUser. |
 | `profile.avatar.color` | string | - | Background color of the avatar when not using src. |
-| `profile.avatar.size` | string \| number | `"small"` | Size of the avatar: default, small, large or a pixel number. |
+| `profile.avatar.size` | string \| number | `"small"` | Size of the avatar. Enum: `default`, `small`, `large`. |
 | `profile.avatar.shape` | string | `"circle"` | Shape of the avatar. Enum: `circle`, `square`. |
 | `profile.links` | array | - | Dropdown menu items. Uses the same MenuLink/MenuGroup/MenuDivider schema as Menu. Compatible with _menu operator output for access-filtered menus. |
 | `profile.links.$.id` | string | - | Menu item id. |
@@ -600,15 +559,6 @@ Profile from _menu
 | `profile.links.$.properties` | object | - | Properties for the menu item. |
 | `profile.links.$.properties.title` | string | - | Menu item title. |
 | `profile.links.$.properties.icon` | string \| object | - | Icon for the menu item. |
-| `profile.links.$.properties.icon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
-| `profile.links.$.properties.icon.color` | string | - | Icon color. |
-| `profile.links.$.properties.icon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
-| `profile.links.$.properties.icon.rotate` | number | - | Number of degrees to rotate the icon. |
-| `profile.links.$.properties.icon.spin` | boolean | - | Continuously spin the icon with animation. |
-| `profile.links.$.properties.icon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
-| `profile.links.$.properties.icon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
-| `profile.links.$.properties.icon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
-| `profile.links.$.properties.icon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
 | `profile.links.$.properties.danger` | boolean | `false` | Apply danger style to menu item. |
 | `profile.links.$.properties.disabled` | boolean | `false` | Disable the menu item. |
 | `profile.links.$.properties.dashed` | boolean | `false` | Whether the divider line is dashed. |
@@ -620,7 +570,7 @@ Profile from _menu
 | `profile.arrow.pointAtCenter` | boolean | - |  |
 | `darkModeToggle` | boolean | `false` | Show a dark mode toggle button in the header. Toggles the Ant Design dark theme for the entire page. Preference is persisted to localStorage. |
 | `localeSelector` | boolean | `false` | Show a locale picker dropdown in the header. Lists locales declared in `config.i18n.locales` and dispatches `SetLocale` on selection. Renders nothing when `config.i18n` is not configured. |
-| `theme` | object | - | Antd global design token overrides, such as colorPrimary or borderRadius, applied to everything in the page layout. See [antd design tokens](https://ant.design/components/overview#design-token). See [Ant Design component tokens](https://ant.design/docs/react/customize-theme#seedtoken). |
+| `theme` | object | - | Antd design token overrides for this block. See [antd design tokens](https://ant.design/components/overview#design-token). |
 
 | Event | Event Data | Description |
 | --- | --- | --- |