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

package/content/input-blocks/s3uploadbutton.md

@@ -1,6 +1,6 @@
 # S3UploadButton
 
-__Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block with `uploadPolicyRequestId` instead. S3UploadButton remains as an alias so existing apps keep working. Upload files to AWS S3 with a button trigger. Supports file type filtering, upload limits, and custom button styling. Requires an `AwsS3PresignedPostPolicy` request to define the S3 upload policy.
+__Deprecated__ — use the provider-neutral &lt;a href=&quot;/Upload&quot;&gt;Upload&lt;/a&gt; block with `uploadPolicyRequestId` instead. S3UploadButton remains as an alias so existing apps keep working. Upload files to AWS S3 with a button trigger. Supports file type filtering, upload limits, and custom button styling. Requires an `AwsS3PresignedPostPolicy` request to define the S3 upload policy.
 
 > The S3UploadButton requires an AwsS3Bucket connection and AwsS3PresignedPostPolicy request to upload files. The examples on this page demonstrate UI configuration only — uploads will not function without a configured S3 connection.
 
@@ -14,7 +14,7 @@ __Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block w
   properties:
     s3PostPolicyRequestId: s3_upload_policy_request
     button:
-      icon: upload
+      icon: UploadOutlined
       title: Choose File
       type: default
 - id: basic_custom_icon
@@ -22,7 +22,7 @@ __Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block w
   properties:
     s3PostPolicyRequestId: s3_upload_policy_request
     button:
-      icon: CloudUpload
+      icon: AiOutlineCloudUpload
       title: Upload to Cloud
       type: default
 ```
@@ -34,7 +34,7 @@ __Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block w
     s3PostPolicyRequestId: s3_upload_policy_request
     accept: image/*
     button:
-      icon: image
+      icon: AiOutlinePicture
       title: Upload Image
       type: default
 - id: accept_pdf
@@ -43,7 +43,7 @@ __Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block w
     s3PostPolicyRequestId: s3_upload_policy_request
     accept: .pdf
     button:
-      icon: FileText
+      icon: AiOutlineFilePdf
       title: Upload PDF
       type: default
 - id: accept_specific
@@ -52,7 +52,7 @@ __Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block w
     s3PostPolicyRequestId: s3_upload_policy_request
     accept: .jpg,.png,.gif
     button:
-      icon: image
+      icon: AiOutlinePicture
       title: Upload JPG, PNG, or GIF
       type: default
 ```
@@ -64,7 +64,7 @@ __Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block w
     s3PostPolicyRequestId: s3_upload_policy_request
     singleFile: true
     button:
-      icon: upload
+      icon: UploadOutlined
       title: Upload Single File
       type: default
 - id: limit_max_three
@@ -73,7 +73,7 @@ __Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block w
     s3PostPolicyRequestId: s3_upload_policy_request
     maxCount: 3
     button:
-      icon: upload
+      icon: UploadOutlined
       title: Upload (Max 3)
       type: default
 - id: limit_single_images
