@getflip/swirl-ai 0.496.0 → 0.498.0

package/dist/agent/components/swirl-icon-rocket-launch.md

@@ -0,0 +1,50 @@
+# `<swirl-icon-rocket-launch>`
+
+## Purpose
+
+Custom element: swirl-icon-rocket-launch.
+
+## 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-rocket-launch></swirl-icon-rocket-launch>
+```
+
+## 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-tree-navigation-item.md

@@ -23,7 +23,7 @@ The SwirlTreeNavigationItem component is used to for the main navigation of the
 
 ## Slots
 
-_None._
+- **`custom-icon`** – Custom icon element that takes precedence over the icon prop.
 
 ## Events
 

package/dist/agent/components-index.json

@@ -1090,6 +1090,10 @@
       "tag": "swirl-icon-roadmap",
       "summary": "swirl-icon-roadmap"
     },
+    {
+      "tag": "swirl-icon-rocket-launch",
+      "summary": "swirl-icon-rocket-launch"
+    },
     {
       "tag": "swirl-icon-rotate-left",
       "summary": "swirl-icon-rotate-left"

package/dist/custom-elements.manifest.json

@@ -34593,6 +34593,117 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/swirl-icon/icons/swirl-icon-rocket-launch.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "swirl-icon-rocket-launch",
+          "name": "SwirlIconRocketLaunch",
+          "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": "SwirlIconRocketLaunch",
+          "declaration": {
+            "name": "SwirlIconRocketLaunch"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "swirl-icon-rocket-launch",
+          "declaration": {
+            "name": "SwirlIconRocketLaunch"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/swirl-icon/icons/swirl-icon-rotate-left.tsx",
@@ -62636,6 +62747,12 @@
               }
             }
           ],
+          "slots": [
+            {
+              "name": "custom-icon",
+              "description": "Custom icon element that takes precedence over the icon prop."
+            }
+          ],
           "description": "The SwirlTreeNavigationItem component is used to for the main navigation of the Flip Admin tools.\n\nAccessibility\n\n### ARIA\n\nThe component follows the\n[WAI-ARIA Tree View Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/treeview/).\n\n| ARIA              | Usage                                                                  |\n| ----------------- | ---------------------------------------------------------------------- |\n| `role=\"treeitem\"` | Set on the list item.                                                  |\n| `aria-expanded`   | Set when the item has children; indicates expanded or collapsed state. |\n| `aria-level`      | Indicates the nesting level.                                           |\n| `aria-controls`   | When the item has children, references the ID of the child group.      |\n| `aria-current`    | Set to `\"page\"` when the item is active.                               |\n| `role=\"group\"`    | Set on the child list when the item has children.                      |\n| `aria-label`      | Used on icons (e.g. expand, external link) for screen readers.         |\n\n### Keyboard\n\n| Key                    | Action                                                               |\n| ---------------------- | -------------------------------------------------------------------- |\n| <kbd>Enter</kbd>       | Activates the link or button (navigate or toggle).                   |\n| <kbd>Space</kbd>       | Toggles expanded state when the item has children and is expandable. |\n| <kbd>Arrow Right</kbd> | Expands the item when it has children and is collapsed.              |\n| <kbd>Arrow Left</kbd>  | Collapses the item when it is expanded.                              |"
         }
       ],

package/dist/types/components/swirl-icon/icons/swirl-icon-rocket-launch.d.ts

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

package/dist/types/components/swirl-tree-navigation-item/swirl-tree-navigation-item.d.ts

