@getflip/swirl-ai 0.512.0 → 0.514.0

package/dist/agent/components/swirl-icon-select-edit.md

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

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

@@ -37,7 +37,8 @@ _None._
 
 ## Methods
 
-_None._
+- `focusSearchInput()` – 
+- `selectSearchInput()` – 
 
 ## Related components
 

package/dist/agent/components-index.json

@@ -1150,6 +1150,14 @@
       "tag": "swirl-icon-secure",
       "summary": "swirl-icon-secure"
     },
+    {
+      "tag": "swirl-icon-select",
+      "summary": "swirl-icon-select"
+    },
+    {
+      "tag": "swirl-icon-select-edit",
+      "summary": "swirl-icon-select-edit"
+    },
     {
       "tag": "swirl-icon-sell",
       "summary": "swirl-icon-sell"

package/dist/custom-elements.manifest.json

@@ -36366,6 +36366,228 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/swirl-icon/icons/swirl-icon-select.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "swirl-icon-select",
+          "name": "SwirlIconSelect",
+          "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": "SwirlIconSelect",
+          "declaration": {
+            "name": "SwirlIconSelect"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "swirl-icon-select",
+          "declaration": {
+            "name": "SwirlIconSelect"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/swirl-icon/icons/swirl-icon-select-edit.tsx",
+      "declarations": [
+        {
+          "kind": "class",
+          "customElement": true,
+          "tagName": "swirl-icon-select-edit",
+          "name": "SwirlIconSelectEdit",
+          "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": "SwirlIconSelectEdit",
+          "declaration": {
+            "name": "SwirlIconSelectEdit"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "swirl-icon-select-edit",
+          "declaration": {
+            "name": "SwirlIconSelectEdit"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/swirl-icon/icons/swirl-icon-sell.tsx",
@@ -48991,6 +49213,36 @@
               },
               "readonly": true,
               "attribute": "with-search"
+            },
+            {
+              "kind": "method",
+              "name": "focusSearchInput",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "name": "Promise",
+                      "package": "global:"
+                    }
+                  ]
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "selectSearchInput",
+              "return": {
+                "type": {
+                  "text": "Promise<void>",
+                  "references": [
+                    {
+                      "name": "Promise",
+                      "package": "global:"
+                    }
+                  ]
+                }
+              }
             }
           ],
           "events": [

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

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

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

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

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

@@ -35,6 +35,8 @@ export declare class SwirlSelect implements SwirlFormInput<string[]> {
     disconnectedCallback(): void;
     onWindowFocusIn(event: FocusEvent): void;
     onValueChange(newValue: string[], oldValue: string[]): void;
+    selectSearchInput(): Promise<void>;
+    focusSearchInput(): Promise<void>;
     private observeSlotChanges;
     private updateOptions;
     private select;

package/dist/types/components.d.ts

@@ -3119,6 +3119,22 @@ export namespace Components {
          */
         "size": SwirlIconSize;
     }
+    interface SwirlIconSelect {
+        "color"?: SwirlIconColor1;
+        "label"?: string;
+        /**
+          * @default 24
+         */
+        "size": SwirlIconSize;
+    }
+    interface SwirlIconSelectEdit {
+        "color"?: SwirlIconColor1;
+        "label"?: string;
+        /**
+          * @default 24
+         */
+        "size": SwirlIconSize;
+    }
     interface SwirlIconSell {
         "color"?: SwirlIconColor1;
         "label"?: string;
@@ -4284,6 +4300,7 @@ export namespace Components {
           * @default "No results found."
          */
         "emptyListLabel"?: string;
+        "focusSearchInput": () => Promise<void>;
         "inline"?: boolean;
         "invalid"?: boolean;
         "label": string;
@@ -4299,6 +4316,7 @@ export namespace Components {
           * @default Math.round(Math.random() * 1000000).toString()
          */
         "selectId"?: string;
+        "selectSearchInput": () => Promise<void>;
         "standalone"?: boolean;
         "swirlAriaDescribedby"?: string;
         "value"?: string[];
@@ -7999,6 +8017,18 @@ declare global {
         prototype: HTMLSwirlIconSecureElement;
         new (): HTMLSwirlIconSecureElement;
     };
+    interface HTMLSwirlIconSelectElement extends Components.SwirlIconSelect, HTMLStencilElement {
+    }
+    var HTMLSwirlIconSelectElement: {
+        prototype: HTMLSwirlIconSelectElement;
+        new (): HTMLSwirlIconSelectElement;
+    };
+    interface HTMLSwirlIconSelectEditElement extends Components.SwirlIconSelectEdit, HTMLStencilElement {
+    }
+    var HTMLSwirlIconSelectEditElement: {
+        prototype: HTMLSwirlIconSelectEditElement;
+        new (): HTMLSwirlIconSelectEditElement;
+    };
     interface HTMLSwirlIconSellElement extends Components.SwirlIconSell, HTMLStencilElement {
     }
     var HTMLSwirlIconSellElement: {
@@ -10065,6 +10095,8 @@ declare global {
         "swirl-icon-search-strong": HTMLSwirlIconSearchStrongElement;
         "swirl-icon-section": HTMLSwirlIconSectionElement;
         "swirl-icon-secure": HTMLSwirlIconSecureElement;
+        "swirl-icon-select": HTMLSwirlIconSelectElement;
+        "swirl-icon-select-edit": HTMLSwirlIconSelectEditElement;
         "swirl-icon-sell": HTMLSwirlIconSellElement;
         "swirl-icon-send": HTMLSwirlIconSendElement;
         "swirl-icon-settings": HTMLSwirlIconSettingsElement;
@@ -13182,6 +13214,22 @@ declare namespace LocalJSX {
          */
         "size"?: SwirlIconSize;
     }
+    interface SwirlIconSelect {
+        "color"?: SwirlIconColor1;
+        "label"?: string;
+        /**
+          * @default 24
+         */
+        "size"?: SwirlIconSize;
+    }
+    interface SwirlIconSelectEdit {
+        "color"?: SwirlIconColor1;
+        "label"?: string;
+        /**
+          * @default 24
+         */
+        "size"?: SwirlIconSize;
+    }
     interface SwirlIconSell {
         "color"?: SwirlIconColor1;
         "label"?: string;
@@ -17369,6 +17417,16 @@ declare namespace LocalJSX {
         "label": string;
         "size": SwirlIconSize;
     }
+    interface SwirlIconSelectAttributes {
+        "color": SwirlIconColor;
+        "label": string;
+        "size": SwirlIconSize;
+    }
+    interface SwirlIconSelectEditAttributes {
+        "color": SwirlIconColor;
+        "label": string;
+        "size": SwirlIconSize;
+    }
     interface SwirlIconSellAttributes {
         "color": SwirlIconColor;
         "label": string;
@@ -18892,6 +18950,8 @@ declare namespace LocalJSX {
         "swirl-icon-search-strong": Omit<SwirlIconSearchStrong, keyof SwirlIconSearchStrongAttributes> & { [K in keyof SwirlIconSearchStrong & keyof SwirlIconSearchStrongAttributes]?: SwirlIconSearchStrong[K] } & { [K in keyof SwirlIconSearchStrong & keyof SwirlIconSearchStrongAttributes as `attr:${K}`]?: SwirlIconSearchStrongAttributes[K] } & { [K in keyof SwirlIconSearchStrong & keyof SwirlIconSearchStrongAttributes as `prop:${K}`]?: SwirlIconSearchStrong[K] };
         "swirl-icon-section": Omit<SwirlIconSection, keyof SwirlIconSectionAttributes> & { [K in keyof SwirlIconSection & keyof SwirlIconSectionAttributes]?: SwirlIconSection[K] } & { [K in keyof SwirlIconSection & keyof SwirlIconSectionAttributes as `attr:${K}`]?: SwirlIconSectionAttributes[K] } & { [K in keyof SwirlIconSection & keyof SwirlIconSectionAttributes as `prop:${K}`]?: SwirlIconSection[K] };
         "swirl-icon-secure": Omit<SwirlIconSecure, keyof SwirlIconSecureAttributes> & { [K in keyof SwirlIconSecure & keyof SwirlIconSecureAttributes]?: SwirlIconSecure[K] } & { [K in keyof SwirlIconSecure & keyof SwirlIconSecureAttributes as `attr:${K}`]?: SwirlIconSecureAttributes[K] } & { [K in keyof SwirlIconSecure & keyof SwirlIconSecureAttributes as `prop:${K}`]?: SwirlIconSecure[K] };
+        "swirl-icon-select": Omit<SwirlIconSelect, keyof SwirlIconSelectAttributes> & { [K in keyof SwirlIconSelect & keyof SwirlIconSelectAttributes]?: SwirlIconSelect[K] } & { [K in keyof SwirlIconSelect & keyof SwirlIconSelectAttributes as `attr:${K}`]?: SwirlIconSelectAttributes[K] } & { [K in keyof SwirlIconSelect & keyof SwirlIconSelectAttributes as `prop:${K}`]?: SwirlIconSelect[K] };
+        "swirl-icon-select-edit": Omit<SwirlIconSelectEdit, keyof SwirlIconSelectEditAttributes> & { [K in keyof SwirlIconSelectEdit & keyof SwirlIconSelectEditAttributes]?: SwirlIconSelectEdit[K] } & { [K in keyof SwirlIconSelectEdit & keyof SwirlIconSelectEditAttributes as `attr:${K}`]?: SwirlIconSelectEditAttributes[K] } & { [K in keyof SwirlIconSelectEdit & keyof SwirlIconSelectEditAttributes as `prop:${K}`]?: SwirlIconSelectEdit[K] };
         "swirl-icon-sell": Omit<SwirlIconSell, keyof SwirlIconSellAttributes> & { [K in keyof SwirlIconSell & keyof SwirlIconSellAttributes]?: SwirlIconSell[K] } & { [K in keyof SwirlIconSell & keyof SwirlIconSellAttributes as `attr:${K}`]?: SwirlIconSellAttributes[K] } & { [K in keyof SwirlIconSell & keyof SwirlIconSellAttributes as `prop:${K}`]?: SwirlIconSell[K] };
         "swirl-icon-send": Omit<SwirlIconSend, keyof SwirlIconSendAttributes> & { [K in keyof SwirlIconSend & keyof SwirlIconSendAttributes]?: SwirlIconSend[K] } & { [K in keyof SwirlIconSend & keyof SwirlIconSendAttributes as `attr:${K}`]?: SwirlIconSendAttributes[K] } & { [K in keyof SwirlIconSend & keyof SwirlIconSendAttributes as `prop:${K}`]?: SwirlIconSend[K] };
         "swirl-icon-settings": Omit<SwirlIconSettings, keyof SwirlIconSettingsAttributes> & { [K in keyof SwirlIconSettings & keyof SwirlIconSettingsAttributes]?: SwirlIconSettings[K] } & { [K in keyof SwirlIconSettings & keyof SwirlIconSettingsAttributes as `attr:${K}`]?: SwirlIconSettingsAttributes[K] } & { [K in keyof SwirlIconSettings & keyof SwirlIconSettingsAttributes as `prop:${K}`]?: SwirlIconSettings[K] };
@@ -19409,6 +19469,8 @@ declare module "@stencil/core" {
             "swirl-icon-search-strong": LocalJSX.IntrinsicElements["swirl-icon-search-strong"] & JSXBase.HTMLAttributes<HTMLSwirlIconSearchStrongElement>;
             "swirl-icon-section": LocalJSX.IntrinsicElements["swirl-icon-section"] & JSXBase.HTMLAttributes<HTMLSwirlIconSectionElement>;
             "swirl-icon-secure": LocalJSX.IntrinsicElements["swirl-icon-secure"] & JSXBase.HTMLAttributes<HTMLSwirlIconSecureElement>;
+            "swirl-icon-select": LocalJSX.IntrinsicElements["swirl-icon-select"] & JSXBase.HTMLAttributes<HTMLSwirlIconSelectElement>;
+            "swirl-icon-select-edit": LocalJSX.IntrinsicElements["swirl-icon-select-edit"] & JSXBase.HTMLAttributes<HTMLSwirlIconSelectEditElement>;
             "swirl-icon-sell": LocalJSX.IntrinsicElements["swirl-icon-sell"] & JSXBase.HTMLAttributes<HTMLSwirlIconSellElement>;
             "swirl-icon-send": LocalJSX.IntrinsicElements["swirl-icon-send"] & JSXBase.HTMLAttributes<HTMLSwirlIconSendElement>;
             "swirl-icon-settings": LocalJSX.IntrinsicElements["swirl-icon-settings"] & JSXBase.HTMLAttributes<HTMLSwirlIconSettingsElement>;

package/package.json

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