@@ -83,7 +83,7 @@ __Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block w
     singleFile: true
     accept: image/*
     button:
-      icon: image
+      icon: AiOutlinePicture
       title: Upload One Image
       type: default
 ```
@@ -94,7 +94,7 @@ __Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block w
   properties:
     s3PostPolicyRequestId: s3_upload_policy_request
     button:
-      icon: upload
+      icon: UploadOutlined
       title: Upload
       type: primary
 - id: button_large
@@ -102,7 +102,7 @@ __Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block w
   properties:
     s3PostPolicyRequestId: s3_upload_policy_request
     button:
-      icon: upload
+      icon: UploadOutlined
       title: Upload Files
       type: default
       size: large
@@ -111,7 +111,7 @@ __Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block w
   properties:
     s3PostPolicyRequestId: s3_upload_policy_request
     button:
-      icon: attach
+      icon: AiOutlinePaperClip
       title: Attach Files
       type: default
 ```
@@ -128,7 +128,7 @@ __Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block w
     s3PostPolicyRequestId: s3_upload_policy_request
     disabled: true
     button:
-      icon: upload
+      icon: UploadOutlined
       title: Upload
       type: primary
 - id: disabled_hidden_list
@@ -146,7 +146,7 @@ __Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block w
     s3PostPolicyRequestId: s3_upload_policy_request
     showUploadList: true
     button:
-      icon: upload
+      icon: UploadOutlined
       title: Upload (List Visible)
       type: default
 - id: list_hidden
@@ -155,7 +155,7 @@ __Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block w
     s3PostPolicyRequestId: s3_upload_policy_request
     showUploadList: false
     button:
-      icon: upload
+      icon: UploadOutlined
       title: Upload (No List)
       type: default
 - id: list_single_hidden
@@ -165,7 +165,7 @@ __Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block w
     singleFile: true
     showUploadList: false
     button:
-      icon: upload
+      icon: UploadOutlined
       title: Upload Single (No List)
       type: default
 ```
@@ -205,7 +205,7 @@ __Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block w
   properties:
     s3PostPolicyRequestId: s3_upload_policy_request
     button:
-      icon: upload
+      icon: UploadOutlined
       title: Upload
       type: default
 - id: style_label
@@ -223,7 +223,7 @@ __Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block w
   properties:
     s3PostPolicyRequestId: s3_upload_policy_request
     button:
-      icon: upload
+      icon: UploadOutlined
       title: Upload
       type: default
 ```
@@ -265,7 +265,7 @@ __Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block w
         s3PostPolicyRequestId: s3_upload_policy_request
         accept: .pdf,.docx,.xlsx
         button:
-          icon: FileText
+          icon: AiOutlineFilePdf
           title: Choose Document
           type: default
         label:
@@ -279,7 +279,7 @@ __Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block w
         title: Save Document
         color: primary
         variant: solid
-        icon: save
+        icon: AiOutlineSave
       events:
         onClick:
           - id: save_validate
@@ -305,7 +305,7 @@ __Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block w
         singleFile: true
         accept: image/*
         button:
-          icon: camera
+          icon: AiOutlineCamera
           title: Choose Photo
           type: default
         label:
@@ -316,7 +316,7 @@ __Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block w
       required: true
       properties:
         title: Display Name
-        prefixIcon: user
+        prefixIcon: AiOutlineUser
         placeholder: Enter your display name
         label:
           colon: false
@@ -328,7 +328,7 @@ __Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block w
         title: Update Profile
         color: primary
         variant: solid
-        icon: check
+        icon: AiOutlineCheck
       events:
         onClick:
           - id: update_validate
@@ -343,7 +343,7 @@ __Deprecated__ — use the provider-neutral <a href="/Upload">Upload</a> block w
 | Property | Type | Default | Description |
 | --- | --- | --- | --- |
 | `accept` | string | - | File types accepted by the input. See html file type input accept property at https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept. |
-| `button` | object | `{"icon":"upload","title":"Upload","type":"default"}` | Button block properties. See [Button](/Button) for all properties. |
+| `button` | object | `{"icon":"UploadOutlined","title":"Upload","type":"default"}` | Button block properties. See [Button](/Button) for all properties. |
 | `button.title` | string | - | Button title text. |
 | `button.icon` | string \| object | - | Button icon name or Icon block properties. |
 | `button.type` | string | `"default"` | Button type. Enum: `default`, `primary`, `dashed`, `text`, `link`. |

package/content/input-blocks/s3uploaddragger.md

@@ -1,6 +1,6 @@
 # S3UploadDragger
 
-__Deprecated__ — use the provider-neutral <a href="/UploadDragger">UploadDragger</a> block with `uploadPolicyRequestId` instead. S3UploadDragger remains as an alias so existing apps keep working. Drag-and-drop file upload area for AWS S3. Supports file type filtering, upload limits, custom drag zone styling, and paste-to-upload. Requires an `AwsS3PresignedPostPolicy` request to define the S3 upload policy.
+__Deprecated__ — use the provider-neutral &lt;a href=&quot;/UploadDragger&quot;&gt;UploadDragger&lt;/a&gt; block with `uploadPolicyRequestId` instead. S3UploadDragger remains as an alias so existing apps keep working. Drag-and-drop file upload area for AWS S3. Supports file type filtering, upload limits, custom drag zone styling, and paste-to-upload. Requires an `AwsS3PresignedPostPolicy` request to define the S3 upload policy.
 
 > The S3UploadDragger requires an AwsS3Bucket connection and AwsS3PresignedPostPolicy request to upload files. The examples on this page demonstrate UI configuration only — uploads will not function without a configured S3 connection.
 
@@ -210,7 +210,7 @@ __Deprecated__ — use the provider-neutral <a href="/UploadDragger">UploadDragg
             title: Submit
             color: primary
             variant: solid
-            icon: upload
+            icon: AiOutlineUpload
           events:
             onClick:
               - id: submit_validate
@@ -256,7 +256,7 @@ __Deprecated__ — use the provider-neutral <a href="/UploadDragger">UploadDragg
             title: Upload Photos
             color: primary
             variant: solid
-            icon: CloudUpload
+            icon: AiOutlineCloudUpload
           events:
             onClick:
               - id: gallery_msg

package/content/input-blocks/s3uploadphoto.md

@@ -1,6 +1,6 @@
 # S3UploadPhoto
 
-__Deprecated__ — use the provider-neutral <a href="/UploadPhoto">UploadPhoto</a> block with `uploadPolicyRequestId` instead. S3UploadPhoto remains as an alias so existing apps keep working. Picture-card style image upload for AWS S3. Displays a camera icon with upload text in a card format. Only accepts image files. Requires an `AwsS3PresignedPostPolicy` request to define the S3 upload policy.
+__Deprecated__ — use the provider-neutral &lt;a href=&quot;/UploadPhoto&quot;&gt;UploadPhoto&lt;/a&gt; block with `uploadPolicyRequestId` instead. S3UploadPhoto remains as an alias so existing apps keep working. Picture-card style image upload for AWS S3. Displays a camera icon with upload text in a card format. Only accepts image files. Requires an `AwsS3PresignedPostPolicy` request to define the S3 upload policy.
 
 > The S3UploadPhoto requires an AwsS3Bucket connection and AwsS3PresignedPostPolicy request to upload files. The examples on this page demonstrate UI configuration only — uploads will not function without a configured S3 connection.
 
@@ -160,20 +160,20 @@ __Deprecated__ — use the provider-neutral <a href="/UploadPhoto">UploadPhoto</
       properties:
         title: Full Name
         placeholder: Enter your name
-        prefixIcon: user
+        prefixIcon: AiOutlineUser
     - id: profile_email
       type: TextInput
       properties:
         title: Email
         placeholder: you@example.com
-        prefixIcon: mail
+        prefixIcon: AiOutlineMail
     - id: profile_save
       type: Button
       properties:
         title: Save Profile
         color: primary
         variant: solid
-        icon: save
+        icon: AiOutlineSave
       events:
         onClick:
           - id: validate_profile
@@ -237,7 +237,7 @@ __Deprecated__ — use the provider-neutral <a href="/UploadPhoto">UploadPhoto</
         title: List Product
         color: primary
         variant: solid
-        icon: check
+        icon: AiOutlineCheck
         block: true
       events:
         onClick:

package/content/input-blocks/segmentedselector.md

@@ -226,13 +226,13 @@ Segmented control for switching between options.
     options:
       - label: List
         value: list
-        icon: list
+        icon: AiOutlineUnorderedList
       - label: Grid
         value: grid
-        icon: grid
+        icon: AiOutlineAppstore
       - label: Calendar
         value: calendar
-        icon: calendar
+        icon: AiOutlineCalendar
 - id: icon_small
   type: SegmentedSelector
   properties:
@@ -241,13 +241,13 @@ Segmented control for switching between options.
     options:
       - label: Map
         value: map
-        icon: location
+        icon: AiOutlineEnvironment
       - label: Satellite
         value: satellite
-        icon: globe
+        icon: AiOutlineGlobal
       - label: Terrain
         value: terrain
-        icon: Blocks
+        icon: AiOutlineBlock
 - id: icon_block
   type: SegmentedSelector
   properties:
@@ -256,16 +256,16 @@ Segmented control for switching between options.
     options:
       - label: Home
         value: home
-        icon: home
+        icon: AiOutlineHome
       - label: Search
         value: search
-        icon: search
+        icon: AiOutlineSearch
       - label: Favorites
         value: favorites
-        icon: heart
+        icon: AiOutlineHeart
       - label: Profile
         value: profile
-        icon: user
+        icon: AiOutlineUser
 - id: icon_round
   type: SegmentedSelector
   properties:
@@ -274,29 +274,13 @@ Segmented control for switching between options.
     options:
       - label: Code
         value: code
-        icon: CodeXml
+        icon: AiOutlineCode
       - label: Preview
         value: preview
-        icon: view
+        icon: AiOutlineEye
       - label: Split
         value: split
-        icon: MoveHorizontal
-```
-
-```yaml
-- id: segmented_tooltips
-  type: SegmentedSelector
-  properties:
-    title: View
-    options:
-      - label: List
-        value: list
-        icon: list
-        tooltip: Show items as a list
-      - label: Grid
-        value: grid
-        icon: grid
-        tooltip: Show items as a grid
+        icon: AiOutlineColumnWidth
 ```
 
 ```yaml
@@ -320,16 +304,16 @@ Segmented control for switching between options.
     options:
       - label: Dashboard
         value: dashboard
-        icon: Gauge
+        icon: AiOutlineDashboard
       - label: Analytics
         value: analytics
-        icon: chart
+        icon: AiOutlineBarChart
       - label: Reports
         value: reports
-        icon: document
+        icon: AiOutlineFileText
       - label: Settings
         value: settings
-        icon: settings
+        icon: AiOutlineSetting
 - id: vertical_large
   type: SegmentedSelector
   properties:
@@ -375,13 +359,13 @@ Segmented control for switching between options.
     options:
       - label: Edit
         value: edit
-        icon: edit
+        icon: AiOutlineEdit
       - label: View
         value: view
-        icon: view
+        icon: AiOutlineEye
       - label: Delete
         value: delete
-        icon: delete
+        icon: AiOutlineDelete
 ```
 
 ```yaml
@@ -600,13 +584,13 @@ Segmented control for switching between options.
         options:
           - label: Overview
             value: overview
-            icon: Gauge
+            icon: AiOutlineDashboard
           - label: Charts
             value: charts
-            icon: chart
+            icon: AiOutlineBarChart
           - label: Table
             value: table
-            icon: Table
+            icon: AiOutlineTable
       events:
         onChange:
           - id: view_changed_action
@@ -628,7 +612,7 @@ Segmented control for switching between options.
       type: Button
       properties:
         title: Refresh Data
-        icon: refresh
+        icon: AiOutlineReload
         type: primary
       events:
         onClick:
@@ -653,13 +637,13 @@ Segmented control for switching between options.
         options:
           - label: Light
             value: light
-            icon: Lightbulb
+            icon: AiOutlineBulb
           - label: Dark
             value: dark
-            icon: hide
+            icon: AiOutlineEyeInvisible
           - label: System
             value: system
-            icon: Laptop
+            icon: AiOutlineLaptop
       events:
         onChange:
           - id: theme_changed_action
@@ -707,7 +691,7 @@ Segmented control for switching between options.
       type: Button
       properties:
         title: Save Settings
-        icon: save
+        icon: AiOutlineSave
         type: primary
       events:
         onClick:
@@ -746,46 +730,23 @@ Segmented control for switching between options.
 | `options.$.label` | string | - | Value label shown to user - supports html. |
 | `options.$.value` | string \| number \| boolean \| object \| array | - | Value selected. Can be of any type. |
 | `options.$.disabled` | boolean | `false` | Disable the option if true. |
-| `options.$.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 display in the segment option. |
-| `options.$.icon.name` | string | - | Icon name: a semantic name like `edit`, a Lucide icon name like `Pencil`, or a set-qualified name like `tabler:Pencil`. |
-| `options.$.icon.color` | string | - | Icon color. |
-| `options.$.icon.size` | string \| number | - | Size of the icon. Defaults to `theme.icons.size`. |
-| `options.$.icon.rotate` | number | - | Number of degrees to rotate the icon. |
-| `options.$.icon.spin` | boolean | - | Continuously spin the icon with animation. |
-| `options.$.icon.strokeWidth` | number | - | Stroke width of the icon lines, in pixels of the 24px icon grid. Defaults to `theme.icons.strokeWidth` (2). |
-| `options.$.icon.nonScalingStroke` | boolean | - | Keep the stroke width constant at any icon size. Defaults to `theme.icons.nonScalingStroke`. |
-| `options.$.icon.title` | string | - | Icon hover title for accessibility. An empty string marks the icon as decorative. |
-| `options.$.icon.disableLoadingIcon` | boolean | - | While loading after the icon has been clicked, don't render the loading icon. |
-| `options.$.tooltip` | string | - | Tooltip shown when hovering the segment option. |
+| `options.$.icon` | string | - | Name of a React-Icon (See [all icons](https://react-icons.github.io/react-icons/)) to display in the segment option. |
 | `shape` | string | `"default"` | Shape of the segmented control. Enum: `default`, `round`. |
-| `size` | string | `"middle"` | Size of the block. Enum: `small`, `middle`, `large`. |
+| `size` | string | `"default"` | Size of the block. Enum: `small`, `default`, `large`. |
 | `vertical` | boolean | `false` | Display the segmented control vertically. |
 | `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. |
 | `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 segmented tokens](https://ant.design/components/segmented#design-token). |
 | `theme.trackBg` | string | - | Background color of the segmented track container. |
@@ -814,7 +775,6 @@ Segmented control for switching between options.
 | `/block` | Outer block wrapper (always available). |
 | `/element` | The SegmentedSelector element. |
 | `/icon` | The icon in the SegmentedSelector. |
-| `/options` | Each SegmentedSelector option. |
 | `/label` | The SegmentedSelector label. |
 | `/extra` | The SegmentedSelector extra content. |
 | `/feedback` | The SegmentedSelector validation feedback. |