@getflip/swirl-ai 0.521.0 → 0.522.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-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",

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.d.ts

@@ -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;
@@ -7363,6 +7371,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 +10288,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 +12575,14 @@ declare namespace LocalJSX {
          */
         "size"?: SwirlIconSize;
     }
+    interface SwirlIconFrontHand {
+        "color"?: SwirlIconColor1;
+        "label"?: string;
+        /**
+          * @default 24
+         */
+        "size"?: SwirlIconSize;
+    }
     interface SwirlIconFullscreen {
         "color"?: SwirlIconColor1;
         "label"?: string;
@@ -17220,6 +17243,11 @@ declare namespace LocalJSX {
         "label": string;
         "size": SwirlIconSize;
     }
+    interface SwirlIconFrontHandAttributes {
+        "color": SwirlIconColor;
+        "label": string;
+        "size": SwirlIconSize;
+    }
     interface SwirlIconFullscreenAttributes {
         "color": SwirlIconColor;
         "label": string;
@@ -19256,6 +19284,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 +19841,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.522.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.522.0",
     "@getflip/swirl-tokens": "2.14.3",
     "@types/node": "25.3.0",
     "tsx": "^4.7.0",