@getflip/swirl-ai 0.522.0 → 0.523.0

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/custom-elements.manifest.json

@@ -60639,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-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";
@@ -5347,6 +5347,7 @@ export namespace Components {
     }
     interface SwirlTab {
         "active"?: boolean;
+        "badge"?: SwirlTabBarTabBadge;
         "icon"?: string;
         "label": string;
         /**
@@ -15723,6 +15724,7 @@ declare namespace LocalJSX {
     }
     interface SwirlTab {
         "active"?: boolean;
+        "badge"?: SwirlTabBarTabBadge;
         "icon"?: string;
         "label": string;
         /**

package/package.json

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