@getflip/swirl-ai 0.509.0 → 0.511.0

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

@@ -11,6 +11,7 @@ The SwirlChip component is used to represent an input, attribute, or action.
 ## Optional props
 
 - `borderRadius` ("pill" | "sm" | undefined) – 
+- `disabled` (boolean | undefined) – 
 - `icon` (string | undefined) – 
 - `iconColor` ("default" | "highlight" | undefined) – 
 - `intent` ("critical" | "default" | "highlight" | "success" | undefined) – 

package/dist/agent/components/swirl-icon-data-object.md

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

@@ -502,6 +502,10 @@
       "tag": "swirl-icon-dark-mode",
       "summary": "swirl-icon-dark-mode"
     },
+    {
+      "tag": "swirl-icon-data-object",
+      "summary": "swirl-icon-data-object"
+    },
     {
       "tag": "swirl-icon-date-range",
       "summary": "swirl-icon-date-range"

package/dist/custom-elements.manifest.json

@@ -5954,6 +5954,13 @@
               "default": "\"pill\"",
               "fieldName": "borderRadius"
             },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "fieldName": "disabled"
+            },
             {
               "name": "icon",
               "type": {
@@ -6089,6 +6096,15 @@
               "readonly": true,
               "attribute": "border-radius"
             },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "readonly": true,
+              "attribute": "disabled"
+            },
             {
               "kind": "field",
               "name": "icon",
@@ -18368,6 +18384,117 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/swirl-icon/icons/swirl-icon-data-object.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "swirl-icon-data-object",
+          "name": "SwirlIconDataObject",
+          "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": "SwirlIconDataObject",
+          "declaration": {
+            "name": "SwirlIconDataObject"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "swirl-icon-data-object",
+          "declaration": {
+            "name": "SwirlIconDataObject"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/swirl-icon/icons/swirl-icon-date-range.tsx",

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

@@ -11,6 +11,7 @@ export type SwirlChipVariant = "outline" | "plain" | "translucent";
 export declare class SwirlChip {
     el: HTMLElement;
     borderRadius?: SwirlChipBorderRadius;
+    disabled?: boolean;
     icon?: string;
     iconColor?: SwirlChipIconColor;
     trailingIcon?: string;

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

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

package/dist/types/components.d.ts

@@ -745,6 +745,7 @@ export namespace Components {
           * @default "pill"
          */
         "borderRadius"?: SwirlChipBorderRadius;
+        "disabled"?: boolean;
         "icon"?: string;
         /**
           * @default "default"
@@ -1822,6 +1823,14 @@ export namespace Components {
          */
         "size": SwirlIconSize;
     }
+    interface SwirlIconDataObject {
+        "color"?: SwirlIconColor1;
+        "label"?: string;
+        /**
+          * @default 24
+         */
+        "size": SwirlIconSize;
+    }
     interface SwirlIconDateRange {
         "color"?: SwirlIconColor1;
         "label"?: string;
@@ -7018,6 +7027,12 @@ declare global {
         prototype: HTMLSwirlIconDarkModeElement;
         new (): HTMLSwirlIconDarkModeElement;
     };
+    interface HTMLSwirlIconDataObjectElement extends Components.SwirlIconDataObject, HTMLStencilElement {
+    }
+    var HTMLSwirlIconDataObjectElement: {
+        prototype: HTMLSwirlIconDataObjectElement;
+        new (): HTMLSwirlIconDataObjectElement;
+    };
     interface HTMLSwirlIconDateRangeElement extends Components.SwirlIconDateRange, HTMLStencilElement {
     }
     var HTMLSwirlIconDateRangeElement: {
@@ -9888,6 +9903,7 @@ declare global {
         "swirl-icon-copy": HTMLSwirlIconCopyElement;
         "swirl-icon-crop": HTMLSwirlIconCropElement;
         "swirl-icon-dark-mode": HTMLSwirlIconDarkModeElement;
+        "swirl-icon-data-object": HTMLSwirlIconDataObjectElement;
         "swirl-icon-date-range": HTMLSwirlIconDateRangeElement;
         "swirl-icon-delete": HTMLSwirlIconDeleteElement;
         "swirl-icon-deployed-code": HTMLSwirlIconDeployedCodeElement;
@@ -10818,6 +10834,7 @@ declare namespace LocalJSX {
           * @default "pill"
          */
         "borderRadius"?: SwirlChipBorderRadius;
+        "disabled"?: boolean;
         "icon"?: string;
         /**
           * @default "default"
@@ -11869,6 +11886,14 @@ declare namespace LocalJSX {
          */
         "size"?: SwirlIconSize;
     }
+    interface SwirlIconDataObject {
+        "color"?: SwirlIconColor1;
+        "label"?: string;
+        /**
+          * @default 24
+         */
+        "size"?: SwirlIconSize;
+    }
     interface SwirlIconDateRange {
         "color"?: SwirlIconColor1;
         "label"?: string;
@@ -15974,6 +15999,7 @@ declare namespace LocalJSX {
     }
     interface SwirlChipAttributes {
         "borderRadius": SwirlChipBorderRadius;
+        "disabled": boolean;
         "icon": string;
         "iconColor": SwirlChipIconColor;
         "trailingIcon": string;
@@ -16533,6 +16559,11 @@ declare namespace LocalJSX {
         "label": string;
         "size": SwirlIconSize;
     }
+    interface SwirlIconDataObjectAttributes {
+        "color": SwirlIconColor;
+        "label": string;
+        "size": SwirlIconSize;
+    }
     interface SwirlIconDateRangeAttributes {
         "color": SwirlIconColor;
         "label": string;
@@ -18699,6 +18730,7 @@ declare namespace LocalJSX {
         "swirl-icon-copy": Omit<SwirlIconCopy, keyof SwirlIconCopyAttributes> & { [K in keyof SwirlIconCopy & keyof SwirlIconCopyAttributes]?: SwirlIconCopy[K] } & { [K in keyof SwirlIconCopy & keyof SwirlIconCopyAttributes as `attr:${K}`]?: SwirlIconCopyAttributes[K] } & { [K in keyof SwirlIconCopy & keyof SwirlIconCopyAttributes as `prop:${K}`]?: SwirlIconCopy[K] };
         "swirl-icon-crop": Omit<SwirlIconCrop, keyof SwirlIconCropAttributes> & { [K in keyof SwirlIconCrop & keyof SwirlIconCropAttributes]?: SwirlIconCrop[K] } & { [K in keyof SwirlIconCrop & keyof SwirlIconCropAttributes as `attr:${K}`]?: SwirlIconCropAttributes[K] } & { [K in keyof SwirlIconCrop & keyof SwirlIconCropAttributes as `prop:${K}`]?: SwirlIconCrop[K] };
         "swirl-icon-dark-mode": Omit<SwirlIconDarkMode, keyof SwirlIconDarkModeAttributes> & { [K in keyof SwirlIconDarkMode & keyof SwirlIconDarkModeAttributes]?: SwirlIconDarkMode[K] } & { [K in keyof SwirlIconDarkMode & keyof SwirlIconDarkModeAttributes as `attr:${K}`]?: SwirlIconDarkModeAttributes[K] } & { [K in keyof SwirlIconDarkMode & keyof SwirlIconDarkModeAttributes as `prop:${K}`]?: SwirlIconDarkMode[K] };
+        "swirl-icon-data-object": Omit<SwirlIconDataObject, keyof SwirlIconDataObjectAttributes> & { [K in keyof SwirlIconDataObject & keyof SwirlIconDataObjectAttributes]?: SwirlIconDataObject[K] } & { [K in keyof SwirlIconDataObject & keyof SwirlIconDataObjectAttributes as `attr:${K}`]?: SwirlIconDataObjectAttributes[K] } & { [K in keyof SwirlIconDataObject & keyof SwirlIconDataObjectAttributes as `prop:${K}`]?: SwirlIconDataObject[K] };
         "swirl-icon-date-range": Omit<SwirlIconDateRange, keyof SwirlIconDateRangeAttributes> & { [K in keyof SwirlIconDateRange & keyof SwirlIconDateRangeAttributes]?: SwirlIconDateRange[K] } & { [K in keyof SwirlIconDateRange & keyof SwirlIconDateRangeAttributes as `attr:${K}`]?: SwirlIconDateRangeAttributes[K] } & { [K in keyof SwirlIconDateRange & keyof SwirlIconDateRangeAttributes as `prop:${K}`]?: SwirlIconDateRange[K] };
         "swirl-icon-delete": Omit<SwirlIconDelete, keyof SwirlIconDeleteAttributes> & { [K in keyof SwirlIconDelete & keyof SwirlIconDeleteAttributes]?: SwirlIconDelete[K] } & { [K in keyof SwirlIconDelete & keyof SwirlIconDeleteAttributes as `attr:${K}`]?: SwirlIconDeleteAttributes[K] } & { [K in keyof SwirlIconDelete & keyof SwirlIconDeleteAttributes as `prop:${K}`]?: SwirlIconDelete[K] };
         "swirl-icon-deployed-code": Omit<SwirlIconDeployedCode, keyof SwirlIconDeployedCodeAttributes> & { [K in keyof SwirlIconDeployedCode & keyof SwirlIconDeployedCodeAttributes]?: SwirlIconDeployedCode[K] } & { [K in keyof SwirlIconDeployedCode & keyof SwirlIconDeployedCodeAttributes as `attr:${K}`]?: SwirlIconDeployedCodeAttributes[K] } & { [K in keyof SwirlIconDeployedCode & keyof SwirlIconDeployedCodeAttributes as `prop:${K}`]?: SwirlIconDeployedCode[K] };
@@ -19215,6 +19247,7 @@ declare module "@stencil/core" {
             "swirl-icon-copy": LocalJSX.IntrinsicElements["swirl-icon-copy"] & JSXBase.HTMLAttributes<HTMLSwirlIconCopyElement>;
             "swirl-icon-crop": LocalJSX.IntrinsicElements["swirl-icon-crop"] & JSXBase.HTMLAttributes<HTMLSwirlIconCropElement>;
             "swirl-icon-dark-mode": LocalJSX.IntrinsicElements["swirl-icon-dark-mode"] & JSXBase.HTMLAttributes<HTMLSwirlIconDarkModeElement>;
+            "swirl-icon-data-object": LocalJSX.IntrinsicElements["swirl-icon-data-object"] & JSXBase.HTMLAttributes<HTMLSwirlIconDataObjectElement>;
             "swirl-icon-date-range": LocalJSX.IntrinsicElements["swirl-icon-date-range"] & JSXBase.HTMLAttributes<HTMLSwirlIconDateRangeElement>;
             "swirl-icon-delete": LocalJSX.IntrinsicElements["swirl-icon-delete"] & JSXBase.HTMLAttributes<HTMLSwirlIconDeleteElement>;
             "swirl-icon-deployed-code": LocalJSX.IntrinsicElements["swirl-icon-deployed-code"] & JSXBase.HTMLAttributes<HTMLSwirlIconDeployedCodeElement>;

package/package.json

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