@getflip/swirl-ai 0.529.0 → 0.530.0

package/dist/agent/components/swirl-action-list-item.md

@@ -18,6 +18,8 @@ The SwirlActionListItem component is used to render menu items inside the [Swirl
 - `intent` ("critical" | "default" | undefined) – 
 - `size` ("l" | "m" | undefined) – 
 - `suffix` (string | undefined) – 
+- `swirlAriaDescribedby` (string | undefined) – 
+- `swirlAriaDisabled` (boolean | undefined) – 
 - `swirlAriaExpanded` (string | undefined) – 
 - `swirlAriaHaspopup` (string | undefined) – 
 - `truncateLabel` (boolean | undefined) – 
@@ -48,9 +50,11 @@ _None._
 The component follows the
 [WAI-ARIA Menu Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/menu/).
 
-| ARIA              | Usage                                                                                                            |
-| ----------------- | ---------------------------------------------------------------------------------------------------------------- |
-| `role="menuitem"` | The action list item has `role` set to `menuitem`. It should only be used inside a component with `role="menu"`. |
+| ARIA                | Usage                                                                                                                                                                                                          |
+| ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `role="menuitem"`   | The action list item has `role` set to `menuitem`. It should only be used inside a component with `role="menu"`.                                                                                                |
+| `aria-disabled`     | Set when `swirlAriaDisabled` is `true`. Unlike `disabled`, the item stays focusable and hoverable — clicking it (mouse or keyboard) is blocked internally. Use this instead of `disabled` when the item should still be reachable, e.g. to explain why it's disabled via a wrapping `swirl-tooltip`. |
+| `aria-describedby`  | Set from the `swirlAriaDescribedby` prop. |
 
 ### Keyboard
 

package/dist/agent/components/swirl-resource-list-item.md

@@ -14,7 +14,6 @@ The SwirlResourceListItem component can be used to represent an object, like med
 - `alignItems` (string | undefined) – 
 - `allowDrag` (boolean | undefined) – 
 - `allowHtml` (boolean | undefined) – 
-- `checkboxLabel` (string | undefined) – 
 - `checked` (boolean | undefined) – 
 - `compact` (boolean | undefined) – 
 - `description` (string | undefined) – 
@@ -37,7 +36,6 @@ The SwirlResourceListItem component can be used to represent an object, like med
 - `meta` (string | undefined) – 
 - `rel` ("external" | "nofollow" | "noindex" | "noopener noreferrer" | "noopener" | "noreferrer" | undefined) – 
 - `selectable` (boolean | undefined) – 
-- `selectionMode` ("checkbox" | "row" | undefined) – 
 - `swirlAriaCurrent` ("date" | "location" | "page" | "step" | "time" | "true" | undefined) – 
 - `swirlAriaLabel` (string | undefined) – 
 - `target` ("_blank" | "_parent" | "_self" | "_top" | undefined) – 
@@ -51,7 +49,6 @@ The SwirlResourceListItem component can be used to represent an object, like med
 
 ## Events
 
-- `activate` – CustomEvent<HTMLSwirlResourceListItemElement>
 - `toggleDrag` – CustomEvent<HTMLSwirlResourceListItemElement>
 - `valueChange` – CustomEvent<boolean>
 
@@ -78,7 +75,7 @@ control.
 | `role="gridcell"` | Set on the inner container element; for usage inside the SwirlResourceList component.           |
 | `role="button"`   | Implicit when used as a button.                                                                 |
 | `role="link"`     | Implicit when used as a link.                                                                   |
-| `role="checkbox"` | Set on the interactive part if used as a checkbox, or on the checkbox itself with `selection-mode="checkbox"`. |
+| `role="checkbox"` | Set on the interactive part if used as a checkbox.                                              |
 | `aria-disabled`   | If not used as a link, the `aria-disabled` attribute is set to `true` for the disabled element. |
 
 ### Keyboard
@@ -88,11 +85,6 @@ control.
 | <kbd>ENTER</kbd> | Activates the item if used as a button or link.                                         |
 | <kbd>SPACE</kbd> | Activates the item if used as a button or link. Toggles the item if used as a checkbox. |
 
-With `selection-mode="checkbox"`, <kbd>ENTER</kbd> on the row activates it, and
-<kbd>SPACE</kbd> or <kbd>ENTER</kbd> on the checkbox toggles it. Inside a
-`swirl-resource-list` with grid semantics the checkbox is reached with
-<kbd>TAB</kbd> from the row, while the arrow keys keep moving between rows.
-
 ## Minimal example
 
 ```html

package/dist/custom-elements.manifest.json

@@ -466,6 +466,20 @@
               },
               "fieldName": "suffix"
             },
+            {
+              "name": "swirl-aria-describedby",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "swirlAriaDescribedby"
+            },
+            {
+              "name": "swirl-aria-disabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "fieldName": "swirlAriaDisabled"
+            },
             {
               "name": "swirl-aria-expanded",
               "type": {
@@ -583,6 +597,24 @@
               "readonly": true,
               "attribute": "suffix"
             },
+            {
+              "kind": "field",
+              "name": "swirlAriaDescribedby",
+              "type": {
+                "text": "string | undefined"
+              },
+              "readonly": true,
+              "attribute": "swirl-aria-describedby"
+            },
+            {
+              "kind": "field",
+              "name": "swirlAriaDisabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "readonly": true,
+              "attribute": "swirl-aria-disabled"
+            },
             {
               "kind": "field",
               "name": "swirlAriaExpanded",
@@ -627,7 +659,7 @@
               "name": "action-list-item"
             }
           ],
-          "description": "The SwirlActionListItem component is used to render menu items inside the [SwirlActionList component](?path=/docs/components-swirlactionlist--docs).\n\nAccessibility\n\n### ARIA\n\nThe component follows the\n[WAI-ARIA Menu Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/menu/).\n\n| ARIA              | Usage                                                                                                            |\n| ----------------- | ---------------------------------------------------------------------------------------------------------------- |\n| `role=\"menuitem\"` | The action list item has `role` set to `menuitem`. It should only be used inside a component with `role=\"menu\"`. |\n\n### Keyboard\n\n| Key              | Action              |\n| ---------------- | ------------------- |\n| <kbd>ENTER</kbd> | Activates the item. |\n| <kbd>SPACE</kbd> | Activates the item. |"
+          "description": "The SwirlActionListItem component is used to render menu items inside the [SwirlActionList component](?path=/docs/components-swirlactionlist--docs).\n\nAccessibility\n\n### ARIA\n\nThe component follows the\n[WAI-ARIA Menu Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/menu/).\n\n| ARIA                | Usage                                                                                                                                                                                                          |\n| ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `role=\"menuitem\"`   | The action list item has `role` set to `menuitem`. It should only be used inside a component with `role=\"menu\"`.                                                                                                |\n| `aria-disabled`     | Set when `swirlAriaDisabled` is `true`. Unlike `disabled`, the item stays focusable and hoverable — clicking it (mouse or keyboard) is blocked internally. Use this instead of `disabled` when the item should still be reachable, e.g. to explain why it's disabled via a wrapping `swirl-tooltip`. |\n| `aria-describedby`  | Set from the `swirlAriaDescribedby` prop. |\n\n### Keyboard\n\n| Key              | Action              |\n| ---------------- | ------------------- |\n| <kbd>ENTER</kbd> | Activates the item. |\n| <kbd>SPACE</kbd> | Activates the item. |"
         }
       ],
       "exports": [
@@ -49678,14 +49710,6 @@
               },
               "fieldName": "allowHtml"
             },
