@lowdefy/docs-content 0.0.0-experimental-20260910082708 → 6.0.0

package/content/input-blocks/colorselector.md

@@ -834,20 +834,6 @@ ColorSelector is externally controlled — use an `onMount` event with `SetState
 | `format` | string | - | Color format. Enum: `rgb`, `hex`, `hsb`. |
 | `showText` | boolean | - | Show color text. |
 | `size` | string | - | Size of the color picker. Enum: `small`, `middle`, `large`. |
-| `label` | object | - | Label properties. |
-| `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 | `"AiOutlineQuestionCircle"` | Name of the icon to show beside the label. |
-| `label.tooltip.color` | string | - | Color of the tooltip icon. |
-| `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. |
-| `title` | string | - | Title to describe the input component, if no title is specified the block id is displayed - supports html. |
 | `disabled` | boolean | `false` | Disable the color picker. |
 | `allowClear` | boolean | `false` | Allow the user to clear their input. |
 | `arrow` | boolean | `true` | Show arrow on the color picker popup. |

package/content/input-blocks/multipleselector.md

@@ -1280,7 +1280,7 @@ Multi-select dropdown with tags, search, and custom rendering.
 | `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. |
 | `selectedIcon` | string \| object | `"AiOutlineCheck"` | Name of an React-Icon (See all icons) or properties of an Icon block to customize icon showing when a selection is made in the drop-down list. |
-| `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. |
+| `showArrow` | boolean | `true` | Show the suffix icon at the drop-down position of the selector. |
 | `size` | string | `"default"` | Size of the block. Enum: `small`, `default`, `large`. |
 | `suffixIcon` | string \| object | `"AiOutlineDown"` | Name of an React-Icon (See all icons) or properties of an Icon block to customize at the drop-down position of the selector. |
 | `title` | string | - | Multiple selector label title - supports html. |

package/content/input-blocks/phonenumberinput.md

@@ -608,7 +608,6 @@ Phone number input with international country code selector.
 
 | Property | Type | Default | Description |
 | --- | --- | --- | --- |
-| `showFlags` | boolean | `true` | Show country flags in the country selector and input. |
 | `allowClear` | boolean | `false` | Allow the user to clear their input. |
 | `allowedRegions` | array | - | List of allowed ISO 3166-1 alpha-2 region codes. If allowedRegions is [] or null, the default list of all regions is used. |
 | `autoFocus` | boolean | `false` | Autofocus to the block on page load. |
@@ -636,7 +635,7 @@ Phone number input with international country code selector.
 | `replaceInput.pattern` | string | - | The regular expression pattern to use to sanitize input. |
 | `replaceInput.flags` | string | - | The regex flags to use. The default value is 'gm'. |
 | `replaceInput.replacement` | string | - | The string used to replace the input that matches the pattern. The default value is ''. |
-| `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. |
+| `showArrow` | boolean | `true` | Show the suffix icon at the drop-down position of the selector. |
 | `size` | string | `"middle"` | Size of the block. Enum: `small`, `middle`, `large`. |
 | `suffix` | string | - | Suffix text for the block, priority over suffixIcon. |
 | `suffixIcon` | string \| object | - | Name of an React-Icon (See all icons) or properties of an Icon block to customize icon to suffix the text input. |

package/content/input-blocks/radioselector.md

