@aleph-alpha/chat-kit 1.9.1 → 1.11.0

package/dist/{CkInput.vue_vue_type_script_setup_true_lang-CHPs-R5p.js → CkInput.vue_vue_type_script_setup_true_lang-C1Jnn1fK.js}

@@ -1,7 +1,7 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createCommentVNode, ref, onMounted, nextTick, onUnmounted, watch, Fragment, renderList, normalizeStyle, createBlock, unref, mergeProps, withCtx, createVNode, Transition, toDisplayString, computed, normalizeClass, useAttrs, useSlots, withModifiers, resolveDynamicComponent, toRefs, h, useId, useTemplateRef, createTextVNode, createSlots, normalizeProps, guardReactiveProps } from "vue";
 import { u as useChatKitLabels, d as defaultChatKitLabels, a as useMarkdownParser } from "./useChatKitLabels-ftC52m7f.js";
-import { UiButton, UiTooltip, UiIcon, Primitive, UiPopover, UiPopoverTrigger, UiPopoverContent, UiAvatar, UiAvatarImage, UiSpinner, UiAvatarFallback, UiSidebarPopoverMenu, UiSidebarPopoverMenuItem } from "@aleph-alpha/ui-library";
-const _hoisted_1$9 = {
+import { UiButton, UiTooltip, UiIcon, UiFileItem, UiPopover, UiPopoverTrigger, UiFileType, UiPopoverContent, Primitive, UiAvatar, UiAvatarImage, UiSpinner, UiAvatarFallback, UiSidebarPopoverMenu, UiSidebarPopoverMenuItem } from "@aleph-alpha/ui-library";
+const _hoisted_1$a = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
@@ -12,31 +12,31 @@ const _hoisted_1$9 = {
   "stroke-linecap": "round",
   "stroke-linejoin": "round"
 };
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   ...{ name: "CkSendIcon" },
   __name: "CkSendIcon",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1$9, [..._cache[0] || (_cache[0] = [
+      return openBlock(), createElementBlock("svg", _hoisted_1$a, [..._cache[0] || (_cache[0] = [
         createElementVNode("path", { d: "M3.714 3.048a.498.498 0 0 0-.683.627l2.843 7.627a2 2 0 0 1 0 1.396l-2.842 7.627a.498.498 0 0 0 .682.627l18-8.5a.5.5 0 0 0 0-.904z" }, null, -1),
         createElementVNode("path", { d: "M6 12h16" }, null, -1)
       ])]);
     };
   }
 });
-const _hoisted_1$8 = {
+const _hoisted_1$9 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "16",
   height: "16",
   viewBox: "0 0 16 16",
   fill: "none"
 };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...{ name: "CkStopIcon" },
   __name: "CkStopIcon",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", _hoisted_1$8, [..._cache[0] || (_cache[0] = [