-            {
-              "name": "checkbox-label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "default": "\"Select\"",
-              "fieldName": "checkboxLabel"
-            },
             {
               "name": "checked",
               "type": {
@@ -49872,20 +49896,6 @@
               },
               "fieldName": "selectable"
             },
-            {
-              "name": "selection-mode",
-              "type": {
-                "text": "\"checkbox\" | \"row\" | undefined",
-                "references": [
-                  {
-                    "name": "SwirlResourceListItemSelectionMode",
-                    "module": "./swirl-resource-list-item.types"
-                  }
-                ]
-              },
-              "default": "\"row\"",
-              "fieldName": "selectionMode"
-            },
             {
               "name": "swirl-aria-current",
               "type": {
@@ -49964,16 +49974,6 @@
               "readonly": true,
               "attribute": "allow-html"
             },
-            {
-              "kind": "field",
-              "name": "checkboxLabel",
-              "type": {
-                "text": "string | undefined"
-              },
-              "default": "\"Select\"",
-              "readonly": true,
-              "attribute": "checkbox-label"
-            },
             {
               "kind": "field",
               "name": "checked",
@@ -50205,22 +50205,6 @@
               "readonly": true,
               "attribute": "selectable"
             },
-            {
-              "kind": "field",
-              "name": "selectionMode",
-              "type": {
-                "text": "\"checkbox\" | \"row\" | undefined",
-                "references": [
-                  {
-                    "name": "SwirlResourceListItemSelectionMode",
-                    "module": "./swirl-resource-list-item.types"
-                  }
-                ]
-              },
-              "default": "\"row\"",
-              "readonly": true,
-              "attribute": "selection-mode"
-            },
             {
               "kind": "field",
               "name": "swirlAriaCurrent",
@@ -50271,18 +50255,6 @@
             }
           ],
           "events": [
-            {
-              "name": "activate",
-              "type": {
-                "text": "CustomEvent<HTMLSwirlResourceListItemElement>",
-                "references": [
-                  {
-                    "name": "HTMLSwirlResourceListItemElement",
-                    "package": "global:"
-                  }
-                ]
-              }
-            },
             {
               "name": "toggleDrag",
               "type": {
@@ -50321,7 +50293,7 @@
               "name": "resource-list-item__content"
             }
           ],
-          "description": "The SwirlResourceListItem component can be used to represent an object, like media, a group or a chat within a collection. It should only be used inside the [SwirlResourceList component](?path=/docs/components-swirlresourcelist--docs).\n\nAccessibility\n\n### ARIA\n\nDepending on the purpose, the item can be used as a button, link or checkbox\ncontrol.\n\n| ARIA              | Usage                                                                                           |\n| ----------------- | ----------------------------------------------------------------------------------------------- |\n| `role=\"row\"`      | Set on the element; for usage inside the SwirlResourceList component.                           |\n| `role=\"gridcell\"` | Set on the inner container element; for usage inside the SwirlResourceList component.           |\n| `role=\"button\"`   | Implicit when used as a button.                                                                 |\n| `role=\"link\"`     | Implicit when used as a link.                                                                   |\n| `role=\"checkbox\"` | Set on the interactive part if used as a checkbox, or on the checkbox itself with `selection-mode=\"checkbox\"`. |\n| `aria-disabled`   | If not used as a link, the `aria-disabled` attribute is set to `true` for the disabled element. |\n\n### Keyboard\n\n| Key              | Action                                                                                  |\n| ---------------- | --------------------------------------------------------------------------------------- |\n| <kbd>ENTER</kbd> | Activates the item if used as a button or link.                                         |\n| <kbd>SPACE</kbd> | Activates the item if used as a button or link. Toggles the item if used as a checkbox. |\n\nWith `selection-mode=\"checkbox\"`, <kbd>ENTER</kbd> on the row activates it, and\n<kbd>SPACE</kbd> or <kbd>ENTER</kbd> on the checkbox toggles it. Inside a\n`swirl-resource-list` with grid semantics the checkbox is reached with\n<kbd>TAB</kbd> from the row, while the arrow keys keep moving between rows."
+          "description": "The SwirlResourceListItem component can be used to represent an object, like media, a group or a chat within a collection. It should only be used inside the [SwirlResourceList component](?path=/docs/components-swirlresourcelist--docs).\n\nAccessibility\n\n### ARIA\n\nDepending on the purpose, the item can be used as a button, link or checkbox\ncontrol.\n\n| ARIA              | Usage                                                                                           |\n| ----------------- | ----------------------------------------------------------------------------------------------- |\n| `role=\"row\"`      | Set on the element; for usage inside the SwirlResourceList component.                           |\n| `role=\"gridcell\"` | Set on the inner container element; for usage inside the SwirlResourceList component.           |\n| `role=\"button\"`   | Implicit when used as a button.                                                                 |\n| `role=\"link\"`     | Implicit when used as a link.                                                                   |\n| `role=\"checkbox\"` | Set on the interactive part if used as a checkbox.                                              |\n| `aria-disabled`   | If not used as a link, the `aria-disabled` attribute is set to `true` for the disabled element. |\n\n### Keyboard\n\n| Key              | Action                                                                                  |\n| ---------------- | --------------------------------------------------------------------------------------- |\n| <kbd>ENTER</kbd> | Activates the item if used as a button or link.                                         |\n| <kbd>SPACE</kbd> | Activates the item if used as a button or link. Toggles the item if used as a checkbox. |"
         }
       ],
       "exports": [

package/dist/types/components/swirl-action-list-item/swirl-action-list-item.d.ts

@@ -1,3 +1,12 @@
+declare global {
+    interface ARIAMixin {
+        /**
+         * Not yet part of this project's bundled TypeScript DOM lib.
+         * https://developer.mozilla.org/docs/Web/API/Element/ariaDescribedByElements
+         */
+        ariaDescribedByElements: ReadonlyArray<globalThis.Element> | null;
+    }
+}
 export type SwirlActionListItemIntent = "default" | "critical";
 export type SwirlActionListItemSize = "m" | "l";
 /**
@@ -14,6 +23,8 @@ export declare class SwirlActionListItem {
     intent?: SwirlActionListItemIntent;
     label: string;
     size?: SwirlActionListItemSize;
+    swirlAriaDescribedby?: string;
+    swirlAriaDisabled?: boolean;
     swirlAriaExpanded?: string;
     swirlAriaHaspopup?: string;
     suffix?: string;
@@ -21,9 +32,12 @@ export declare class SwirlActionListItem {
     private iconEl;
     private iconBadgeEl;
     private suffixEl;
+    private buttonEl;
     private mediaQueryUnsubscribe;
     componentDidLoad(): void;
     disconnectedCallback(): void;
+    private updateAriaDescribedByElements;
+    private onClick;
     private forceIconProps;
     render(): any;
 }

package/dist/types/components/swirl-resource-list-item/swirl-resource-list-item.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { SwirlTooltipPosition } from "../swirl-tooltip/swirl-tooltip";
-import { SwirlResourceListItemAriaCurrent, SwirlResourceListItemLabelWeight, SwirlResourceListItemRel, SwirlResourceListItemSelectionMode, SwirlResourceListItemTarget } from "./swirl-resource-list-item.types";
+import { SwirlResourceListItemAriaCurrent, SwirlResourceListItemLabelWeight, SwirlResourceListItemRel, SwirlResourceListItemTarget } from "./swirl-resource-list-item.types";
 /**
  * @slot control - Used to add a menu button to the item
  * @slot badges - Badges displayed inside the item
@@ -11,7 +11,6 @@ export declare class SwirlResourceListItem {
     active?: boolean;
     allowDrag?: boolean;
     allowHtml?: boolean;
-    checkboxLabel?: string;
     checked?: boolean;
     compact?: boolean;
     description?: string;
@@ -35,7 +34,6 @@ export declare class SwirlResourceListItem {
     meta?: string;
     rel?: SwirlResourceListItemRel;
     selectable?: boolean;
-    selectionMode?: SwirlResourceListItemSelectionMode;
     swirlAriaCurrent?: SwirlResourceListItemAriaCurrent;
     swirlAriaLabel?: string;
     target?: SwirlResourceListItemTarget;
@@ -43,10 +41,8 @@ export declare class SwirlResourceListItem {
     alignItems?: string;
     hasMedia: boolean;
     iconSize: 20 | 24;
-    activate: EventEmitter<HTMLSwirlResourceListItemElement>;
     toggleDrag: EventEmitter<HTMLSwirlResourceListItemElement>;
     valueChange: EventEmitter<boolean>;
-    private checkboxEl;
     private elementId;
     private iconEl;
     private mediaQueryUnsubscribe;
@@ -54,11 +50,9 @@ export declare class SwirlResourceListItem {
     private rowHasFocus;
     componentWillLoad(): void;
     componentDidLoad(): void;
-    componentDidRender(): void;
     disconnectedCallback(): void;
     onFocusIn(): void;
     onFocusOut(event: FocusEvent): void;
-    private get hasInteractiveCheckbox();
     private get hasBadges();
     private get showMeta();
     private forceIconProps;
@@ -70,7 +64,6 @@ export declare class SwirlResourceListItem {
     private onMenuTriggerClick;
     private onDragHandleKeyDown;
     private onControlClick;
-    private onCheckboxClick;
     private toggle;
     render(): any;
 }

package/dist/types/components/swirl-resource-list-item/swirl-resource-list-item.types.d.ts

@@ -9,5 +9,4 @@ export declare const swirlResourceListItemRel: {
     readonly noreferrer: "noreferrer";
 };
 export type SwirlResourceListItemRel = (typeof swirlResourceListItemRel)[keyof typeof swirlResourceListItemRel];
-export type SwirlResourceListItemSelectionMode = "row" | "checkbox";
 export type SwirlResourceListItemTarget = "_self" | "_blank" | "_parent" | "_top";

package/dist/types/components.d.ts

@@ -59,7 +59,7 @@ import { SwirlPopoverTriggerMethod } from "./components/swirl-popover-trigger/sw
 import { SwirlProgressIndicatorSize, SwirlProgressIndicatorVariant } from "./components/swirl-progress-indicator/swirl-progress-indicator";
 import { SwirlRadioState, SwirlRadioVariant } from "./components/swirl-radio/swirl-radio";
 import { SwirlBoxPadding as SwirlBoxPadding1, SwirlResourceListSemantics } from "./components/swirl-resource-list/swirl-resource-list";
-import { SwirlResourceListItemAriaCurrent, SwirlResourceListItemLabelWeight, SwirlResourceListItemRel, SwirlResourceListItemSelectionMode, SwirlResourceListItemTarget } from "./components/swirl-resource-list-item/swirl-resource-list-item.types";
+import { SwirlResourceListItemAriaCurrent, SwirlResourceListItemLabelWeight, SwirlResourceListItemRel, SwirlResourceListItemTarget } from "./components/swirl-resource-list-item/swirl-resource-list-item.types";
 import { SwirlTooltipPosition } from "./components/swirl-tooltip/swirl-tooltip";
 import { SwirlSearchVariant } from "./components/swirl-search/swirl-search";
 import { SwirlSeparatorColor, SwirlSeparatorOrientation, SwirlSeparatorSemantics, SwirlSeparatorSpacing as SwirlSeparatorSpacing1 } from "./components/swirl-separator/swirl-separator";
@@ -144,7 +144,7 @@ export { SwirlPopoverTriggerMethod } from "./components/swirl-popover-trigger/sw
 export { SwirlProgressIndicatorSize, SwirlProgressIndicatorVariant } from "./components/swirl-progress-indicator/swirl-progress-indicator";
 export { SwirlRadioState, SwirlRadioVariant } from "./components/swirl-radio/swirl-radio";
 export { SwirlBoxPadding as SwirlBoxPadding1, SwirlResourceListSemantics } from "./components/swirl-resource-list/swirl-resource-list";
-export { SwirlResourceListItemAriaCurrent, SwirlResourceListItemLabelWeight, SwirlResourceListItemRel, SwirlResourceListItemSelectionMode, SwirlResourceListItemTarget } from "./components/swirl-resource-list-item/swirl-resource-list-item.types";
+export { SwirlResourceListItemAriaCurrent, SwirlResourceListItemLabelWeight, SwirlResourceListItemRel, SwirlResourceListItemTarget } from "./components/swirl-resource-list-item/swirl-resource-list-item.types";
 export { SwirlTooltipPosition } from "./components/swirl-tooltip/swirl-tooltip";
 export { SwirlSearchVariant } from "./components/swirl-search/swirl-search";
 export { SwirlSeparatorColor, SwirlSeparatorOrientation, SwirlSeparatorSemantics, SwirlSeparatorSpacing as SwirlSeparatorSpacing1 } from "./components/swirl-separator/swirl-separator";
@@ -234,6 +234,8 @@ export namespace Components {
          */
         "size"?: SwirlActionListItemSize;
         "suffix"?: string;
+        "swirlAriaDescribedby"?: string;
+        "swirlAriaDisabled"?: boolean;
         "swirlAriaExpanded"?: string;
         "swirlAriaHaspopup"?: string;
         /**
@@ -4313,10 +4315,6 @@ export namespace Components {
         "alignItems"?: string;
         "allowDrag"?: boolean;
         "allowHtml"?: boolean;
-        /**
-          * @default "Select"
-         */
-        "checkboxLabel"?: string;
         /**
           * @default false
          */
@@ -4361,10 +4359,6 @@ export namespace Components {
         "meta"?: string;
         "rel"?: SwirlResourceListItemRel;
         "selectable"?: boolean;
-        /**
-          * @default "row"
-         */
-        "selectionMode"?: SwirlResourceListItemSelectionMode;
         "swirlAriaCurrent"?: SwirlResourceListItemAriaCurrent;
         "swirlAriaLabel"?: string;
         "target"?: SwirlResourceListItemTarget;
@@ -9002,7 +8996,6 @@ declare global {
         new (): HTMLSwirlResourceListFileItemElement;
     };
     interface HTMLSwirlResourceListItemElementEventMap {
-        "activate": HTMLSwirlResourceListItemElement;
         "toggleDrag": HTMLSwirlResourceListItemElement;
         "valueChange": boolean;
     }
@@ -10782,6 +10775,8 @@ declare namespace LocalJSX {
          */
         "size"?: SwirlActionListItemSize;
         "suffix"?: string;
+        "swirlAriaDescribedby"?: string;
+        "swirlAriaDisabled"?: boolean;
         "swirlAriaExpanded"?: string;
         "swirlAriaHaspopup"?: string;
         /**
@@ -14744,10 +14739,6 @@ declare namespace LocalJSX {
         "alignItems"?: string;
         "allowDrag"?: boolean;
         "allowHtml"?: boolean;
-        /**
-          * @default "Select"
-         */
-        "checkboxLabel"?: string;
         /**
           * @default false
          */
@@ -14790,15 +14781,10 @@ declare namespace LocalJSX {
          */
         "menuTriggerLabel"?: string;
         "meta"?: string;
-        "onActivate"?: (event: SwirlResourceListItemCustomEvent<HTMLSwirlResourceListItemElement>) => void;
         "onToggleDrag"?: (event: SwirlResourceListItemCustomEvent<HTMLSwirlResourceListItemElement>) => void;
         "onValueChange"?: (event: SwirlResourceListItemCustomEvent<boolean>) => void;
         "rel"?: SwirlResourceListItemRel;
         "selectable"?: boolean;
-        /**
-          * @default "row"
-         */
-        "selectionMode"?: SwirlResourceListItemSelectionMode;
         "swirlAriaCurrent"?: SwirlResourceListItemAriaCurrent;
         "swirlAriaLabel"?: string;
         "target"?: SwirlResourceListItemTarget;
@@ -16337,6 +16323,8 @@ declare namespace LocalJSX {
         "intent": SwirlActionListItemIntent;
         "label": string;
         "size": SwirlActionListItemSize;
+        "swirlAriaDescribedby": string;
+        "swirlAriaDisabled": boolean;
         "swirlAriaExpanded": string;
         "swirlAriaHaspopup": string;
         "suffix": string;
@@ -18492,7 +18480,6 @@ declare namespace LocalJSX {
         "active": boolean;
         "allowDrag": boolean;
         "allowHtml": boolean;
-        "checkboxLabel": string;
         "checked": boolean;
         "compact": boolean;
         "description": string;
@@ -18516,7 +18503,6 @@ declare namespace LocalJSX {
         "meta": string;
         "rel": SwirlResourceListItemRel;
         "selectable": boolean;
-        "selectionMode": SwirlResourceListItemSelectionMode;
         "swirlAriaCurrent": SwirlResourceListItemAriaCurrent;
         "swirlAriaLabel": string;
         "target": SwirlResourceListItemTarget;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-ai",
-  "version": "0.529.0",
+  "version": "0.530.0",
   "description": "Swirl Design System AI package with artifacts for AI agents",
   "author": "Flip GmbH",
   "repository": {
@@ -26,7 +26,7 @@
     "lint": "tsc --noEmit"
   },
   "devDependencies": {
-    "@getflip/swirl-components": "0.529.0",
+    "@getflip/swirl-components": "0.530.0",
     "@getflip/swirl-tokens": "2.14.3",
     "@types/node": "25.3.0",
     "tsx": "^4.7.0",