@getflip/swirl-ai 0.498.0 → 0.500.0

package/dist/agent/components/swirl-icon-api.md

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

@@ -12,6 +12,7 @@ The SwirlToast component is used to give brief, non-disruptive feedback after an
 
 - `accessibleDismissLabel` (string | undefined) – 
 - `actionLabel` (string | undefined) – 
+- `actionPosition` ("bottom" | "inline" | undefined) – 
 - `content` (string | undefined) – 
 - `dismissLabel` (string | undefined) – 
 - `duration` (number | undefined) – 

package/dist/agent/components-index.json

@@ -294,6 +294,10 @@
       "tag": "swirl-icon-ai-filled",
       "summary": "swirl-icon-ai-filled"
     },
+    {
+      "tag": "swirl-icon-api",
+      "summary": "swirl-icon-api"
+    },
     {
       "tag": "swirl-icon-apparel",
       "summary": "swirl-icon-apparel"

package/dist/custom-elements.manifest.json

@@ -12504,6 +12504,117 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/swirl-icon/icons/swirl-icon-api.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "swirl-icon-api",
+          "name": "SwirlIconApi",
+          "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": "SwirlIconApi",
+          "declaration": {
+            "name": "SwirlIconApi"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "swirl-icon-api",
+          "declaration": {
+            "name": "SwirlIconApi"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/swirl-icon/icons/swirl-icon-apparel.tsx",
@@ -61538,6 +61649,19 @@
               },
               "fieldName": "actionLabel"
             },
+            {
+              "name": "action-position",
+              "type": {
+                "text": "\"bottom\" | \"inline\" | undefined",
+                "references": [
+                  {
+                    "name": "SwirlToastActionPosition"
+                  }
+                ]
+              },
+              "default": "\"inline\"",
+              "fieldName": "actionPosition"
+            },
             {
               "name": "content",
               "type": {
@@ -61608,6 +61732,21 @@
               "readonly": true,
               "attribute": "action-label"
             },
+            {
+              "kind": "field",
+              "name": "actionPosition",
+              "type": {
+                "text": "\"bottom\" | \"inline\" | undefined",
+                "references": [
+                  {
+                    "name": "SwirlToastActionPosition"
+                  }
+                ]
+              },
+              "default": "\"inline\"",
+              "readonly": true,
+              "attribute": "action-position"
+            },
             {
               "kind": "field",
               "name": "content",
@@ -61800,7 +61939,7 @@
                 {
                   "name": "newToast",
                   "type": {
-                    "text": "{ accessibleDismissLabel?: string; content: string; actionLabel?: string; dismissOnAction?: boolean; dismissLabel?: string; duration?: number; icon?: string; intent?: SwirlToastIntent; toastId?: string; onDismiss?: (toastId: string) => void; onAction?: (toastId: string) => void; }",
+                    "text": "{ accessibleDismissLabel?: string; content: string; actionLabel?: string; actionPosition?: SwirlToastActionPosition; dismissOnAction?: boolean; dismissLabel?: string; duration?: number; icon?: string; intent?: SwirlToastIntent; toastId?: string; onDismiss?: (toastId: string) => void; onAction?: (toastId: string) => void; }",
                     "references": [
                       {
                         "name": "Promise",

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

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

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

@@ -1,4 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
+export type SwirlToastActionPosition = "bottom" | "inline";
 export type SwirlToastIntent = "default" | "critical" | "success";
 /**
  * @slot slot - The toast content. When provided, overrides the `content` prop.
@@ -6,6 +7,7 @@ export type SwirlToastIntent = "default" | "critical" | "success";
 export declare class SwirlToast {
     accessibleDismissLabel?: string;
     actionLabel?: string;
+    actionPosition?: SwirlToastActionPosition;
     content?: string;
     dismissLabel?: string;
     /**

package/dist/types/components/swirl-toast-provider/swirl-toast-provider.d.ts

@@ -1,9 +1,10 @@
-import { SwirlToastIntent } from "../swirl-toast/swirl-toast";
 import { SwirlDialogToggleEvent } from "../../utils";
+import { SwirlToastActionPosition, SwirlToastIntent } from "../swirl-toast/swirl-toast";
 export type SwirlToastConfig = {
     accessibleDismissLabel?: string;
     content: string;
     actionLabel?: string;
+    actionPosition?: SwirlToastActionPosition;
     dismissOnAction?: boolean;
     dismissLabel?: string;
     duration?: number;

package/dist/types/components.d.ts

@@ -80,7 +80,7 @@ import { SwirlTextAlign, SwirlTextColor, SwirlTextFontFamily, SwirlTextFontStyle
 import { SwirlTextInputFontSize, SwirlTextInputMode as SwirlTextInputMode1, SwirlTextInputType } from "./components/swirl-text-input/swirl-text-input";
 import { SwirlOSTheme, SwirlOSThemeChangeEventData, SwirlThemeProviderConfig } from "./components/swirl-theme-provider/swirl-theme-provider.types";
 import { SwirlThumbnailFormat, SwirlThumbnailSize } from "./components/swirl-thumbnail/swirl-thumbnail";
-import { SwirlToastIntent } from "./components/swirl-toast/swirl-toast";
+import { SwirlToastActionPosition, SwirlToastIntent } from "./components/swirl-toast/swirl-toast";
 import { SwirlToastConfig, SwirlToastMessage } from "./components/swirl-toast-provider/swirl-toast-provider";
 import { SwirlToggleGroupVariant } from "./components/swirl-toggle-group/swirl-toggle-group";
 import { SwirlToolbarOrientation } from "./components/swirl-toolbar/swirl-toolbar";
@@ -163,7 +163,7 @@ export { SwirlTextAlign, SwirlTextColor, SwirlTextFontFamily, SwirlTextFontStyle
 export { SwirlTextInputFontSize, SwirlTextInputMode as SwirlTextInputMode1, SwirlTextInputType } from "./components/swirl-text-input/swirl-text-input";
 export { SwirlOSTheme, SwirlOSThemeChangeEventData, SwirlThemeProviderConfig } from "./components/swirl-theme-provider/swirl-theme-provider.types";
 export { SwirlThumbnailFormat, SwirlThumbnailSize } from "./components/swirl-thumbnail/swirl-thumbnail";
-export { SwirlToastIntent } from "./components/swirl-toast/swirl-toast";
+export { SwirlToastActionPosition, SwirlToastIntent } from "./components/swirl-toast/swirl-toast";
 export { SwirlToastConfig, SwirlToastMessage } from "./components/swirl-toast-provider/swirl-toast-provider";
 export { SwirlToggleGroupVariant } from "./components/swirl-toggle-group/swirl-toggle-group";
 export { SwirlToolbarOrientation } from "./components/swirl-toolbar/swirl-toolbar";
@@ -1404,6 +1404,14 @@ export namespace Components {
          */
         "size": SwirlIconSize;
     }
+    interface SwirlIconApi {
+        "color"?: SwirlIconColor1;
+        "label"?: string;
+        /**
+          * @default 24
+         */
+        "size": SwirlIconSize;
+    }
     interface SwirlIconApparel {
         "color"?: SwirlIconColor1;
         "label"?: string;
@@ -5526,6 +5534,10 @@ export namespace Components {
          */
         "accessibleDismissLabel"?: string;
         "actionLabel"?: string;
+        /**
+          * @default "inline"
+         */
+        "actionPosition"?: SwirlToastActionPosition;
         "content"?: string;
         "dismissLabel"?: string;
         /**
@@ -6650,6 +6662,12 @@ declare global {
         prototype: HTMLSwirlIconAiFilledElement;
         new (): HTMLSwirlIconAiFilledElement;
     };
+    interface HTMLSwirlIconApiElement extends Components.SwirlIconApi, HTMLStencilElement {
+    }
+    var HTMLSwirlIconApiElement: {
+        prototype: HTMLSwirlIconApiElement;
+        new (): HTMLSwirlIconApiElement;
+    };
     interface HTMLSwirlIconApparelElement extends Components.SwirlIconApparel, HTMLStencilElement {
     }
     var HTMLSwirlIconApparelElement: {
@@ -9750,6 +9768,7 @@ declare global {
         "swirl-icon-admin-panel-settings": HTMLSwirlIconAdminPanelSettingsElement;
         "swirl-icon-ai": HTMLSwirlIconAiElement;
         "swirl-icon-ai-filled": HTMLSwirlIconAiFilledElement;
+        "swirl-icon-api": HTMLSwirlIconApiElement;
         "swirl-icon-apparel": HTMLSwirlIconApparelElement;
         "swirl-icon-apps": HTMLSwirlIconAppsElement;
         "swirl-icon-arrow-back": HTMLSwirlIconArrowBackElement;
@@ -11354,6 +11373,14 @@ declare namespace LocalJSX {
          */
         "size"?: SwirlIconSize;
     }
+    interface SwirlIconApi {
+        "color"?: SwirlIconColor1;
+        "label"?: string;
+        /**
+          * @default 24
+         */
+        "size"?: SwirlIconSize;
+    }
     interface SwirlIconApparel {
         "color"?: SwirlIconColor1;
         "label"?: string;
@@ -15394,6 +15421,10 @@ declare namespace LocalJSX {
          */
         "accessibleDismissLabel"?: string;
         "actionLabel"?: string;
+        /**
+          * @default "inline"
+         */
+        "actionPosition"?: SwirlToastActionPosition;
         "content"?: string;
         "dismissLabel"?: string;
         /**
@@ -16128,6 +16159,11 @@ declare namespace LocalJSX {
         "label": string;
         "size": SwirlIconSize;
     }
+    interface SwirlIconApiAttributes {
+        "color": SwirlIconColor;
+        "label": string;
+        "size": SwirlIconSize;
+    }
     interface SwirlIconApparelAttributes {
         "color": SwirlIconColor;
         "label": string;
@@ -18335,6 +18371,7 @@ declare namespace LocalJSX {
     interface SwirlToastAttributes {
         "accessibleDismissLabel": string;
         "actionLabel": string;
+        "actionPosition": SwirlToastActionPosition;
         "content": string;
         "dismissLabel": string;
         "duration": number;
@@ -18474,6 +18511,7 @@ declare namespace LocalJSX {
         "swirl-icon-admin-panel-settings": Omit<SwirlIconAdminPanelSettings, keyof SwirlIconAdminPanelSettingsAttributes> & { [K in keyof SwirlIconAdminPanelSettings & keyof SwirlIconAdminPanelSettingsAttributes]?: SwirlIconAdminPanelSettings[K] } & { [K in keyof SwirlIconAdminPanelSettings & keyof SwirlIconAdminPanelSettingsAttributes as `attr:${K}`]?: SwirlIconAdminPanelSettingsAttributes[K] } & { [K in keyof SwirlIconAdminPanelSettings & keyof SwirlIconAdminPanelSettingsAttributes as `prop:${K}`]?: SwirlIconAdminPanelSettings[K] };
         "swirl-icon-ai": Omit<SwirlIconAi, keyof SwirlIconAiAttributes> & { [K in keyof SwirlIconAi & keyof SwirlIconAiAttributes]?: SwirlIconAi[K] } & { [K in keyof SwirlIconAi & keyof SwirlIconAiAttributes as `attr:${K}`]?: SwirlIconAiAttributes[K] } & { [K in keyof SwirlIconAi & keyof SwirlIconAiAttributes as `prop:${K}`]?: SwirlIconAi[K] };
         "swirl-icon-ai-filled": Omit<SwirlIconAiFilled, keyof SwirlIconAiFilledAttributes> & { [K in keyof SwirlIconAiFilled & keyof SwirlIconAiFilledAttributes]?: SwirlIconAiFilled[K] } & { [K in keyof SwirlIconAiFilled & keyof SwirlIconAiFilledAttributes as `attr:${K}`]?: SwirlIconAiFilledAttributes[K] } & { [K in keyof SwirlIconAiFilled & keyof SwirlIconAiFilledAttributes as `prop:${K}`]?: SwirlIconAiFilled[K] };
+        "swirl-icon-api": Omit<SwirlIconApi, keyof SwirlIconApiAttributes> & { [K in keyof SwirlIconApi & keyof SwirlIconApiAttributes]?: SwirlIconApi[K] } & { [K in keyof SwirlIconApi & keyof SwirlIconApiAttributes as `attr:${K}`]?: SwirlIconApiAttributes[K] } & { [K in keyof SwirlIconApi & keyof SwirlIconApiAttributes as `prop:${K}`]?: SwirlIconApi[K] };
         "swirl-icon-apparel": Omit<SwirlIconApparel, keyof SwirlIconApparelAttributes> & { [K in keyof SwirlIconApparel & keyof SwirlIconApparelAttributes]?: SwirlIconApparel[K] } & { [K in keyof SwirlIconApparel & keyof SwirlIconApparelAttributes as `attr:${K}`]?: SwirlIconApparelAttributes[K] } & { [K in keyof SwirlIconApparel & keyof SwirlIconApparelAttributes as `prop:${K}`]?: SwirlIconApparel[K] };
         "swirl-icon-apps": Omit<SwirlIconApps, keyof SwirlIconAppsAttributes> & { [K in keyof SwirlIconApps & keyof SwirlIconAppsAttributes]?: SwirlIconApps[K] } & { [K in keyof SwirlIconApps & keyof SwirlIconAppsAttributes as `attr:${K}`]?: SwirlIconAppsAttributes[K] } & { [K in keyof SwirlIconApps & keyof SwirlIconAppsAttributes as `prop:${K}`]?: SwirlIconApps[K] };
         "swirl-icon-arrow-back": Omit<SwirlIconArrowBack, keyof SwirlIconArrowBackAttributes> & { [K in keyof SwirlIconArrowBack & keyof SwirlIconArrowBackAttributes]?: SwirlIconArrowBack[K] } & { [K in keyof SwirlIconArrowBack & keyof SwirlIconArrowBackAttributes as `attr:${K}`]?: SwirlIconArrowBackAttributes[K] } & { [K in keyof SwirlIconArrowBack & keyof SwirlIconArrowBackAttributes as `prop:${K}`]?: SwirlIconArrowBack[K] };
@@ -18985,6 +19023,7 @@ declare module "@stencil/core" {
             "swirl-icon-admin-panel-settings": LocalJSX.IntrinsicElements["swirl-icon-admin-panel-settings"] & JSXBase.HTMLAttributes<HTMLSwirlIconAdminPanelSettingsElement>;
             "swirl-icon-ai": LocalJSX.IntrinsicElements["swirl-icon-ai"] & JSXBase.HTMLAttributes<HTMLSwirlIconAiElement>;
             "swirl-icon-ai-filled": LocalJSX.IntrinsicElements["swirl-icon-ai-filled"] & JSXBase.HTMLAttributes<HTMLSwirlIconAiFilledElement>;
+            "swirl-icon-api": LocalJSX.IntrinsicElements["swirl-icon-api"] & JSXBase.HTMLAttributes<HTMLSwirlIconApiElement>;
             "swirl-icon-apparel": LocalJSX.IntrinsicElements["swirl-icon-apparel"] & JSXBase.HTMLAttributes<HTMLSwirlIconApparelElement>;
             "swirl-icon-apps": LocalJSX.IntrinsicElements["swirl-icon-apps"] & JSXBase.HTMLAttributes<HTMLSwirlIconAppsElement>;
             "swirl-icon-arrow-back": LocalJSX.IntrinsicElements["swirl-icon-arrow-back"] & JSXBase.HTMLAttributes<HTMLSwirlIconArrowBackElement>;

package/package.json

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