+      return openBlock(), createElementBlock("svg", _hoisted_1$9, [..._cache[0] || (_cache[0] = [
         createElementVNode("path", {
           d: "M13.3335 3.33301C13.3335 2.96482 13.035 2.66634 12.6668 2.66634H3.3335C2.96531 2.66634 2.66683 2.96482 2.66683 3.33301V12.6663C2.66683 13.0345 2.96531 13.333 3.3335 13.333H12.6668C13.035 13.333 13.3335 13.0345 13.3335 12.6663V3.33301ZM14.6668 12.6663C14.6668 13.7709 13.7714 14.6663 12.6668 14.6663H3.3335C2.22893 14.6663 1.3335 13.7709 1.3335 12.6663V3.33301C1.3335 2.22844 2.22893 1.33301 3.3335 1.33301H12.6668C13.7714 1.33301 14.6668 2.22844 14.6668 3.33301V12.6663Z",
           fill: "#1D1D1B"
@@ -45,37 +45,37 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = { class: "flex w-full items-start gap-2" };
-const _hoisted_2$4 = {
+const _hoisted_1$8 = { class: "flex w-full items-start gap-2" };
+const _hoisted_2$5 = {
   key: 0,
   class: "flex flex-shrink-0 items-center justify-center"
 };
-const _hoisted_3$3 = { class: "text-core-content-primary flex min-w-0 flex-1 flex-col gap-2" };
-const _hoisted_4$2 = {
+const _hoisted_3$4 = { class: "text-core-content-primary flex min-w-0 flex-1 flex-col gap-2" };
+const _hoisted_4$3 = {
   key: 0,
   class: "text-sm font-bold"
 };
-const _hoisted_5$2 = {
+const _hoisted_5$3 = {
   key: 1,
   class: "flex items-center"
 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   ...{ name: "CkAgentMessage" },
   __name: "CkAgentMessage",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        _ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
           renderSlot(_ctx.$slots, "icon")
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_3$3, [
-          _ctx.$slots.header ? (openBlock(), createElementBlock("span", _hoisted_4$2, [
+        createElementVNode("div", _hoisted_3$4, [
+          _ctx.$slots.header ? (openBlock(), createElementBlock("span", _hoisted_4$3, [
             renderSlot(_ctx.$slots, "header")
           ])) : createCommentVNode("", true),
           createElementVNode("div", null, [
             renderSlot(_ctx.$slots, "default")
           ]),
-          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
+          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
             renderSlot(_ctx.$slots, "footer")
           ])) : createCommentVNode("", true)
         ])
@@ -83,16 +83,16 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$6 = ["data-message-row"];
-const _hoisted_2$3 = {
+const _hoisted_1$7 = ["data-message-row"];
+const _hoisted_2$4 = {
   key: 0,
   class: "flex justify-end"
 };
-const _hoisted_3$2 = {
+const _hoisted_3$3 = {
   key: 1,
   class: "flex justify-start"
 };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   ...{ name: "CkConversationLayout" },
   __name: "CkConversationLayout",
   props: {
@@ -232,12 +232,12 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             key: message.id,
             "data-message-row": message.role
           }, [
-            message.role === "user" ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
+            message.role === "user" ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
               renderSlot(_ctx.$slots, "user-message", { message })
-            ])) : (openBlock(), createElementBlock("div", _hoisted_3$2, [
+            ])) : (openBlock(), createElementBlock("div", _hoisted_3$3, [
               renderSlot(_ctx.$slots, "agent-message", { message })
             ]))
-          ], 8, _hoisted_1$6);
+          ], 8, _hoisted_1$7);
         }), 128)),
         hasBottomSpacer.value ? (openBlock(), createElementBlock("div", {
           key: 0,
@@ -248,7 +248,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkMessageActionButton"
   },
@@ -272,11 +272,11 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = {
+const _hoisted_1$6 = {
   class: "sr-only",
   "aria-live": "polite"
 };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkCopyMessageActionButton"
   },
@@ -333,7 +333,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         "delay-duration": 0
       }, {
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$d), mergeProps({ ariaLabel: copied.value ? __props.ariaLabelCopied : __props.ariaLabelCopy }, {
+          createVNode(unref(_sfc_main$f), mergeProps({ ariaLabel: copied.value ? __props.ariaLabelCopied : __props.ariaLabelCopy }, {
             disabled: __props.disabled,
             onClick: handleClick
           }), {
@@ -360,7 +360,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 16, ["disabled"]),
-          createElementVNode("span", _hoisted_1$5, toDisplayString(copied.value ? __props.ariaLabelCopied : __props.ariaLabelCopy), 1)
+          createElementVNode("span", _hoisted_1$6, toDisplayString(copied.value ? __props.ariaLabelCopied : __props.ariaLabelCopy), 1)
         ]),
         _: 1
       }, 8, ["open", "content"]);
@@ -374,9 +374,9 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const CkCopyMessageActionButton = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-f77a1193"]]);
-const _hoisted_1$4 = ["aria-label"];
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const CkCopyMessageActionButton = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-f77a1193"]]);
+const _hoisted_1$5 = ["aria-label"];
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   ...{
     name: "CkFeedbackButton"
   },
@@ -431,7 +431,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           "delay-duration": 0
         }, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$d), mergeProps({ ariaLabel: thumbsUpLabel.value }, {
+            createVNode(unref(_sfc_main$f), mergeProps({ ariaLabel: thumbsUpLabel.value }, {
               "aria-pressed": isUpSelected.value,
               "aria-disabled": __props.locked || void 0,
               disabled: isUpDisabled.value,
@@ -461,7 +461,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           "delay-duration": 0
         }, {
           default: withCtx(() => [
-            createVNode(unref(_sfc_main$d), mergeProps({ ariaLabel: thumbsDownLabel.value }, {
+            createVNode(unref(_sfc_main$f), mergeProps({ ariaLabel: thumbsDownLabel.value }, {
               "aria-pressed": isDownSelected.value,
               "aria-disabled": __props.locked || void 0,
               disabled: isDownDisabled.value,
@@ -484,11 +484,205 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["content"])
-      ], 8, _hoisted_1$4);
+      ], 8, _hoisted_1$5);
+    };
+  }
+});
+const CkFeedbackButton = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-245705b8"]]);
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CkFileItemRow",
+    inheritAttrs: false
+  },
+  __name: "CkFileItemRow",
+  props: {
+    file: {},
+    size: {},
+    isRemovable: { type: Boolean },
+    removeLabel: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["remove"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default", {
+        file: __props.file,
+        remove: () => emit("remove"),
+        size: __props.size,
+        isRemovable: __props.isRemovable,
+        removeLabel: __props.removeLabel,
+        disabled: __props.disabled
+      }, () => [
+        createVNode(unref(UiFileItem), {
+          filename: __props.file.filename,
+          "type-label": __props.file.typeLabel,
+          "size-label": __props.file.sizeLabel,
+          progress: __props.file.progress ?? null,
+          error: __props.file.error ?? null,
+          "media-icon": __props.file.mediaIcon,
+          "media-tone": __props.file.mediaTone,
+          size: __props.size,
+          removable: __props.isRemovable && !__props.disabled,
+          "remove-label": __props.removeLabel,
+          disabled: __props.disabled,
+          onRemove: _cache[0] || (_cache[0] = ($event) => emit("remove"))
+        }, null, 8, ["filename", "type-label", "size-label", "progress", "error", "media-icon", "media-tone", "size", "removable", "remove-label", "disabled"])
+      ]);
+    };
+  }
+});
+const _hoisted_1$4 = ["aria-label"];
+const _hoisted_2$3 = ["onClick"];
+const _hoisted_3$2 = ["disabled", "aria-label"];
+const _hoisted_4$2 = ["aria-label"];
+const _hoisted_5$2 = ["onClick"];
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "CkFileItemsList"
+  },
+  __name: "CkFileItemsList",
+  props: {
+    files: {},
+    maxInline: { default: 3 },
+    size: { default: "small" },
+    isRemovable: { type: Boolean, default: false },
+    removeLabel: { default: "Remove file" },
+    disabled: { type: Boolean, default: false },
+    triggerLabel: { default: void 0 },
+    triggerAriaLabel: { default: void 0 },
+    listLabel: { default: void 0 },
+    popoverClass: { default: void 0 }
+  },
+  emits: ["remove", "item-click"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isCollapsed = computed(() => props.files.length > props.maxInline);
+    const isOpen = ref(false);
+    function isRowDisabled(file) {
+      return props.disabled || file.disabled === true;
+    }
+    const defaultTriggerLabel = computed(() => `${props.files.length} files`);
+    const resolvedTriggerLabel = computed(
+      () => props.triggerLabel ?? defaultTriggerLabel.value
+    );
+    const resolvedTriggerAriaLabel = computed(
+      () => props.triggerAriaLabel ?? props.triggerLabel ?? defaultTriggerLabel.value
+    );
+    function handleRemove(file) {
+      if (isRowDisabled(file)) return;
+      emit("remove", file.id);
+    }
+    function handleRowClick(file, event) {
+      if (isRowDisabled(file)) return;
+      const target = event.target;
+      if (target?.closest('button, a, [role="button"]')) return;
+      emit("item-click", file, event);
+      if (isOpen.value) isOpen.value = false;
+    }
+    return (_ctx, _cache) => {
+      return !isCollapsed.value ? (openBlock(), createElementBlock("ul", {
+        key: 0,
+        "data-slot": "file-items-list",
+        class: "m-0 flex w-full min-w-0 list-none flex-wrap items-center gap-2 p-0",
+        "aria-label": __props.listLabel
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.files, (file) => {
+          return openBlock(), createElementBlock("li", {
+            key: file.id,
+            class: "min-w-0 max-w-64 flex-1 basis-0",
+            onClick: ($event) => handleRowClick(file, $event)
+          }, [
+            createVNode(_sfc_main$c, {
+              file,
+              size: __props.size,
+              "is-removable": __props.isRemovable,
+              "remove-label": __props.removeLabel,
+              disabled: isRowDisabled(file),
+              onRemove: ($event) => handleRemove(file)
+            }, {
+              default: withCtx((bindings) => [
+                renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, bindings))
+              ]),
+              _: 3
+            }, 8, ["file", "size", "is-removable", "remove-label", "disabled", "onRemove"])
+          ], 8, _hoisted_2$3);
+        }), 128))
+      ], 8, _hoisted_1$4)) : (openBlock(), createBlock(unref(UiPopover), {
+        key: 1,
+        open: isOpen.value,
+        "onUpdate:open": _cache[0] || (_cache[0] = ($event) => isOpen.value = $event)
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(UiPopoverTrigger), { "as-child": "" }, {
+            default: withCtx(() => [
+              createElementVNode("button", {
+                type: "button",
+                "data-slot": "file-items-list-trigger",
+                disabled: __props.disabled,
+                class: normalizeClass(["relative flex w-full max-w-64 min-w-0 items-center gap-3 rounded-xl bg-background-surface-muted-subtle text-left transition-colors hover:bg-background-surface-muted focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-background-surface-muted-subtle", __props.size === "small" ? "p-2" : "p-3"]),
+                "aria-label": resolvedTriggerAriaLabel.value
+              }, [
+                createVNode(unref(UiFileType), {
+                  icon: "paperclip",
+                  tone: "default"
+                }),
+                createElementVNode("span", {
+                  class: normalizeClass(["min-w-0 flex-1 truncate text-content-on-surface-primary", __props.size === "small" ? "label-12-medium" : "body-14-medium"])
+                }, toDisplayString(resolvedTriggerLabel.value), 3),
+                createVNode(unref(UiIcon), {
+                  name: "chevron-down",
+                  size: 16,
+                  "aria-hidden": "true",
+                  class: normalizeClass(["shrink-0 text-content-on-surface-muted transition-transform", isOpen.value && "rotate-180"])
+                }, null, 8, ["class"])
+              ], 10, _hoisted_3$2)
+            ]),
+            _: 1
+          }),
+          createVNode(unref(UiPopoverContent), {
+            align: "start",
+            "side-offset": 4,
+            class: normalizeClass(["w-64 p-2", __props.popoverClass])
+          }, {
+            default: withCtx(() => [
+              createElementVNode("ul", {
+                "data-slot": "file-items-list-collapsed",
+                class: "m-0 flex list-none flex-col gap-2 p-0",
+                "aria-label": __props.listLabel
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(__props.files, (file) => {
+                  return openBlock(), createElementBlock("li", {
+                    key: file.id,
+                    class: "min-w-0 max-w-64",
+                    onClick: ($event) => handleRowClick(file, $event)
+                  }, [
+                    createVNode(_sfc_main$c, {
+                      file,
+                      size: __props.size,
+                      "is-removable": __props.isRemovable,
+                      "remove-label": __props.removeLabel,
+                      disabled: isRowDisabled(file),
+                      onRemove: ($event) => handleRemove(file)
+                    }, {
+                      default: withCtx((bindings) => [
+                        renderSlot(_ctx.$slots, "item", mergeProps({ ref_for: true }, bindings))
+                      ]),
+                      _: 3
+                    }, 8, ["file", "size", "is-removable", "remove-label", "disabled", "onRemove"])
+                  ], 8, _hoisted_5$2);
+                }), 128))
+              ], 8, _hoisted_4$2)
+            ]),
+            _: 3
+          }, 8, ["class"])
+        ]),
+        _: 3
+      }, 8, ["open"]));
     };
   }
 });