@@ -752,75 +752,13 @@ Radio group for selecting a single option.
     valueKey: id
 ```
 
-```yaml
-- id: radio_columns_two
-  type: RadioSelector
-  properties:
-    title: Two columns
-    columns: 2
-    options:
-      - Weekday mornings
-      - Weekday afternoons
-      - Weekday evenings
-      - Weekend mornings
-      - Weekend afternoons
-      - Weekend evenings
-- id: radio_columns_responsive
-  type: RadioSelector
-  properties:
-    title: One column below md, three from md up
-    columns:
-      xs: 1
-      md: 3
-    options:
-      - Email
-      - SMS
-      - Push notification
-      - Webhook
-      - In-app message
-      - Weekly digest
-- id: radio_columns_gutter
-  type: RadioSelector
-  properties:
-    title: Wider gutter
-    columns: 2
-    gutter:
-      - 24
-      - 12
-    options:
-      - Read only
-      - Read and write
-      - Administer
-      - No access
-- id: radio_columns_per_option_color
-  type: RadioSelector
-  properties:
-    title: Coloured options in a grid
-    columns: 2
-    options:
-      - label: Low
-        value: low
-        color: "#16a34a"
-      - label: Medium
-        value: medium
-        color: "#d97706"
-      - label: High
-        value: high
-        color: "#dc2626"
-      - label: Critical
-        value: critical
-        color: "#7e22ce"
-```
-
 | Property | Type | Default | Description |
 | --- | --- | --- | --- |
-| `align` | string | `"start"` | Align options. Ignored when 'columns' is set. Enum: `start`, `end`, `center`, `baseline`. |
+| `align` | string | `"start"` | Align options. Enum: `start`, `end`, `center`, `baseline`. |
 | `color` | string | - | Selected radio color. |
-| `columns` | integer \| object | - | Number of columns to lay the options out in, or a responsive breakpoint object. Use a count that divides 24 evenly. |
 | `disabled` | boolean | `false` | Disable the block if true. |
-| `direction` | string | `"horizontal"` | List options horizontally or vertical. Ignored when 'columns' is set. Enum: `horizontal`, `vertical`. |
-| `gutter` | number \| array | - | Gap between options in the grid. Number or [horizontal, vertical] array. Applies when 'columns' is set. |
-| `wrap` | boolean | `true` | Specifies wrapping of options. Applies when 'direction' is 'horizontal'. Ignored when 'columns' is set. |
+| `direction` | string | `"horizontal"` | List options horizontally or vertical. Enum: `horizontal`, `vertical`. |
+| `wrap` | boolean | `true` | Specifies wrapping of options. Applies when 'direction' is 'horizontal'. |
 | `label` | object | - | Label properties. |
 | `label.align` | string | `"left"` | Align label left or right when inline. Enum: `left`, `right`. |
 | `label.colon` | boolean | `true` | Append label with colon. |
@@ -836,7 +774,7 @@ Radio group for selecting a single option.
 | `label.inline` | boolean | `false` | Render input and label inline. |
 | `options` | array | `[]` | Options can either be an array of primitive values, on an array of label, value pairs - supports html. |
 | `options.$.label` | string | - | Value label shown to user - supports html. |
-| `options.$.value` | - | - | Option value. Can be of any type. |
+| `options.$.value` | string \| number \| boolean | - | Option value. |
 | `options.$.disabled` | boolean | `false` | Disable the option if true. |
 | `options.$.style` | object | - | Css style to apply to the option. |
 | `options.$.color` | string | - | Color applied to this option when it is selected. Falls back to the block-level color when not set. |

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.
 

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.
 

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.
 

package/content/input-blocks/segmentedselector.md

@@ -732,7 +732,7 @@ Segmented control for switching between options.
 | `options.$.disabled` | boolean | `false` | Disable the option if true. |
 | `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.align` | string | `"left"` | Align label left or right when inline. Enum: `left`, `right`. |

package/content/input-blocks/selector.md

@@ -1094,7 +1094,7 @@ Dropdown selector with search, clear, and custom icons.
 | `placeholder` | string | `"Select item"` | Placeholder text inside the block before user selects input. |
 | `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. |
+| `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 | `"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. |

package/content/input-blocks/tiptapmentioninput.md

@@ -1,6 +1,6 @@
 # TiptapMentionInput
 
