@getflip/swirl-ai 0.490.0 → 0.491.0

package/dist/agent/components/swirl-option-list-item.md

@@ -21,6 +21,7 @@ The SwirlOptionListItem component is used to provide a user-selectable option. I
 - `icon` (string | undefined) – 
 - `iconBadge` (string | undefined) – 
 - `indeterminate` (boolean | undefined) – 
+- `minWidth` (string | undefined) – 
 - `selected` (boolean | undefined) – 
 - `swirlAriaRole` ("menuitemradio" | "option" | undefined) – 
 - `truncateLabel` (boolean | undefined) – 

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

@@ -11,6 +11,7 @@ The SwirlToolbar component is used to provide a set of actions that are relevant
 ## Optional props
 
 - `orientation` ("horizontal" | "vertical" | undefined) – 
+- `spacing` ("0" | "12" | "16" | "2" | "24" | "32" | "4" | "40" | "48" | "64" | "8" | undefined) – 
 
 ## Slots
 

package/dist/custom-elements.manifest.json

@@ -43357,6 +43357,14 @@
               },
               "fieldName": "label"
             },
+            {
+              "name": "min-width",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "\"15rem\"",
+              "fieldName": "minWidth"
+            },
             {
               "name": "selected",
               "type": {
@@ -43502,6 +43510,16 @@
               "readonly": true,
               "attribute": "label"
             },
+            {
+              "kind": "field",
+              "name": "minWidth",
+              "type": {
+                "text": "string | undefined"
+              },
+              "default": "\"15rem\"",
+              "readonly": true,
+              "attribute": "min-width"
+            },
             {
               "kind": "field",
               "name": "selected",
@@ -61340,6 +61358,20 @@
               },
               "default": "\"horizontal\"",
               "fieldName": "orientation"
+            },
+            {
+              "name": "spacing",
+              "type": {
+                "text": "\"0\" | \"12\" | \"16\" | \"2\" | \"24\" | \"32\" | \"4\" | \"40\" | \"48\" | \"64\" | \"8\" | undefined",
+                "references": [
+                  {
+                    "name": "SwirlStackSpacing",
+                    "module": "../swirl-stack/swirl-stack"
+                  }
+                ]
+              },
+              "default": "\"8\"",
+              "fieldName": "spacing"
             }
           ],
           "members": [
@@ -61366,6 +61398,22 @@
               "default": "\"horizontal\"",
               "readonly": true,
               "attribute": "orientation"
+            },
+            {
+              "kind": "field",
+              "name": "spacing",
+              "type": {
+                "text": "\"0\" | \"12\" | \"16\" | \"2\" | \"24\" | \"32\" | \"4\" | \"40\" | \"48\" | \"64\" | \"8\" | undefined",
+                "references": [
+                  {
+                    "name": "SwirlStackSpacing",
+                    "module": "../swirl-stack/swirl-stack"
+                  }
+                ]
+              },
+              "default": "\"8\"",
+              "readonly": true,
+              "attribute": "spacing"
             }
           ],
           "description": "The SwirlToolbar component is used to provide a set of actions that are relevant for the given context. It has to be used in conjunction with the [SwirlButton](?path=/docs/components-swirlbutton--docs) and / or [SwirlChip](?path=/docs/components-swirlchip--docs) component.\n\nAccessibility\n\n### ARIA\n\nThis component follows the\n[WAI-ARIA Toolbar Pattern](https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/).\n\n### Keyboard\n\n| Key                    | Action                                    |\n| ---------------------- | ----------------------------------------- |\n| <kbd>TAB</kbd>         | Enters and leaves the toolbar             |\n| <kbd>ARROW-RIGHT</kbd> | Go to the next element in the toolbar     |\n| <kbd>ARROW-DOWN</kbd>  | Go to the next element in the toolbar     |\n| <kbd>ARROW-LEFT</kbd>  | Go to the previous element in the toolbar |\n| <kbd>ARROW-UP</kbd>    | Go to the previous element in the toolbar |"

package/dist/types/components/swirl-option-list-item/swirl-option-list-item.d.ts

@@ -16,11 +16,12 @@ export declare class SwirlOptionListItem {
     icon?: string;
     iconBadge?: string;
     label: string;
+    minWidth?: string;
     selected?: boolean;
     indeterminate?: boolean;
     swirlAriaRole?: SwirlOptionListItemRole;
-    value: string;
     truncateLabel?: boolean;
+    value: string;
     toggleDrag: EventEmitter<HTMLSwirlOptionListItemElement>;
     iconSize: 20 | 24;
     focused: boolean;

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

@@ -1,8 +1,10 @@
+import { SwirlStackSpacing } from "../swirl-stack/swirl-stack";
 export type SwirlToolbarOrientation = "horizontal" | "vertical";
 export declare class SwirlToolbar {
     el: HTMLElement;
     label: string;
     orientation?: SwirlToolbarOrientation;
+    spacing?: SwirlStackSpacing;
     componentDidLoad(): void;
     private getItems;
     private onKeyDown;

package/dist/types/components.d.ts

@@ -3738,6 +3738,10 @@ export namespace Components {
          */
         "indeterminate"?: boolean;
         "label": string;
+        /**
+          * @default "15rem"
+         */
+        "minWidth"?: string;
         /**
           * @default false
          */
@@ -5522,6 +5526,10 @@ export namespace Components {
           * @default "horizontal"
          */
         "orientation"?: SwirlToolbarOrientation;
+        /**
+          * @default "8"
+         */
+        "spacing"?: SwirlStackSpacing;
     }
     interface SwirlTooltip {
         /**
@@ -13526,6 +13534,10 @@ declare namespace LocalJSX {
          */
         "indeterminate"?: boolean;
         "label": string;
+        /**
+          * @default "15rem"
+         */
+        "minWidth"?: string;
         "onToggleDrag"?: (event: SwirlOptionListItemCustomEvent<HTMLSwirlOptionListItemElement>) => void;
         /**
           * @default false
@@ -15272,6 +15284,10 @@ declare namespace LocalJSX {
           * @default "horizontal"
          */
         "orientation"?: SwirlToolbarOrientation;
+        /**
+          * @default "8"
+         */
+        "spacing"?: SwirlStackSpacing;
     }
     interface SwirlTooltip {
         /**
@@ -17338,11 +17354,12 @@ declare namespace LocalJSX {
         "icon": string;
         "iconBadge": string;
         "label": string;
+        "minWidth": string;
         "selected": boolean;
         "indeterminate": boolean;
         "swirlAriaRole": SwirlOptionListItemRole;
-        "value": string;
         "truncateLabel": boolean;
+        "value": string;
     }
     interface SwirlOptionListSectionAttributes {
         "label": string;
@@ -18154,6 +18171,7 @@ declare namespace LocalJSX {
     interface SwirlToolbarAttributes {
         "label": string;
         "orientation": SwirlToolbarOrientation;
+        "spacing": SwirlStackSpacing;
     }
     interface SwirlTooltipAttributes {
         "active": boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-ai",
-  "version": "0.490.0",
+  "version": "0.491.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.490.0",
+    "@getflip/swirl-components": "0.491.0",
     "@types/node": "25.3.0",
     "tsx": "^4.7.0",
     "typescript": "5.9.3"