@getflip/swirl-ai 0.507.0 → 0.509.0

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

@@ -27,6 +27,7 @@ The SwirlChip component is used to represent an input, attribute, or action.
 ## Slots
 
 - **`avatar`** – Optional avatar displayed inside the chip. Should have size "xs".
+- **`trailing-content`** – Optional content displayed at the end of the chip.
 
 ## Events
 

package/dist/agent/components/swirl-file-viewer-video.md

@@ -25,6 +25,7 @@ _None._
 - `playbackPlay` – CustomEvent<{ currentTime: number; duration: number; videoEl: HTMLVideoElement; }>
 - `playbackRateChange` – CustomEvent<SwirlFileViewerVideoPlaybackDetail & { playbackRate: number; }>
 - `playbackSeeked` – CustomEvent<{ currentTime: number; duration: number; videoEl: HTMLVideoElement; }>
+- `playbackSeeking` – CustomEvent<{ currentTime: number; duration: number; videoEl: HTMLVideoElement; }>
 - `playbackTeardown` – CustomEvent<{ currentTime: number; duration: number; videoEl: HTMLVideoElement; }>
 - `playbackTimeUpdate` – CustomEvent<{ currentTime: number; duration: number; videoEl: HTMLVideoElement; }>
 

package/dist/custom-elements.manifest.json

@@ -183,7 +183,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "default": "uuid()",
+              "default": "crypto.randomUUID()",
               "fieldName": "itemId"
             }
           ],
@@ -246,7 +246,7 @@
               "type": {
                 "text": "string | undefined"
               },
-              "default": "uuid()",
+              "default": "crypto.randomUUID()",
               "readonly": true,
               "attribute": "item-id"
             },
@@ -6264,6 +6264,10 @@
             {
               "name": "avatar",
               "description": "Optional avatar displayed inside the chip. Should have size \"xs\"."
+            },
+            {
+              "name": "trailing-content",
+              "description": "Optional content displayed at the end of the chip."
             }
           ],
           "description": "The SwirlChip component is used to represent an input, attribute, or action.\n\nAccessibility\n\n### ARIA\n\n| ARIA            | Usage                                                               |\n| --------------- | ------------------------------------------------------------------- |\n| `role=\"button\"` | For interactive chips; achieved by using a native `button` element. |\n\n### Keyboard\n\n| Key              | Action                          |\n| ---------------- | ------------------------------- |\n| <kbd>ENTER</kbd> | Activates the interactive chip. |\n| <kbd>SPACE</kbd> | Activates the interactive chip. |"
@@ -10939,6 +10943,17 @@
                 ]
               }
             },
+            {
+              "name": "playbackSeeking",
+              "type": {
+                "text": "CustomEvent<{ currentTime: number; duration: number; videoEl: HTMLVideoElement; }>",
+                "references": [
+                  {
+                    "name": "SwirlFileViewerVideoPlaybackDetail"
+                  }
+                ]
+              }
+            },
             {
               "name": "playbackTeardown",
               "type": {

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

@@ -6,6 +6,7 @@ export type SwirlChipSize = "s" | "m";
 export type SwirlChipVariant = "outline" | "plain" | "translucent";
 /**
  * @slot avatar - Optional avatar displayed inside the chip. Should have size "xs".
+ * @slot trailing-content - Optional content displayed at the end of the chip.
  */
 export declare class SwirlChip {
     el: HTMLElement;

package/dist/types/components/swirl-file-viewer/viewers/swirl-file-viewer-video/swirl-file-viewer-video.d.ts

@@ -17,6 +17,7 @@ export declare class SwirlFileViewerVideo {
     playbackPause: EventEmitter<SwirlFileViewerVideoPlaybackDetail>;
     playbackTimeUpdate: EventEmitter<SwirlFileViewerVideoPlaybackDetail>;
     playbackSeeked: EventEmitter<SwirlFileViewerVideoPlaybackDetail>;
+    playbackSeeking: EventEmitter<SwirlFileViewerVideoPlaybackDetail>;
     playbackRateChange: EventEmitter<SwirlFileViewerVideoPlaybackRateChangeDetail>;
     playbackEnded: EventEmitter<SwirlFileViewerVideoPlaybackDetail>;
     playbackTeardown: EventEmitter<SwirlFileViewerVideoPlaybackDetail>;
@@ -30,6 +31,7 @@ export declare class SwirlFileViewerVideo {
     private onNativePause;
     private onNativeTimeUpdate;
     private onNativeSeeked;
+    private onNativeSeeking;
     private onNativeRateChange;
     private onNativeEnded;
     render(): any;

package/dist/types/components/swirl-resource-list/swirl-resource-list.d.ts

@@ -21,7 +21,7 @@ export declare class SwirlResourceList {
     semantics?: SwirlResourceListSemantics;
     spacing?: SwirlStackSpacing;
     assistiveText: string;
-    listId: string;
+    listId: `${string}-${string}-${string}-${string}-${string}`;
     itemDrop: EventEmitter<{
         item: HTMLSwirlResourceListItemElement;
         oldIndex: number;

package/dist/types/components.d.ts

@@ -206,7 +206,7 @@ export namespace Components {
         "headingLevel"?: SwirlHeadingLevel;
         "initiallyOpen"?: boolean;
         /**
-          * @default uuid()
+          * @default crypto.randomUUID()
          */
         "itemId"?: string;
         /**
@@ -6615,6 +6615,7 @@ declare global {
         "playbackPause": SwirlFileViewerVideoPlaybackDetail;
         "playbackTimeUpdate": SwirlFileViewerVideoPlaybackDetail;
         "playbackSeeked": SwirlFileViewerVideoPlaybackDetail;
+        "playbackSeeking": SwirlFileViewerVideoPlaybackDetail;
         "playbackRateChange": SwirlFileViewerVideoPlaybackRateChangeDetail;
         "playbackEnded": SwirlFileViewerVideoPlaybackDetail;
         "playbackTeardown": SwirlFileViewerVideoPlaybackDetail;
@@ -10300,7 +10301,7 @@ declare namespace LocalJSX {
         "headingLevel"?: SwirlHeadingLevel;
         "initiallyOpen"?: boolean;
         /**
-          * @default uuid()
+          * @default crypto.randomUUID()
          */
         "itemId"?: string;
         "onExpansionChange"?: (event: SwirlAccordionItemCustomEvent<boolean>) => void;
@@ -11324,6 +11325,7 @@ declare namespace LocalJSX {
         "onPlaybackPlay"?: (event: SwirlFileViewerVideoCustomEvent<SwirlFileViewerVideoPlaybackDetail>) => void;
         "onPlaybackRateChange"?: (event: SwirlFileViewerVideoCustomEvent<SwirlFileViewerVideoPlaybackRateChangeDetail>) => void;
         "onPlaybackSeeked"?: (event: SwirlFileViewerVideoCustomEvent<SwirlFileViewerVideoPlaybackDetail>) => void;
+        "onPlaybackSeeking"?: (event: SwirlFileViewerVideoCustomEvent<SwirlFileViewerVideoPlaybackDetail>) => void;
         "onPlaybackTeardown"?: (event: SwirlFileViewerVideoCustomEvent<SwirlFileViewerVideoPlaybackDetail>) => void;
         "onPlaybackTimeUpdate"?: (event: SwirlFileViewerVideoCustomEvent<SwirlFileViewerVideoPlaybackDetail>) => void;
     }

package/package.json

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