-Rich-text editor with @-mention support. Same feature set as TiptapInput, plus a mention dropdown populated from a static options list or a request. Mention options can be marked as groups (roles, teams, queues) to render under their own menu section, as distinctly coloured chips, and with a hover popover listing the group's current members. See the guide below.
+Rich-text editor with @-mention support. Same feature set as TiptapInput, plus a mention dropdown populated from a static options list or a request. Mention options can be marked as groups (roles, teams, queues) to render under their own menu section, as distinctly coloured chips, and with a hover popover listing the group's current members. See the guide below.
 
 ## Group mentions
 

package/content/input-blocks/treeinput.md

@@ -98,7 +98,7 @@ Inline tree with nested options and checkboxes. (Renamed from `TreeSelector`.)
 | `parentKey` | string | - | Tree selectors only: names each row’s parent id. Build a flat `data`/`options` array where each row has a `primaryKey` (its own id) and a `parentKey` whose value equals the parent row’s `primaryKey`. Rows whose `parentKey` is empty or points at no row become tree roots. Supports dotted paths. |
 | `options` | array | `[]` | Options can either be an array of primitive values, on an array of label, value pairs - supports html. |
 | `options.$.label` | string | - | Value label shown to user - supports html. |
-| `options.$.value` | - | - | Option value. Can be of any type. |
+| `options.$.value` | string \| number \| boolean | - | Option value. |
 | `options.$.disabled` | boolean | `false` | Disable the option if true. |
 | `options.$.style` | object | - | Css style to apply to the option. |
 | `options.$.color` | string | - | Color applied to this option when it is selected. Falls back to the block-level color when not set. |

package/content/input-blocks/treemultipleselector.md

@@ -82,7 +82,7 @@ Searchable multiple-select tree dropdown (tags or checkboxes). Driven by flat `d
 | `parentKey` | string | - | Tree selectors only: names each row’s parent id. Build a flat `data`/`options` array where each row has a `primaryKey` (its own id) and a `parentKey` whose value equals the parent row’s `primaryKey`. Rows whose `parentKey` is empty or points at no row become tree roots. Supports dotted paths. |
 | `options` | array | `[]` | Options can either be an array of primitive values, on an array of label, value pairs - supports html. |
 | `options.$.label` | string | - | Value label shown to user - supports html. |
-| `options.$.value` | - | - | Option value. Can be of any type. |
+| `options.$.value` | string \| number \| boolean | - | Option value. |
 | `options.$.disabled` | boolean | `false` | Disable the option if true. |
 | `options.$.style` | object | - | Css style to apply to the option. |
 | `options.$.color` | string | - | Color applied to this option when it is selected. Falls back to the block-level color when not set. |

package/content/input-blocks/treeselector.md

@@ -108,7 +108,7 @@ Searchable single-select tree dropdown. Driven by flat `data`/`options` with `pr
 | `parentKey` | string | - | Tree selectors only: names each row’s parent id. Build a flat `data`/`options` array where each row has a `primaryKey` (its own id) and a `parentKey` whose value equals the parent row’s `primaryKey`. Rows whose `parentKey` is empty or points at no row become tree roots. Supports dotted paths. |
 | `options` | array | `[]` | Options can either be an array of primitive values, on an array of label, value pairs - supports html. |
 | `options.$.label` | string | - | Value label shown to user - supports html. |
-| `options.$.value` | - | - | Option value. Can be of any type. |
+| `options.$.value` | string \| number \| boolean | - | Option value. |
 | `options.$.disabled` | boolean | `false` | Disable the option if true. |
 | `options.$.style` | object | - | Css style to apply to the option. |
 | `options.$.color` | string | - | Color applied to this option when it is selected. Falls back to the block-level color when not set. |

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

package/content/operators/_type.md

@@ -29,7 +29,6 @@ The regex operator has shorthand argument definitions that can be used on web cl
     - `null`
     - `undefined`
     - `none` (`null` or `undefined`)
-    - `empty` (`null`, `undefined`, `''`, or `[]` - note that `0`, `false` and `{}` are not empty)
     - `primitive` (`undefined`, `null`, `string`, `number`, `boolean`, or `date`)
   - `on: any`: The value to test. One of `on` or `key` must be specified unless the operator is used in an input block.
   - `key: string`: The key of a value in `state` to test. One of `on` or `key` must be specified unless the operator is used in an input block.
