@getflip/swirl-ai 0.521.0 → 0.523.0

package/dist/agent/components/swirl-icon-front-hand.md

@@ -0,0 +1,50 @@
+# `<swirl-icon-front-hand>`
+
+## Purpose
+
+Custom element: swirl-icon-front-hand.
+
+## 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-front-hand></swirl-icon-front-hand>
+```
+
+## 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/swirl-tab-bar.md

@@ -38,7 +38,7 @@ _None._
 
 - **[swirl-tabs](?path=/docs/components-swirltabs--docs)** (parent) — Tab
   container; `swirl-tab-bar` is typically used inside `swirl-tabs` to render the
-  tab strip.
+  tab bar.
 - **[swirl-tab](?path=/docs/components-swirltab--docs)** (sibling) — Tab panels;
   use alongside `swirl-tab-bar` when building a tabbed UI.
 
@@ -69,6 +69,7 @@ Keyboard behavior is defined by SwirlTabs (e.g. arrow keys for tab navigation).
     },
     {
       active: true,
+      badge: { intent: "info", label: "Batches running" },
       icon: &apos;<swirl-icon glyph="emoji-mood" size="20"></swirl-icon>&apos;,
       id: "tab2",
       label: "Another Tab",

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

@@ -15,6 +15,7 @@ The SwirlTab component is used to display a tab panel inside the [SwirlTabs comp
 - `icon` (string | undefined) – 
 - `padding` ("0" | "12" | "16" | "2" | "20" | "24" | "4" | "8" | undefined) – 
 - `tooltip` (string | undefined) – 
+- `badge` ({ intent?: SwirlBadgeIntent; label: string; } | undefined) – 
 
 ## Slots
 

package/dist/agent/components/swirl-tabs.md

@@ -33,7 +33,7 @@ _None._
 ## Related components
 
 - **[swirl-tab-bar](?path=/docs/components-swirltabbar--docs)** (child) —
-  Renders the tab strip; use inside `swirl-tabs`.
+  Renders the tab bar; use inside `swirl-tabs`.
 - **[swirl-tab](?path=/docs/components-swirltab--docs)** (child) — Tab panels;
   use as direct children of `swirl-tabs`.
 

package/dist/agent/components-index.json

@@ -662,6 +662,10 @@
       "tag": "swirl-icon-forward",
       "summary": "swirl-icon-forward"
     },
+    {
+      "tag": "swirl-icon-front-hand",
+      "summary": "swirl-icon-front-hand"
+    },
     {
       "tag": "swirl-icon-fullscreen",
       "summary": "swirl-icon-fullscreen"

package/dist/custom-elements.manifest.json

@@ -22724,6 +22724,117 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/swirl-icon/icons/swirl-icon-front-hand.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "swirl-icon-front-hand",
+          "name": "SwirlIconFrontHand",
+          "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": "SwirlIconFrontHand",
+          "declaration": {
+            "name": "SwirlIconFrontHand"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "swirl-icon-front-hand",
+          "declaration": {
+            "name": "SwirlIconFrontHand"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/swirl-icon/icons/swirl-icon-fullscreen.tsx",
@@ -60528,6 +60639,20 @@
               "readonly": true,
               "attribute": "active"
             },
+            {
+              "kind": "field",
+              "name": "badge",
+              "type": {
+                "text": "{ intent?: SwirlBadgeIntent; label: string; } | undefined",
+                "references": [
+                  {
+                    "name": "SwirlTabBarTabBadge",
+                    "module": "../swirl-tab-bar/swirl-tab-bar"
+                  }
+                ]
+              },
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "icon",

package/dist/types/components/swirl-icon/icons/swirl-icon-front-hand.d.ts

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

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

@@ -1,6 +1,8 @@
+import { SwirlTabBarTabBadge } from "../swirl-tab-bar/swirl-tab-bar";
 export type SwirlTabPadding = "0" | "2" | "4" | "8" | "12" | "16" | "20" | "24";
 export declare class SwirlTab {
     active?: boolean;
+    badge?: SwirlTabBarTabBadge;
     icon?: string;
     label: string;
     padding?: SwirlTabPadding;

package/dist/types/components/swirl-tab-bar/swirl-tab-bar.d.ts

@@ -1,6 +1,17 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+import { SwirlBadgeIntent } from "../swirl-badge/swirl-badge";
+/**
+ * A status badge on a tab. Renders as a dot; `label` is not shown but is
+ * announced as part of the tab's accessible name. A counted badge is not
+ * supported yet.
+ */
+export type SwirlTabBarTabBadge = {
+    intent?: SwirlBadgeIntent;
+    label: string;
+};
 export type SwirlTabBarTab = {
     active?: boolean;
+    badge?: SwirlTabBarTabBadge;
     icon?: string;
     id: string;
     label: string;

package/dist/types/components/swirl-tabs/swirl-tabs.stories.d.ts

@@ -11,3 +11,4 @@ declare const _default: {
 };
 export default _default;
 export declare const SwirlTabs: any;
+export declare const StatusBadges: any;

package/dist/types/components.d.ts

@@ -71,11 +71,11 @@ import { SwirlStackAlign, SwirlStackJustify, SwirlStackOrientation, SwirlStackSp
 import { SwirlStatusIndicatorIntent } from "./components/swirl-status-indicator/swirl-status-indicator";
 import { SwirlSwitchLabelPosition } from "./components/swirl-switch/swirl-switch";
 import { SwirlSymbolSize } from "./components/swirl-symbol/swirl-symbol.types";
+import { SwirlTabBarJustify as SwirlTabBarJustify1, SwirlTabBarPadding as SwirlTabBarPadding1, SwirlTabBarTabBadge, SwirlTabBarVariant as SwirlTabBarVariant1 } from "./components/swirl-tab-bar/swirl-tab-bar";
 import { SwirlTabPadding } from "./components/swirl-tab/swirl-tab";
 import { SwirlTabBarJustify, SwirlTabBarPadding, SwirlTabBarTab, SwirlTabBarVariant } from "./components/swirl-tab-bar/swirl-tab-bar";
 import { SwirlTableDropRowEvent } from "./components/swirl-table/swirl-table";
 import { SwirlTableColumnSort, SwirlTableColumnVariant } from "./components/swirl-table-column/swirl-table-column";
-import { SwirlTabBarJustify as SwirlTabBarJustify1, SwirlTabBarPadding as SwirlTabBarPadding1, SwirlTabBarVariant as SwirlTabBarVariant1 } from "./components/swirl-tab-bar/swirl-tab-bar";
 import { SwirlTagIconPosition, SwirlTagIntent, SwirlTagSize, SwirlTagVariant } from "./components/swirl-tag/swirl-tag";
 import { SwirlTextAlign, SwirlTextColor, SwirlTextFontFamily, SwirlTextFontStyle, SwirlTextSize, SwirlTextTruncateDirection, SwirlTextWeight, SwirlTextWhiteSpace } from "./components/swirl-text/swirl-text";
 import { SwirlTextInputFontSize, SwirlTextInputMode as SwirlTextInputMode1, SwirlTextInputType } from "./components/swirl-text-input/swirl-text-input";
@@ -155,11 +155,11 @@ export { SwirlStackAlign, SwirlStackJustify, SwirlStackOrientation, SwirlStackSp
 export { SwirlStatusIndicatorIntent } from "./components/swirl-status-indicator/swirl-status-indicator";
 export { SwirlSwitchLabelPosition } from "./components/swirl-switch/swirl-switch";
 export { SwirlSymbolSize } from "./components/swirl-symbol/swirl-symbol.types";
+export { SwirlTabBarJustify as SwirlTabBarJustify1, SwirlTabBarPadding as SwirlTabBarPadding1, SwirlTabBarTabBadge, SwirlTabBarVariant as SwirlTabBarVariant1 } from "./components/swirl-tab-bar/swirl-tab-bar";
 export { SwirlTabPadding } from "./components/swirl-tab/swirl-tab";
 export { SwirlTabBarJustify, SwirlTabBarPadding, SwirlTabBarTab, SwirlTabBarVariant } from "./components/swirl-tab-bar/swirl-tab-bar";
 export { SwirlTableDropRowEvent } from "./components/swirl-table/swirl-table";
 export { SwirlTableColumnSort, SwirlTableColumnVariant } from "./components/swirl-table-column/swirl-table-column";
-export { SwirlTabBarJustify as SwirlTabBarJustify1, SwirlTabBarPadding as SwirlTabBarPadding1, SwirlTabBarVariant as SwirlTabBarVariant1 } from "./components/swirl-tab-bar/swirl-tab-bar";
 export { SwirlTagIconPosition, SwirlTagIntent, SwirlTagSize, SwirlTagVariant } from "./components/swirl-tag/swirl-tag";
 export { SwirlTextAlign, SwirlTextColor, SwirlTextFontFamily, SwirlTextFontStyle, SwirlTextSize, SwirlTextTruncateDirection, SwirlTextWeight, SwirlTextWhiteSpace } from "./components/swirl-text/swirl-text";
 export { SwirlTextInputFontSize, SwirlTextInputMode as SwirlTextInputMode1, SwirlTextInputType } from "./components/swirl-text-input/swirl-text-input";
@@ -2127,6 +2127,14 @@ export namespace Components {
          */
         "size": SwirlIconSize;
     }
+    interface SwirlIconFrontHand {
+        "color"?: SwirlIconColor1;
+        "label"?: string;
+        /**
+          * @default 24
+         */
+        "size": SwirlIconSize;
+    }
     interface SwirlIconFullscreen {
         "color"?: SwirlIconColor1;
         "label"?: string;
@@ -5339,6 +5347,7 @@ export namespace Components {
     }
     interface SwirlTab {
         "active"?: boolean;
+        "badge"?: SwirlTabBarTabBadge;
         "icon"?: string;
         "label": string;
         /**
@@ -7363,6 +7372,12 @@ declare global {
         prototype: HTMLSwirlIconForwardElement;
         new (): HTMLSwirlIconForwardElement;
     };
+    interface HTMLSwirlIconFrontHandElement extends Components.SwirlIconFrontHand, HTMLStencilElement {
+    }
+    var HTMLSwirlIconFrontHandElement: {
+        prototype: HTMLSwirlIconFrontHandElement;
+        new (): HTMLSwirlIconFrontHandElement;
+    };
     interface HTMLSwirlIconFullscreenElement extends Components.SwirlIconFullscreen, HTMLStencilElement {
     }
     var HTMLSwirlIconFullscreenElement: {
@@ -10274,6 +10289,7 @@ declare global {
         "swirl-icon-format-list-bulleted": HTMLSwirlIconFormatListBulletedElement;
         "swirl-icon-format-list-numbered": HTMLSwirlIconFormatListNumberedElement;
         "swirl-icon-forward": HTMLSwirlIconForwardElement;
+        "swirl-icon-front-hand": HTMLSwirlIconFrontHandElement;
         "swirl-icon-fullscreen": HTMLSwirlIconFullscreenElement;
         "swirl-icon-fullscreen-exit": HTMLSwirlIconFullscreenExitElement;
         "swirl-icon-gif": HTMLSwirlIconGifElement;
@@ -12560,6 +12576,14 @@ declare namespace LocalJSX {
          */
         "size"?: SwirlIconSize;
     }
+    interface SwirlIconFrontHand {
+        "color"?: SwirlIconColor1;
+        "label"?: string;
+        /**
+          * @default 24
+         */
+        "size"?: SwirlIconSize;
+    }
     interface SwirlIconFullscreen {
         "color"?: SwirlIconColor1;
         "label"?: string;
@@ -15700,6 +15724,7 @@ declare namespace LocalJSX {
     }
     interface SwirlTab {
         "active"?: boolean;
+        "badge"?: SwirlTabBarTabBadge;
         "icon"?: string;
         "label": string;
         /**
@@ -17220,6 +17245,11 @@ declare namespace LocalJSX {
         "label": string;
         "size": SwirlIconSize;
     }
+    interface SwirlIconFrontHandAttributes {
+        "color": SwirlIconColor;
+        "label": string;
+        "size": SwirlIconSize;
+    }
     interface SwirlIconFullscreenAttributes {
         "color": SwirlIconColor;
         "label": string;
@@ -19256,6 +19286,7 @@ declare namespace LocalJSX {
         "swirl-icon-format-list-bulleted": Omit<SwirlIconFormatListBulleted, keyof SwirlIconFormatListBulletedAttributes> & { [K in keyof SwirlIconFormatListBulleted & keyof SwirlIconFormatListBulletedAttributes]?: SwirlIconFormatListBulleted[K] } & { [K in keyof SwirlIconFormatListBulleted & keyof SwirlIconFormatListBulletedAttributes as `attr:${K}`]?: SwirlIconFormatListBulletedAttributes[K] } & { [K in keyof SwirlIconFormatListBulleted & keyof SwirlIconFormatListBulletedAttributes as `prop:${K}`]?: SwirlIconFormatListBulleted[K] };
         "swirl-icon-format-list-numbered": Omit<SwirlIconFormatListNumbered, keyof SwirlIconFormatListNumberedAttributes> & { [K in keyof SwirlIconFormatListNumbered & keyof SwirlIconFormatListNumberedAttributes]?: SwirlIconFormatListNumbered[K] } & { [K in keyof SwirlIconFormatListNumbered & keyof SwirlIconFormatListNumberedAttributes as `attr:${K}`]?: SwirlIconFormatListNumberedAttributes[K] } & { [K in keyof SwirlIconFormatListNumbered & keyof SwirlIconFormatListNumberedAttributes as `prop:${K}`]?: SwirlIconFormatListNumbered[K] };
         "swirl-icon-forward": Omit<SwirlIconForward, keyof SwirlIconForwardAttributes> & { [K in keyof SwirlIconForward & keyof SwirlIconForwardAttributes]?: SwirlIconForward[K] } & { [K in keyof SwirlIconForward & keyof SwirlIconForwardAttributes as `attr:${K}`]?: SwirlIconForwardAttributes[K] } & { [K in keyof SwirlIconForward & keyof SwirlIconForwardAttributes as `prop:${K}`]?: SwirlIconForward[K] };
+        "swirl-icon-front-hand": Omit<SwirlIconFrontHand, keyof SwirlIconFrontHandAttributes> & { [K in keyof SwirlIconFrontHand & keyof SwirlIconFrontHandAttributes]?: SwirlIconFrontHand[K] } & { [K in keyof SwirlIconFrontHand & keyof SwirlIconFrontHandAttributes as `attr:${K}`]?: SwirlIconFrontHandAttributes[K] } & { [K in keyof SwirlIconFrontHand & keyof SwirlIconFrontHandAttributes as `prop:${K}`]?: SwirlIconFrontHand[K] };
         "swirl-icon-fullscreen": Omit<SwirlIconFullscreen, keyof SwirlIconFullscreenAttributes> & { [K in keyof SwirlIconFullscreen & keyof SwirlIconFullscreenAttributes]?: SwirlIconFullscreen[K] } & { [K in keyof SwirlIconFullscreen & keyof SwirlIconFullscreenAttributes as `attr:${K}`]?: SwirlIconFullscreenAttributes[K] } & { [K in keyof SwirlIconFullscreen & keyof SwirlIconFullscreenAttributes as `prop:${K}`]?: SwirlIconFullscreen[K] };
         "swirl-icon-fullscreen-exit": Omit<SwirlIconFullscreenExit, keyof SwirlIconFullscreenExitAttributes> & { [K in keyof SwirlIconFullscreenExit & keyof SwirlIconFullscreenExitAttributes]?: SwirlIconFullscreenExit[K] } & { [K in keyof SwirlIconFullscreenExit & keyof SwirlIconFullscreenExitAttributes as `attr:${K}`]?: SwirlIconFullscreenExitAttributes[K] } & { [K in keyof SwirlIconFullscreenExit & keyof SwirlIconFullscreenExitAttributes as `prop:${K}`]?: SwirlIconFullscreenExit[K] };
         "swirl-icon-gif": Omit<SwirlIconGif, keyof SwirlIconGifAttributes> & { [K in keyof SwirlIconGif & keyof SwirlIconGifAttributes]?: SwirlIconGif[K] } & { [K in keyof SwirlIconGif & keyof SwirlIconGifAttributes as `attr:${K}`]?: SwirlIconGifAttributes[K] } & { [K in keyof SwirlIconGif & keyof SwirlIconGifAttributes as `prop:${K}`]?: SwirlIconGif[K] };
@@ -19812,6 +19843,7 @@ declare module "@stencil/core" {
             "swirl-icon-format-list-bulleted": LocalJSX.IntrinsicElements["swirl-icon-format-list-bulleted"] & JSXBase.HTMLAttributes<HTMLSwirlIconFormatListBulletedElement>;
             "swirl-icon-format-list-numbered": LocalJSX.IntrinsicElements["swirl-icon-format-list-numbered"] & JSXBase.HTMLAttributes<HTMLSwirlIconFormatListNumberedElement>;
             "swirl-icon-forward": LocalJSX.IntrinsicElements["swirl-icon-forward"] & JSXBase.HTMLAttributes<HTMLSwirlIconForwardElement>;
+            "swirl-icon-front-hand": LocalJSX.IntrinsicElements["swirl-icon-front-hand"] & JSXBase.HTMLAttributes<HTMLSwirlIconFrontHandElement>;
             "swirl-icon-fullscreen": LocalJSX.IntrinsicElements["swirl-icon-fullscreen"] & JSXBase.HTMLAttributes<HTMLSwirlIconFullscreenElement>;
             "swirl-icon-fullscreen-exit": LocalJSX.IntrinsicElements["swirl-icon-fullscreen-exit"] & JSXBase.HTMLAttributes<HTMLSwirlIconFullscreenExitElement>;
             "swirl-icon-gif": LocalJSX.IntrinsicElements["swirl-icon-gif"] & JSXBase.HTMLAttributes<HTMLSwirlIconGifElement>;

package/package.json

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