@getflip/swirl-ai 0.526.0 → 0.528.0

package/dist/agent/components/swirl-data-cell.md

@@ -10,8 +10,12 @@ _None._
 
 ## Optional props
 
+- `href` (string | undefined) – 
 - `intent` ("critical" | "default" | "info" | "special" | "subdued" | "success" | "translucent" | "warning" | undefined) – 
+- `interactive` (boolean | undefined) – 
 - `label` (string | undefined) – 
+- `linkTarget` (string | undefined) – 
+- `size` ("m" | "s" | undefined) – 
 - `tooltip` (string | undefined) – 
 - `value` (string | undefined) – 
 - `vertical` (boolean | undefined) – 
@@ -40,22 +44,31 @@ _None._
 
 ### ARIA
 
-The component structures label-value pairs for assistive technologies.
-
-| ARIA                | Usage                                                             |
-| ------------------- | ----------------------------------------------------------------- |
-| `role="group"`      | Set on the host when `swirl-data-cell` is used standalone.        |
-| `role="listitem"`   | Set on the host when `swirl-data-cell` is used in a stack/list.   |
-| `role="term"`       | Set on the label element.                                         |
-| `role="definition"` | Set on the value/definition container.                            |
-| `aria-labelledby`   | Set on the definition, referencing the label ID.                  |
-| `aria-hidden`       | Set on the media container when present.                          |
-| `role="button"`     | Optional; set when the cell contains a checkbox or radio control. |
+The component structures label-value pairs for assistive technologies. When
+`interactive` or `href` is set, the cell renders as a native button or link
+instead, so the `term`/`definition` roles are omitted — a button/link already
+computes its accessible name from its contents.
+
+| ARIA                | Usage                                                                                    |
+| ------------------- | ----------------------------------------------------------------------------------------- |
+| `role="group"`      | Set on the host when `swirl-data-cell` is used standalone.                               |
+| `role="listitem"`   | Set on the host when `swirl-data-cell` is used in a stack/list.                          |
+| `role="term"`       | Set on the label element (omitted when `interactive`/`href` is set).                      |
+| `role="definition"` | Set on the value/definition container (omitted when `interactive`/`href` is set).         |
+| `aria-labelledby`   | Set on the definition, referencing the label ID (omitted when `interactive`/`href` is set). |
+| `aria-hidden`       | Set on the media container when present.                                                  |
+| `role="button"`     | Optional; set when the cell contains a checkbox or radio control.                        |
 
 ### Keyboard
 
-Keyboard behavior is determined by slotted content (e.g. form controls). No
-component-specific shortcuts.
+Keyboard behavior is determined by slotted content (e.g. form controls), plus
+the following when `interactive` or `href` is set:
+
+| Key             | Action                                    |
+| --------------- | ------------------------------------------ |
+| <kbd>TAB</kbd>  | Moves focus to/from the cell.              |
+| <kbd>ENTER</kbd> | Activates the interactive cell or link.   |
+| <kbd>SPACE</kbd> | Activates the interactive cell (buttons only). |
 
 ## Minimal example
 

package/dist/agent/components/swirl-icon-tab-move.md

@@ -0,0 +1,50 @@
+# `<swirl-icon-tab-move>`
+
+## Purpose
+
+Custom element: swirl-icon-tab-move.
+
+## Required props
+
+_None._
+
+## Optional props
+
+- `color` ("critical" | "default" | "disabled" | "highlight" | "info" | "on-action-primary" | "on-image" | "on-status" | "on-surface-highlight" | "on-surface-highlight-subdued" | "strong" | "success" | "warning" | undefined) – 
+- `label` (string | undefined) – 
+- `size` (16 | 20 | 24 | 28 | undefined) – 
+
+## Slots
+
+_None._
+
+## Events
+
+_None._
+
+## Methods
+
+_None._
+
+## Related components
+
+_See description for usage context._
+
+## Accessibility
+
+_See full docs for accessibility details._
+
+## Minimal example
+
+```html
+<swirl-icon-tab-move></swirl-icon-tab-move>
+```
+
+## Usage example
+
+_No usage example in docs._
+
+## Common mistakes
+
+- Ensure required props are set.
+- Use only allowed slot names and child components where documented.

package/dist/agent/components-index.json

@@ -1222,6 +1222,10 @@
       "tag": "swirl-icon-sync",
       "summary": "swirl-icon-sync"
     },