@@ -61,23 +60,13 @@ Returns: `true` if a number.
 id: input
 type: TextInput
 validate:
-  - message: This field is required.
+  - message: This field id required.
     status: error
     pass:
       _not:
-        _type: empty
+        _type: none
 ```
-Returns: `true` if the input has a value. This is the test the `required` block field applies.
-
-###### Check if a value is empty:
-```yaml
-_type:
-  type: empty
-  on:
-    _state: selected_tags
-```
-Returns: `true` if `selected_tags` is `null`, `undefined`, `''` or `[]`, and `false` for any
-other value, including `0`, `false` and `{}`.
+Returns: `true` if the input is none.
 
 ###### Test if an id in the `urlQuery` is undefined or null:
 ```yaml

package/content/plugins/plugins-introduction.md

@@ -27,18 +27,3 @@ plugins:
     version: 1.0.0
     typePrefix: Other
 ```
-
-## Plugin meta
-
-Every plugin type can describe itself to the build and to AI coding agents through a `meta` object. For blocks it is the `meta.js` next to the block (`category`, `valueType`, `initValue`, `cssKeys`, `events`, `properties`, ...), for requests it is the `meta` property on the request function (`checkRead`, `checkWrite`), and for operators a package may export a `./metas` module with one object per operator, mirroring `./schemas`.
-
-All three accept `meta.hazards`: a list of behaviours of the type that its schema cannot express, which the dev server's docs and MCP endpoint return to agents alongside the schema (see [AI agent docs](/ai-agent-docs)). Each hazard is:
-
-```yaml
-hazards:
-  - id: html-style-stripped # kebab-case, unique within the type
-    message: Content is sanitised with DOMPurify, so <style>, <script> and inline event handlers are removed. Use DangerousHtml for a trusted <style> block.
-    see: display-blocks/html # a docs slug, or null
-```
-
-The `message` is one or two plain sentences saying what happens and what to do instead. Only add a hazard for a behaviour that is verified in the plugin's code — an agent will rely on it.

package/index.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.6.0",
+  "version": "5.4.0",
   "docs": [
     {
       "slug": "other/introduction",
@@ -289,12 +289,6 @@
       "section": "Other",
       "path": "content/other/next-auth-providers.md"
     },
-    {
-      "slug": "testing/config-tests",
-      "title": "Config Tests",
-      "section": "Testing",
-      "path": "content/testing/config-tests.md"
-    },
     {
       "slug": "testing/e2e-introduction",
       "title": "E2E Testing",
@@ -547,22 +541,6 @@
       "kind": "block",
       "typeName": "Switch"
     },
-    {
-      "slug": "input-blocks/tagmultipleselector",
-      "title": "TagMultipleSelector",
-      "section": "Input Blocks",
-      "path": "content/input-blocks/tagmultipleselector.md",
-      "kind": "block",
-      "typeName": "TagMultipleSelector"
-    },
-    {
-      "slug": "input-blocks/tagselector",
-      "title": "TagSelector",
-      "section": "Input Blocks",
-      "path": "content/input-blocks/tagselector.md",
-      "kind": "block",
-      "typeName": "TagSelector"
-    },
     {
       "slug": "input-blocks/textarea",
       "title": "TextArea",
@@ -2281,14 +2259,6 @@
       "kind": "block",
       "typeName": ":try"
     },
-    {
-      "slug": "controls/while",
-      "title": ":while",
-      "section": "Controls",
-      "path": "content/controls/while.md",
-      "kind": "block",
-      "typeName": ":while"
-    },
     {
       "slug": "migration/upgrade-guide",
       "title": "Upgrade Guide",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/docs-content",
-  "version": "0.0.0-experimental-20260910082708",
+  "version": "6.0.0",
   "license": "Apache-2.0",
   "description": "Lowdefy documentation extracted as markdown for AI coding agents.",
   "homepage": "https://lowdefy.com",
@@ -20,13 +20,11 @@
   "type": "module",
   "exports": {
     "./index.json": "./index.json",
-    "./hazards.json": "./hazards.json",
     "./scripts/extractAgentDocs.js": "./scripts/extractAgentDocs.js",
     "./content/*": "./content/*"
   },
   "files": [
     "content/**",
-    "hazards.json",
     "index.json",
     "scripts/*"
   ],

package/content/controls/while.md

@@ -1,46 +0,0 @@
-# :while
-
-```
-({:while: boolean, :do: routine}): void
-```
-
-The `:while` control implements a while loop within a routine. The routine defined in the `:do` key will be repeated as long as the test defined using the `:while` key is true.
-
-#### Keys
-
-- `:while: boolean`: __Required__ - The test that will determine whether or not the defined routine should execute again.
-- `:do: routine`: __Required__ - The routine to run while the test condition holds.
-
-The `:while` condition is evaluated fresh before every iteration, against the routine's current `state` and `steps`. This is how the loop terminates - the routine in `:do` changes the state or step results that the condition reads.
-
-Unlike `:for`, a `:while` loop does not index the step results of its body. A `:while` has no item to index by, so each iteration overwrites the previous iteration's step results, and `_step: my_step` inside or after the loop reads the value from the latest iteration.
-
-There is no iteration cap and no timeout. A condition that the routine in `:do` never falsifies loops forever, exactly as it would in JavaScript.
-
-#### Examples
-
-###### Simple Example
-```
-- :set_state:
-    count: 0
-- :while:
-    _lt:
-      - _state: count
-      - 5
-  :do:
-    - :log:
-        _state: count
-    - :set_state:
-        count:
-          _sum:
-            - _state: count
-            - 1
-```
-Logs:
-```
-0
-1
-2
-3
-4
-```

package/content/input-blocks/tagmultipleselector.md

@@ -1,101 +0,0 @@
-# TagMultipleSelector
-
-Multi-select input rendered as a row of toggleable, colored tag pills.
-
-```yaml
-- id: basic_strings
-  type: TagMultipleSelector
-  properties:
-    title: Domains
-    options:
-      - Ethics
-      - Environment
-      - Governance
-      - Social
-      - Data Privacy
-```
-
-```yaml
-- id: label_value
-  type: TagMultipleSelector
-  properties:
-    title: Status Filter
-    options:
-      - label: Draft
-        value: draft
-      - label: In Review
-        value: in_review
-      - label: Published
-        value: published
-      - label: Archived
-        value: archived
-        disabled: true
-```
-
-```yaml
-- id: explicit_colors
-  type: TagMultipleSelector
-  properties:
-    title: Priorities
-    options:
-      - label: Low
-        value: low
-        color: "#59A14F"
-      - label: Medium
-        value: medium
-        color: "#EDC948"
-      - label: High
-        value: high
-        color: "#E15759"
-- id: single_accent
-  type: TagMultipleSelector
-  properties:
-    title: Interests
-    colored: false
-    options:
-      - Design
-      - Engineering
-      - Product
-      - Research
-```
-
-| Property | Type | Default | Description |
-| --- | --- | --- | --- |
-| `options` | array | - | Options to select from. Primitives, or { label, value, color, disabled } - an explicit color overrides the stable palette color. |
-| `options.$.label` | string | - | Tag label. Defaults to the value. |
-| `options.$.value` | - | - | Option value written into the selection array. |
-| `options.$.color` | string | - | Explicit tag color (hex or CSS color). Overrides the stable palette color. |
-| `options.$.disabled` | boolean | `false` | Disable this tag. |
-| `colored` | boolean | `true` | Give each option a stable color (hash of its value over a fixed palette). false = single primary accent. |
-| `disabled` | boolean | `false` | Disable the block if true. |
-| `size` | string | `"default"` | Size of the block. Enum: `small`, `default`, `large`. |
-| `label` | object | - | Label properties. |
-| `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 | `"AiOutlineQuestionCircle"` | Name of the icon to show beside the label. |
-| `label.tooltip.color` | string | - | Color of the tooltip icon. |
-| `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. |
-| `title` | string | - | Title to describe the input component, if no title is specified the block id is displayed - supports html. |
-
-| Event | Event Data | Description |
-| --- | --- | --- |
-| `onChange` | `{ value }` | Trigger actions when the selection is changed. |
-| `onTooltipClick` | \- | Trigger actions when the tooltip icon is clicked. |
-
-| Key | Target |
-| --- | --- |
-| `/block` | Outer block wrapper (always available). |
-| `/element` | The TagMultipleSelector tag row. |
-| `/tag` | Each tag pill. |
-| `/label` | The TagMultipleSelector label. |
-| `/extra` | The TagMultipleSelector extra content. |
-| `/feedback` | The TagMultipleSelector validation feedback. |
-
-No slots defined.

package/content/input-blocks/tagselector.md

@@ -1,101 +0,0 @@
-# TagSelector
-
-Single-select input rendered as a row of toggleable, colored tag pills.
-
-```yaml
-- id: basic_strings
-  type: TagSelector
-  properties:
-    title: Domain
-    options:
-      - Ethics
-      - Environment
-      - Governance
-      - Social
-      - Data Privacy
-```
-
-```yaml
-- id: label_value
-  type: TagSelector
-  properties:
-    title: Status
-    options:
-      - label: Draft
-        value: draft
-      - label: In Review
-        value: in_review
-      - label: Published
-        value: published
-      - label: Archived
-        value: archived
-        disabled: true
-```
-
-```yaml
-- id: explicit_colors
-  type: TagSelector
-  properties:
-    title: Priority
-    options:
-      - label: Low
-        value: low
-        color: "#59A14F"
-      - label: Medium
-        value: medium
-        color: "#EDC948"
-      - label: High
-        value: high
-        color: "#E15759"
-- id: single_accent
-  type: TagSelector
-  properties:
-    title: Interest
-    colored: false
-    options:
-      - Design
-      - Engineering
-      - Product
-      - Research
-```
-
-| Property | Type | Default | Description |
-| --- | --- | --- | --- |
-| `options` | array | - | Options to select from. Primitives, or { label, value, color, disabled } - an explicit color overrides the stable palette color. |
-| `options.$.label` | string | - | Tag label. Defaults to the value. |
-| `options.$.value` | - | - | Option value set as the selection when the tag is selected. |
-| `options.$.color` | string | - | Explicit tag color (hex or CSS color). Overrides the stable palette color. |
-| `options.$.disabled` | boolean | `false` | Disable this tag. |
-| `colored` | boolean | `true` | Give each option a stable color (hash of its value over a fixed palette). false = single primary accent. |
-| `disabled` | boolean | `false` | Disable the block if true. |
-| `size` | string | `"default"` | Size of the block. Enum: `small`, `default`, `large`. |
-| `label` | object | - | Label properties. |
-| `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 | `"AiOutlineQuestionCircle"` | Name of the icon to show beside the label. |
-| `label.tooltip.color` | string | - | Color of the tooltip icon. |
-| `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. |
-| `title` | string | - | Title to describe the input component, if no title is specified the block id is displayed - supports html. |
-
-| Event | Event Data | Description |
-| --- | --- | --- |
-| `onChange` | `{ value }` | Trigger actions when the selection is changed. |
-| `onTooltipClick` | \- | Trigger actions when the tooltip icon is clicked. |
-
-| Key | Target |
-| --- | --- |
-| `/block` | Outer block wrapper (always available). |
-| `/element` | The TagSelector tag row. |
-| `/tag` | Each tag pill. |
-| `/label` | The TagSelector label. |
-| `/extra` | The TagSelector extra content. |
-| `/feedback` | The TagSelector validation feedback. |
-
-No slots defined.