@@ -1,4 +1,7 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+/**
+ * @slot custom-icon - Custom icon element that takes precedence over the icon prop.
+ */
 export declare class SwirlTreeNavigationItem {
     el: HTMLSwirlTreeNavigationItemElement;
     active?: boolean;
@@ -15,6 +18,7 @@ export declare class SwirlTreeNavigationItem {
     expansionChange: EventEmitter<boolean>;
     expanded: boolean;
     hasChildren: boolean;
+    hasCustomIcon: boolean;
     childrenHeight: string;
     private buttonId;
     private childrenId;

package/dist/types/components/swirl-tree-navigation-item/swirl-tree-navigation-item.stories.d.ts

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

package/dist/types/components.d.ts

@@ -2996,6 +2996,14 @@ export namespace Components {
          */
         "size": SwirlIconSize;
     }
+    interface SwirlIconRocketLaunch {
+        "color"?: SwirlIconColor1;
+        "label"?: string;
+        /**
+          * @default 24
+         */
+        "size": SwirlIconSize;
+    }
     interface SwirlIconRotateLeft {
         "color"?: SwirlIconColor1;
         "label"?: string;
@@ -7836,6 +7844,12 @@ declare global {
         prototype: HTMLSwirlIconRoadmapElement;
         new (): HTMLSwirlIconRoadmapElement;
     };
+    interface HTMLSwirlIconRocketLaunchElement extends Components.SwirlIconRocketLaunch, HTMLStencilElement {
+    }
+    var HTMLSwirlIconRocketLaunchElement: {
+        prototype: HTMLSwirlIconRocketLaunchElement;
+        new (): HTMLSwirlIconRocketLaunchElement;
+    };
     interface HTMLSwirlIconRotateLeftElement extends Components.SwirlIconRotateLeft, HTMLStencilElement {
     }
     var HTMLSwirlIconRotateLeftElement: {
@@ -9935,6 +9949,7 @@ declare global {
         "swirl-icon-reply": HTMLSwirlIconReplyElement;
         "swirl-icon-report": HTMLSwirlIconReportElement;
         "swirl-icon-roadmap": HTMLSwirlIconRoadmapElement;
+        "swirl-icon-rocket-launch": HTMLSwirlIconRocketLaunchElement;
         "swirl-icon-rotate-left": HTMLSwirlIconRotateLeftElement;
         "swirl-icon-rotate-right": HTMLSwirlIconRotateRightElement;
         "swirl-icon-school": HTMLSwirlIconSchoolElement;
@@ -12931,6 +12946,14 @@ declare namespace LocalJSX {
          */
         "size"?: SwirlIconSize;
     }
+    interface SwirlIconRocketLaunch {
+        "color"?: SwirlIconColor1;
+        "label"?: string;
+        /**
+          * @default 24
+         */
+        "size"?: SwirlIconSize;
+    }
     interface SwirlIconRotateLeft {
         "color"?: SwirlIconColor1;
         "label"?: string;
@@ -17100,6 +17123,11 @@ declare namespace LocalJSX {
         "label": string;
         "size": SwirlIconSize;
     }
+    interface SwirlIconRocketLaunchAttributes {
+        "color": SwirlIconColor;
+        "label": string;
+        "size": SwirlIconSize;
+    }
     interface SwirlIconRotateLeftAttributes {
         "color": SwirlIconColor;
         "label": string;
@@ -18645,6 +18673,7 @@ declare namespace LocalJSX {
         "swirl-icon-reply": Omit<SwirlIconReply, keyof SwirlIconReplyAttributes> & { [K in keyof SwirlIconReply & keyof SwirlIconReplyAttributes]?: SwirlIconReply[K] } & { [K in keyof SwirlIconReply & keyof SwirlIconReplyAttributes as `attr:${K}`]?: SwirlIconReplyAttributes[K] } & { [K in keyof SwirlIconReply & keyof SwirlIconReplyAttributes as `prop:${K}`]?: SwirlIconReply[K] };
         "swirl-icon-report": Omit<SwirlIconReport, keyof SwirlIconReportAttributes> & { [K in keyof SwirlIconReport & keyof SwirlIconReportAttributes]?: SwirlIconReport[K] } & { [K in keyof SwirlIconReport & keyof SwirlIconReportAttributes as `attr:${K}`]?: SwirlIconReportAttributes[K] } & { [K in keyof SwirlIconReport & keyof SwirlIconReportAttributes as `prop:${K}`]?: SwirlIconReport[K] };
         "swirl-icon-roadmap": Omit<SwirlIconRoadmap, keyof SwirlIconRoadmapAttributes> & { [K in keyof SwirlIconRoadmap & keyof SwirlIconRoadmapAttributes]?: SwirlIconRoadmap[K] } & { [K in keyof SwirlIconRoadmap & keyof SwirlIconRoadmapAttributes as `attr:${K}`]?: SwirlIconRoadmapAttributes[K] } & { [K in keyof SwirlIconRoadmap & keyof SwirlIconRoadmapAttributes as `prop:${K}`]?: SwirlIconRoadmap[K] };
+        "swirl-icon-rocket-launch": Omit<SwirlIconRocketLaunch, keyof SwirlIconRocketLaunchAttributes> & { [K in keyof SwirlIconRocketLaunch & keyof SwirlIconRocketLaunchAttributes]?: SwirlIconRocketLaunch[K] } & { [K in keyof SwirlIconRocketLaunch & keyof SwirlIconRocketLaunchAttributes as `attr:${K}`]?: SwirlIconRocketLaunchAttributes[K] } & { [K in keyof SwirlIconRocketLaunch & keyof SwirlIconRocketLaunchAttributes as `prop:${K}`]?: SwirlIconRocketLaunch[K] };
         "swirl-icon-rotate-left": Omit<SwirlIconRotateLeft, keyof SwirlIconRotateLeftAttributes> & { [K in keyof SwirlIconRotateLeft & keyof SwirlIconRotateLeftAttributes]?: SwirlIconRotateLeft[K] } & { [K in keyof SwirlIconRotateLeft & keyof SwirlIconRotateLeftAttributes as `attr:${K}`]?: SwirlIconRotateLeftAttributes[K] } & { [K in keyof SwirlIconRotateLeft & keyof SwirlIconRotateLeftAttributes as `prop:${K}`]?: SwirlIconRotateLeft[K] };
         "swirl-icon-rotate-right": Omit<SwirlIconRotateRight, keyof SwirlIconRotateRightAttributes> & { [K in keyof SwirlIconRotateRight & keyof SwirlIconRotateRightAttributes]?: SwirlIconRotateRight[K] } & { [K in keyof SwirlIconRotateRight & keyof SwirlIconRotateRightAttributes as `attr:${K}`]?: SwirlIconRotateRightAttributes[K] } & { [K in keyof SwirlIconRotateRight & keyof SwirlIconRotateRightAttributes as `prop:${K}`]?: SwirlIconRotateRight[K] };
         "swirl-icon-school": Omit<SwirlIconSchool, keyof SwirlIconSchoolAttributes> & { [K in keyof SwirlIconSchool & keyof SwirlIconSchoolAttributes]?: SwirlIconSchool[K] } & { [K in keyof SwirlIconSchool & keyof SwirlIconSchoolAttributes as `attr:${K}`]?: SwirlIconSchoolAttributes[K] } & { [K in keyof SwirlIconSchool & keyof SwirlIconSchoolAttributes as `prop:${K}`]?: SwirlIconSchool[K] };
@@ -19155,6 +19184,7 @@ declare module "@stencil/core" {
             "swirl-icon-reply": LocalJSX.IntrinsicElements["swirl-icon-reply"] & JSXBase.HTMLAttributes<HTMLSwirlIconReplyElement>;
             "swirl-icon-report": LocalJSX.IntrinsicElements["swirl-icon-report"] & JSXBase.HTMLAttributes<HTMLSwirlIconReportElement>;
             "swirl-icon-roadmap": LocalJSX.IntrinsicElements["swirl-icon-roadmap"] & JSXBase.HTMLAttributes<HTMLSwirlIconRoadmapElement>;
+            "swirl-icon-rocket-launch": LocalJSX.IntrinsicElements["swirl-icon-rocket-launch"] & JSXBase.HTMLAttributes<HTMLSwirlIconRocketLaunchElement>;
             "swirl-icon-rotate-left": LocalJSX.IntrinsicElements["swirl-icon-rotate-left"] & JSXBase.HTMLAttributes<HTMLSwirlIconRotateLeftElement>;
             "swirl-icon-rotate-right": LocalJSX.IntrinsicElements["swirl-icon-rotate-right"] & JSXBase.HTMLAttributes<HTMLSwirlIconRotateRightElement>;
             "swirl-icon-school": LocalJSX.IntrinsicElements["swirl-icon-school"] & JSXBase.HTMLAttributes<HTMLSwirlIconSchoolElement>;

package/package.json

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