+    {
+      "tag": "swirl-icon-tab-move",
+      "summary": "swirl-icon-tab-move"
+    },
     {
       "tag": "swirl-icon-tasks",
       "summary": "swirl-icon-tasks"

package/dist/custom-elements.manifest.json

@@ -6915,6 +6915,13 @@
           "tagName": "swirl-data-cell",
           "name": "SwirlDataCell",
           "attributes": [
+            {
+              "name": "href",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "href"
+            },
             {
               "name": "intent",
               "type": {
@@ -6928,6 +6935,14 @@
               "default": "\"default\"",
               "fieldName": "intent"
             },
+            {
+              "name": "interactive",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "default": "false",
+              "fieldName": "interactive"
+            },
             {
               "name": "label",
               "type": {
@@ -6935,6 +6950,26 @@
               },
               "fieldName": "label"
             },
+            {
+              "name": "link-target",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "linkTarget"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "\"m\" | \"s\" | undefined",
+                "references": [
+                  {
+                    "name": "SwirlDataCellSize"
+                  }
+                ]
+              },
+              "default": "\"m\"",
+              "fieldName": "size"
+            },
             {
               "name": "tooltip",
               "type": {
@@ -6959,6 +6994,15 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string | undefined"
+              },
+              "readonly": true,
+              "attribute": "href"
+            },
             {
               "kind": "field",
               "name": "intent",
@@ -6974,6 +7018,16 @@
               "readonly": true,
               "attribute": "intent"
             },
+            {
+              "kind": "field",
+              "name": "interactive",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "default": "false",
+              "readonly": true,
+              "attribute": "interactive"
+            },
             {
               "kind": "field",
               "name": "label",
@@ -6983,6 +7037,31 @@
               "readonly": true,
               "attribute": "label"
             },
+            {
+              "kind": "field",
+              "name": "linkTarget",
+              "type": {
+                "text": "string | undefined"
+              },
+              "readonly": true,
+              "attribute": "link-target"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "\"m\" | \"s\" | undefined",
+                "references": [
+                  {
+                    "name": "SwirlDataCellSize"
+                  }
+                ]
+              },
+              "default": "\"m\"",
+              "readonly": true,
+              "attribute": "size",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "tooltip",
@@ -7045,7 +7124,7 @@
               "name": "data-cell"
             }
           ],