-const CkFeedbackButton = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-245705b8"]]);
 const CHAT_HISTORY_ACTIVE_INDICATOR_CLASS = "ui-active-indicator";
 const _hoisted_1$3 = ["data-active"];
 const _hoisted_2$2 = { class: "min-w-0 flex-1" };
@@ -1066,7 +1260,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       return message.content.filter((c) => c.type === "text").map((c) => c.text).join("");
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$e, { messages: __props.messages }, {
+      return openBlock(), createBlock(_sfc_main$g, { messages: __props.messages }, {
         "user-message": withCtx(({ message }) => [
           createElementVNode("div", {
             class: normalizeClass({ "ml-8": hasIcon.value })
@@ -1085,7 +1279,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         ]),
         "agent-message": withCtx(({ message }) => [
           renderSlot(_ctx.$slots, "agent-message", { message }, () => [
-            createVNode(_sfc_main$f, null, createSlots({
+            createVNode(_sfc_main$h, null, createSlots({
               footer: withCtx(() => [
                 renderSlot(_ctx.$slots, "agent-message-footer", { message }, () => [
                   getMessageText(message) && !isLoading(message) ? (openBlock(), createBlock(CkCopyMessageActionButton, {
@@ -1328,7 +1522,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "stop-icon", {}, () => [
-                  createVNode(_sfc_main$g)
+                  createVNode(_sfc_main$i)
                 ])
               ]),
               _: 3
@@ -1338,7 +1532,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }), {
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "send-icon", {}, () => [
-                  createVNode(_sfc_main$h)
+                  createVNode(_sfc_main$j)
                 ])
               ]),
               _: 3
@@ -1368,21 +1562,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 export {
   CkCopyMessageActionButton as C,
-  _sfc_main$f as _,
+  _sfc_main$h as _,
   _sfc_main$2 as a,
-  _sfc_main$e as b,
+  _sfc_main$g as b,
   CkFeedbackButton as c,
-  _sfc_main$1 as d,
-  _sfc_main$a as e,
-  _sfc_main$9 as f,
-  _sfc_main as g,
-  _sfc_main$8 as h,
-  _sfc_main$d as i,
-  _sfc_main$7 as j,
-  _sfc_main$5 as k,
-  _sfc_main$4 as l,
-  _sfc_main$6 as m,
-  _sfc_main$h as n,
-  _sfc_main$g as o,
-  _sfc_main$3 as p
+  _sfc_main$b as d,
+  _sfc_main$1 as e,
+  _sfc_main$a as f,
+  _sfc_main$9 as g,
+  _sfc_main as h,
+  _sfc_main$8 as i,
+  _sfc_main$f as j,
+  _sfc_main$7 as k,
+  _sfc_main$5 as l,
+  _sfc_main$4 as m,
+  _sfc_main$6 as n,
+  _sfc_main$j as o,
+  _sfc_main$i as p,
+  _sfc_main$3 as q
 };

package/dist/components/base/CkFileItemsList/CkFileItemRow.vue.d.ts

@@ -0,0 +1,33 @@
+import { type UiFileItemSize } from '@aleph-alpha/ui-library';
+import type { CkFileEntry } from './types';
+type __VLS_Props = {
+    file: CkFileEntry;
+    size: UiFileItemSize;
+    isRemovable: boolean;
+    removeLabel: string;
+    disabled: boolean;
+};
+type __VLS_Slots = {
+    default?: (props: {
+        file: CkFileEntry;
+        remove: () => void;
+        size: UiFileItemSize;
+        isRemovable: boolean;
+        removeLabel: string;
+        disabled: boolean;
+    }) => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    remove: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRemove?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=CkFileItemRow.vue.d.ts.map

package/dist/components/base/CkFileItemsList/CkFileItemRow.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CkFileItemRow.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkFileItemsList/CkFileItemRow.vue"],"names":[],"mappings":"AAgEA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAS3C,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,WAAW,CAAC;IAClB,IAAI,EAAE,cAAc,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB,CAAC;AASF,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAChB,IAAI,EAAE,WAAW,CAAC;QAClB,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,IAAI,EAAE,cAAc,CAAC;QACrB,WAAW,EAAE,OAAO,CAAC;QACrB,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;KACnB,KAAK,OAAO,CAAC;CACf,CAAC;AA2EF,QAAA,MAAM,UAAU;;;;kFAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/base/CkFileItemsList/CkFileItemsList.stories.d.ts

@@ -0,0 +1,42 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import CkFileItemsList from './CkFileItemsList.vue';
+declare const meta: Meta<typeof CkFileItemsList>;
+export default meta;
+type Story = StoryObj<typeof CkFileItemsList>;
+/**
+ * Up to `maxInline` (default `3`) files are rendered inline as a horizontal
+ * row of `UiFileItem`s.
+ */
+export declare const Inline: Story;
+/**
+ * When the list overflows `maxInline`, the component collapses to a single
+ * popover trigger. Click it to reveal the full vertical list of files.
+ */
+export declare const Collapsed: Story;
+/**
+ * Each row exposes a remove control when `isRemovable` is `true`. The component
+ * emits `remove` with the corresponding file `id`.
+ */
+export declare const Removable: Story;
+/**
+ * Use the `item` scoped slot to replace the row rendering entirely. The
+ * default renders `UiFileItem`; overriding it lets consumers render any
+ * component (router links, custom chips, project-specific file rows, …)
+ * while still receiving the file data and a pre-bound `remove` handler.
+ */
+export declare const CustomItem: Story;
+/**
+ * Listen for `item-click` to make rows actionable (open a file viewer,
+ * navigate, etc.). Clicks on the remove button — or on any `<button>` /
+ * `<a>` rendered via the `#item` slot — are excluded so they don't double
+ * fire. The popover auto-closes after a click in the collapsed state.
+ */
+export declare const Clickable: Story;
+/**
+ * Set `disabled` on the list (or `disabled: true` on individual `CkFileEntry`)
+ * to make rows `inert` while a response streams or a network request is in
+ * flight. Disabled rows do not emit `remove` or `item-click`, and the
+ * collapsed trigger button itself is `disabled`.
+ */
+export declare const Disabled: Story;
+//# sourceMappingURL=CkFileItemsList.stories.d.ts.map

package/dist/components/base/CkFileItemsList/CkFileItemsList.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CkFileItemsList.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkFileItemsList/CkFileItemsList.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAE3D,OAAO,eAAe,MAAM,uBAAuB,CAAC;AAGpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,eAAe,CAoBtC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,eAAe,CAAC,CAAC;AAqE9C;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAWpB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAWvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAiBvB,CAAC;AAsBF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAC;AAmBF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,EAAE,KAwBvB,CAAC;AAiBF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,EAAE,KAiCtB,CAAC"}

package/dist/components/base/CkFileItemsList/CkFileItemsList.vue.d.ts

@@ -0,0 +1,38 @@
+import { type UiFileItemSize } from '@aleph-alpha/ui-library';
+import type { CkFileEntry, CkFileItemsListProps } from './types';
+type __VLS_Slots = {
+    item: (props: {
+        file: CkFileEntry;
+        remove: () => void;
+        size: UiFileItemSize;
+        isRemovable: boolean;
+        removeLabel: string;
+        disabled: boolean;
+    }) => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<CkFileItemsListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    remove: (id: string | number) => any;
+    "item-click": (file: CkFileEntry, originalEvent: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<CkFileItemsListProps> & Readonly<{
+    onRemove?: ((id: string | number) => any) | undefined;
+    "onItem-click"?: ((file: CkFileEntry, originalEvent: MouseEvent) => any) | undefined;
+}>, {
+    size: UiFileItemSize;
+    disabled: boolean;
+    isRemovable: boolean;
+    removeLabel: string;
+    maxInline: number;
+    triggerLabel: string;
+    triggerAriaLabel: string;
+    listLabel: string;
+    popoverClass: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=CkFileItemsList.vue.d.ts.map

package/dist/components/base/CkFileItemsList/CkFileItemsList.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CkFileItemsList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkFileItemsList/CkFileItemsList.vue"],"names":[],"mappings":"AA2KA,OAAO,EAML,KAAK,cAAc,EACpB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,KAAK,EACV,WAAW,EAEX,oBAAoB,EACrB,MAAM,SAAS,CAAC;AAwBjB,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,CAAC,KAAK,EAAE;QACZ,IAAI,EAAE,WAAW,CAAC;QAClB,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,IAAI,EAAE,cAAc,CAAC;QACrB,WAAW,EAAE,OAAO,CAAC;QACrB,WAAW,EAAE,MAAM,CAAC;QACpB,QAAQ,EAAE,OAAO,CAAC;KACnB,KAAK,OAAO,CAAC;CACf,CAAC;AAsVF,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/base/CkFileItemsList/index.d.ts

@@ -0,0 +1,3 @@
+export { default as CkFileItemsList } from './CkFileItemsList.vue';
+export type * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/base/CkFileItemsList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/base/CkFileItemsList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACnE,mBAAmB,SAAS,CAAC"}