-          "description": "The SwirlDataCell component displays a label-value pair with optional media slot (e.g., swirl-avatar, icons), tooltip support with an info icon, and a suffix slot for additional content. It also supports interactive form controls through the content slot, allowing for editable data cells with inputs and selects.\n\nAccessibility\n\n### ARIA\n\nThe component structures label-value pairs for assistive technologies.\n\n| ARIA                | Usage                                                             |\n| ------------------- | ----------------------------------------------------------------- |\n| `role=\"group\"`      | Set on the host when `swirl-data-cell` is used standalone.        |\n| `role=\"listitem\"`   | Set on the host when `swirl-data-cell` is used in a stack/list.   |\n| `role=\"term\"`       | Set on the label element.                                         |\n| `role=\"definition\"` | Set on the value/definition container.                            |\n| `aria-labelledby`   | Set on the definition, referencing the label ID.                  |\n| `aria-hidden`       | Set on the media container when present.                          |\n| `role=\"button\"`     | Optional; set when the cell contains a checkbox or radio control. |\n\n### Keyboard\n\nKeyboard behavior is determined by slotted content (e.g. form controls). No\ncomponent-specific shortcuts."
+          "description": "The SwirlDataCell component displays a label-value pair with optional media slot (e.g., swirl-avatar, icons), tooltip support with an info icon, and a suffix slot for additional content. It also supports interactive form controls through the content slot, allowing for editable data cells with inputs and selects.\n\nAccessibility\n\n### ARIA\n\nThe component structures label-value pairs for assistive technologies. When\n`interactive` or `href` is set, the cell renders as a native button or link\ninstead, so the `term`/`definition` roles are omitted — a button/link already\ncomputes its accessible name from its contents.\n\n| ARIA                | Usage                                                                                    |\n| ------------------- | ----------------------------------------------------------------------------------------- |\n| `role=\"group\"`      | Set on the host when `swirl-data-cell` is used standalone.                               |\n| `role=\"listitem\"`   | Set on the host when `swirl-data-cell` is used in a stack/list.                          |\n| `role=\"term\"`       | Set on the label element (omitted when `interactive`/`href` is set).                      |\n| `role=\"definition\"` | Set on the value/definition container (omitted when `interactive`/`href` is set).         |\n| `aria-labelledby`   | Set on the definition, referencing the label ID (omitted when `interactive`/`href` is set). |\n| `aria-hidden`       | Set on the media container when present.                                                  |\n| `role=\"button\"`     | Optional; set when the cell contains a checkbox or radio control.                        |\n\n### Keyboard\n\nKeyboard behavior is determined by slotted content (e.g. form controls), plus\nthe following when `interactive` or `href` is set:\n\n| Key             | Action                                    |\n| --------------- | ------------------------------------------ |\n| <kbd>TAB</kbd>  | Moves focus to/from the cell.              |\n| <kbd>ENTER</kbd> | Activates the interactive cell or link.   |\n| <kbd>SPACE</kbd> | Activates the interactive cell (buttons only). |"
         }
       ],
       "exports": [
@@ -38283,6 +38362,117 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/swirl-icon/icons/swirl-icon-tab-move.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "swirl-icon-tab-move",
+          "name": "SwirlIconTabMove",
+          "attributes": [
+            {
+              "name": "color",
+              "type": {
+                "text": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\" | undefined",
+                "references": [
+                  {
+                    "name": "SwirlIconColor",
+                    "module": "../swirl-icon"
+                  }
+                ]
+              },
+              "fieldName": "color"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "label"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "16 | 20 | 24 | 28 | undefined",
+                "references": [
+                  {
+                    "name": "SwirlIconSize",
+                    "module": "../swirl-icon.types"
+                  }
+                ]
+              },
+              "default": "24",
+              "fieldName": "size"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "\"critical\" | \"default\" | \"disabled\" | \"highlight\" | \"info\" | \"on-action-primary\" | \"on-image\" | \"on-status\" | \"on-surface-highlight\" | \"on-surface-highlight-subdued\" | \"strong\" | \"success\" | \"warning\" | undefined",
+                "references": [
+                  {
+                    "name": "SwirlIconColor",
+                    "module": "../swirl-icon"
+                  }
+                ]
+              },
+              "readonly": true,
+              "attribute": "color"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "readonly": true,
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "16 | 20 | 24 | 28 | undefined",
+                "references": [
+                  {
+                    "name": "SwirlIconSize",
+                    "module": "../swirl-icon.types"
+                  }
+                ]
+              },
+              "default": "24",
+              "readonly": true,
+              "attribute": "size"
+            }
+          ],
+          "cssParts": [
+            {
+              "name": "icon"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SwirlIconTabMove",
+          "declaration": {
+            "name": "SwirlIconTabMove"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "swirl-icon-tab-move",
+          "declaration": {
+            "name": "SwirlIconTabMove"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/swirl-icon/icons/swirl-icon-tasks.tsx",

package/dist/types/components/swirl-data-cell/swirl-data-cell.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 export type SwirlDataCellIntent = "default" | "critical" | "warning" | "success" | "info" | "special" | "translucent" | "subdued";
+export type SwirlDataCellSize = "s" | "m";
 /**
  * @slot media - Optional media content (e.g., swirl-avatar, icons). Only swirl-avatar and icon elements are styled.
  * @slot content - Optional content element (e.g., swirl-text-input, swirl-select). When provided, the value prop is ignored. Content automatically takes 100% width when no label is present.
@@ -7,8 +8,12 @@ export type SwirlDataCellIntent = "default" | "critical" | "warning" | "success"
  */
 export declare class SwirlDataCell {
     el: HTMLElement;
+    href?: string;
     intent?: SwirlDataCellIntent;
+    interactive?: boolean;
     label?: string;
+    linkTarget?: string;
+    size?: SwirlDataCellSize;
     tooltip?: string;
     value?: string;
     vertical?: boolean;

package/dist/types/components/swirl-data-cell/swirl-data-cell.stories.d.ts

@@ -15,4 +15,5 @@ export declare const MultipleCells: () => HTMLElement;
 export declare const WithInput: () => HTMLElement;
 export declare const WithSelect: () => HTMLElement;
 export declare const WithCheckbox: () => HTMLElement;
+export declare const InteractiveCompactCells: () => HTMLElement;
 export declare const WithRadioButton: () => HTMLElement;

package/dist/types/components/swirl-file-viewer/viewers/swirl-file-viewer-pdf/swirl-file-viewer-pdf.d.ts

@@ -65,6 +65,7 @@ export declare class SwirlFileViewerPdf {
     private renderTextLayer;
     private renderAnnotationLayer;
     private scrollToPage;
+    private getPrintPages;
     private openPrintDialog;
     private getScale;
     private getPrintScale;

package/dist/types/components/swirl-icon/icons/swirl-icon-tab-move.d.ts

@@ -0,0 +1,8 @@
+import { SwirlIconSize } from "../swirl-icon.types";
+import { SwirlIconColor } from "../swirl-icon";
+export declare class SwirlIconTabMove {
+    color?: SwirlIconColor;
+    label?: string;
+    size: SwirlIconSize;
+    render(): any;
+}

package/dist/types/components/swirl-modal/swirl-modal.d.ts

@@ -112,6 +112,7 @@ export declare class SwirlModal {
     private determineMainScrollStatus;
     private determineSidebarScrollStatus;
     private handleAutoFocus;
+    private focusIsInsideContent;
     private lockBodyScroll;
     private setupMutationObserver;
     private unlockBodyScroll;

package/dist/types/components.d.ts

@@ -25,7 +25,7 @@ import { SwirlCarouselFadeColor, SwirlCarouselPadding, SwirlCarouselSpacing } fr
 import { SwirlCheckboxLabelWeight, SwirlCheckboxState, SwirlCheckboxVariant } from "./components/swirl-checkbox/swirl-checkbox";
 import { SwirlChipIconColor, SwirlChipIntent } from "./components/swirl-chip/swirl-chip";
 import { SwirlColumnsSpacing } from "./components/swirl-columns/swirl-columns";
-import { SwirlDataCellIntent } from "./components/swirl-data-cell/swirl-data-cell";
+import { SwirlDataCellIntent, SwirlDataCellSize } from "./components/swirl-data-cell/swirl-data-cell";
 import { WCDatepickerLabels } from "wc-datepicker/dist/types/components/wc-datepicker/wc-datepicker";
 import { SwirlButtonGroupOrientation as SwirlButtonGroupOrientation1 } from "./components/swirl-button-group/swirl-button-group";
 import { SwirlDialogIntent, SwirlDialogSize } from "./components/swirl-dialog/swirl-dialog";
@@ -109,7 +109,7 @@ export { SwirlCarouselFadeColor, SwirlCarouselPadding, SwirlCarouselSpacing } fr
 export { SwirlCheckboxLabelWeight, SwirlCheckboxState, SwirlCheckboxVariant } from "./components/swirl-checkbox/swirl-checkbox";
 export { SwirlChipIconColor, SwirlChipIntent } from "./components/swirl-chip/swirl-chip";
 export { SwirlColumnsSpacing } from "./components/swirl-columns/swirl-columns";
-export { SwirlDataCellIntent } from "./components/swirl-data-cell/swirl-data-cell";
+export { SwirlDataCellIntent, SwirlDataCellSize } from "./components/swirl-data-cell/swirl-data-cell";
 export { WCDatepickerLabels } from "wc-datepicker/dist/types/components/wc-datepicker/wc-datepicker";
 export { SwirlButtonGroupOrientation as SwirlButtonGroupOrientation1 } from "./components/swirl-button-group/swirl-button-group";
 export { SwirlDialogIntent, SwirlDialogSize } from "./components/swirl-dialog/swirl-dialog";
@@ -838,11 +838,21 @@ export namespace Components {
         "toggleSidebar": () => Promise<void>;
     }
     interface SwirlDataCell {
+        "href"?: string;
         /**
           * @default "default"
          */
         "intent"?: SwirlDataCellIntent;
+        /**
+          * @default false
+         */
+        "interactive"?: boolean;
         "label"?: string;
+        "linkTarget"?: string;
+        /**
+          * @default "m"
+         */
+        "size"?: SwirlDataCellSize;
         "tooltip"?: string;
         "value"?: string;
         /**
@@ -3248,6 +3258,14 @@ export namespace Components {
          */
         "size": SwirlIconSize;
     }
+    interface SwirlIconTabMove {
+        "color"?: SwirlIconColor1;
+        "label"?: string;
+        /**
+          * @default 24
+         */
+        "size": SwirlIconSize;
+    }
     interface SwirlIconTasks {
         "color"?: SwirlIconColor1;
         "label"?: string;
@@ -8230,6 +8248,12 @@ declare global {
         prototype: HTMLSwirlIconSyncElement;
         new (): HTMLSwirlIconSyncElement;
     };
+    interface HTMLSwirlIconTabMoveElement extends Components.SwirlIconTabMove, HTMLStencilElement {
+    }
+    var HTMLSwirlIconTabMoveElement: {
+        prototype: HTMLSwirlIconTabMoveElement;
+        new (): HTMLSwirlIconTabMoveElement;
+    };
     interface HTMLSwirlIconTasksElement extends Components.SwirlIconTasks, HTMLStencilElement {
     }
     var HTMLSwirlIconTasksElement: {
@@ -10454,6 +10478,7 @@ declare global {
         "swirl-icon-sunny": HTMLSwirlIconSunnyElement;
         "swirl-icon-swap-vert": HTMLSwirlIconSwapVertElement;
         "swirl-icon-sync": HTMLSwirlIconSyncElement;
+        "swirl-icon-tab-move": HTMLSwirlIconTabMoveElement;
         "swirl-icon-tasks": HTMLSwirlIconTasksElement;
         "swirl-icon-tasks-filled": HTMLSwirlIconTasksFilledElement;
         "swirl-icon-terminal": HTMLSwirlIconTerminalElement;
@@ -11334,12 +11359,22 @@ declare namespace LocalJSX {
         "subheading"?: string;
     }
     interface SwirlDataCell {
+        "href"?: string;
         /**
           * @default "default"
          */
         "intent"?: SwirlDataCellIntent;
+        /**
+          * @default false
+         */
+        "interactive"?: boolean;
         "label"?: string;
+        "linkTarget"?: string;
         "onValueChange"?: (event: SwirlDataCellCustomEvent<MouseEvent>) => void;
+        /**
+          * @default "m"
+         */
+        "size"?: SwirlDataCellSize;
         "tooltip"?: string;
         "value"?: string;
         /**
@@ -13723,6 +13758,14 @@ declare namespace LocalJSX {
          */
         "size"?: SwirlIconSize;
     }
+    interface SwirlIconTabMove {
+        "color"?: SwirlIconColor1;
+        "label"?: string;
+        /**
+          * @default 24
+         */
+        "size"?: SwirlIconSize;
+    }
     interface SwirlIconTasks {
         "color"?: SwirlIconColor1;
         "label"?: string;
@@ -16579,8 +16622,12 @@ declare namespace LocalJSX {
         "hideContentHeader": boolean;
     }
     interface SwirlDataCellAttributes {
+        "href": string;
         "intent": SwirlDataCellIntent;
+        "interactive": boolean;
         "label": string;
+        "linkTarget": string;
+        "size": SwirlDataCellSize;
         "tooltip": string;
         "value": string;
         "vertical": boolean;
@@ -17991,6 +18038,11 @@ declare namespace LocalJSX {
         "label": string;
         "size": SwirlIconSize;
     }
+    interface SwirlIconTabMoveAttributes {
+        "color": SwirlIconColor;
+        "label": string;
+        "size": SwirlIconSize;
+    }
     interface SwirlIconTasksAttributes {
         "color": SwirlIconColor;
         "label": string;
@@ -19480,6 +19532,7 @@ declare namespace LocalJSX {
         "swirl-icon-sunny": Omit<SwirlIconSunny, keyof SwirlIconSunnyAttributes> & { [K in keyof SwirlIconSunny & keyof SwirlIconSunnyAttributes]?: SwirlIconSunny[K] } & { [K in keyof SwirlIconSunny & keyof SwirlIconSunnyAttributes as `attr:${K}`]?: SwirlIconSunnyAttributes[K] } & { [K in keyof SwirlIconSunny & keyof SwirlIconSunnyAttributes as `prop:${K}`]?: SwirlIconSunny[K] };
         "swirl-icon-swap-vert": Omit<SwirlIconSwapVert, keyof SwirlIconSwapVertAttributes> & { [K in keyof SwirlIconSwapVert & keyof SwirlIconSwapVertAttributes]?: SwirlIconSwapVert[K] } & { [K in keyof SwirlIconSwapVert & keyof SwirlIconSwapVertAttributes as `attr:${K}`]?: SwirlIconSwapVertAttributes[K] } & { [K in keyof SwirlIconSwapVert & keyof SwirlIconSwapVertAttributes as `prop:${K}`]?: SwirlIconSwapVert[K] };
         "swirl-icon-sync": Omit<SwirlIconSync, keyof SwirlIconSyncAttributes> & { [K in keyof SwirlIconSync & keyof SwirlIconSyncAttributes]?: SwirlIconSync[K] } & { [K in keyof SwirlIconSync & keyof SwirlIconSyncAttributes as `attr:${K}`]?: SwirlIconSyncAttributes[K] } & { [K in keyof SwirlIconSync & keyof SwirlIconSyncAttributes as `prop:${K}`]?: SwirlIconSync[K] };
+        "swirl-icon-tab-move": Omit<SwirlIconTabMove, keyof SwirlIconTabMoveAttributes> & { [K in keyof SwirlIconTabMove & keyof SwirlIconTabMoveAttributes]?: SwirlIconTabMove[K] } & { [K in keyof SwirlIconTabMove & keyof SwirlIconTabMoveAttributes as `attr:${K}`]?: SwirlIconTabMoveAttributes[K] } & { [K in keyof SwirlIconTabMove & keyof SwirlIconTabMoveAttributes as `prop:${K}`]?: SwirlIconTabMove[K] };
         "swirl-icon-tasks": Omit<SwirlIconTasks, keyof SwirlIconTasksAttributes> & { [K in keyof SwirlIconTasks & keyof SwirlIconTasksAttributes]?: SwirlIconTasks[K] } & { [K in keyof SwirlIconTasks & keyof SwirlIconTasksAttributes as `attr:${K}`]?: SwirlIconTasksAttributes[K] } & { [K in keyof SwirlIconTasks & keyof SwirlIconTasksAttributes as `prop:${K}`]?: SwirlIconTasks[K] };
         "swirl-icon-tasks-filled": Omit<SwirlIconTasksFilled, keyof SwirlIconTasksFilledAttributes> & { [K in keyof SwirlIconTasksFilled & keyof SwirlIconTasksFilledAttributes]?: SwirlIconTasksFilled[K] } & { [K in keyof SwirlIconTasksFilled & keyof SwirlIconTasksFilledAttributes as `attr:${K}`]?: SwirlIconTasksFilledAttributes[K] } & { [K in keyof SwirlIconTasksFilled & keyof SwirlIconTasksFilledAttributes as `prop:${K}`]?: SwirlIconTasksFilled[K] };
         "swirl-icon-terminal": Omit<SwirlIconTerminal, keyof SwirlIconTerminalAttributes> & { [K in keyof SwirlIconTerminal & keyof SwirlIconTerminalAttributes]?: SwirlIconTerminal[K] } & { [K in keyof SwirlIconTerminal & keyof SwirlIconTerminalAttributes as `attr:${K}`]?: SwirlIconTerminalAttributes[K] } & { [K in keyof SwirlIconTerminal & keyof SwirlIconTerminalAttributes as `prop:${K}`]?: SwirlIconTerminal[K] };
@@ -20038,6 +20091,7 @@ declare module "@stencil/core" {
             "swirl-icon-sunny": LocalJSX.IntrinsicElements["swirl-icon-sunny"] & JSXBase.HTMLAttributes<HTMLSwirlIconSunnyElement>;
             "swirl-icon-swap-vert": LocalJSX.IntrinsicElements["swirl-icon-swap-vert"] & JSXBase.HTMLAttributes<HTMLSwirlIconSwapVertElement>;
             "swirl-icon-sync": LocalJSX.IntrinsicElements["swirl-icon-sync"] & JSXBase.HTMLAttributes<HTMLSwirlIconSyncElement>;
+            "swirl-icon-tab-move": LocalJSX.IntrinsicElements["swirl-icon-tab-move"] & JSXBase.HTMLAttributes<HTMLSwirlIconTabMoveElement>;
             "swirl-icon-tasks": LocalJSX.IntrinsicElements["swirl-icon-tasks"] & JSXBase.HTMLAttributes<HTMLSwirlIconTasksElement>;
             "swirl-icon-tasks-filled": LocalJSX.IntrinsicElements["swirl-icon-tasks-filled"] & JSXBase.HTMLAttributes<HTMLSwirlIconTasksFilledElement>;
             "swirl-icon-terminal": LocalJSX.IntrinsicElements["swirl-icon-terminal"] & JSXBase.HTMLAttributes<HTMLSwirlIconTerminalElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-ai",
-  "version": "0.526.0",
+  "version": "0.528.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.526.0",
+    "@getflip/swirl-components": "0.528.0",
     "@getflip/swirl-tokens": "2.14.3",
     "@types/node": "25.3.0",
     "tsx": "^4.7.0",