@uzum-tech/ui 2.0.0-beta.8 → 2.0.0-beta.9

package/dist/index.mjs

@@ -5788,7 +5788,7 @@ function wrap(component) {
   });
   wrapped.__wrapped__ = true;
   for (const key of Object.keys(component)) {
-    if (/^__.*__$/.test(key) || key.endsWith("_FLAG")) {
+    if (/^__.*__$/.test(key) || key.endsWith("_FLAG") || key === "alias") {
       wrapped[key] = component[key];
     }
   }
@@ -18423,27 +18423,31 @@ var USelectOption = defineComponent({
     } = inject(internalSelectionMenuInjectionKey);
     const isPendingRef = useMemo(() => {
       const { value: pendingTmNode } = pendingTmNodeRef;
-      if (!pendingTmNode)
+      if (!pendingTmNode) {
         return false;
+      }
       return props.tmNode.key === pendingTmNode.key;
     });
     function handleClick(e) {
       const { tmNode } = props;
-      if (tmNode.disabled)
+      if (tmNode.disabled) {
         return;
+      }
       handleOptionClick(e, tmNode);
     }
     function handleMouseEnter(e) {
       const { tmNode } = props;
-      if (tmNode.disabled)
+      if (tmNode.disabled) {
         return;
+      }
       handleOptionMouseEnter(e, tmNode);
     }
     function handleMouseMove(e) {
       const { tmNode } = props;
       const { value: isPending } = isPendingRef;
-      if (tmNode.disabled || isPending)
+      if (tmNode.disabled || isPending) {
         return;
+      }
       handleOptionMouseEnter(e, tmNode);
     }
     return {
@@ -25749,6 +25753,7 @@ function self$1m(vars) {
     containerPrimary,
     elementsQuaternary,
     elementsPrimary,
+    staticGreen,
     staticOrange,
     staticRed,
     elementsQuinary,
@@ -25802,6 +25807,16 @@ function self$1m(vars) {
       alpha: 0.1
     })}`,
     loadingColor: elementsPrimary,
+    // success
+    loadingColorSuccess: staticGreen,
+    borderSuccess: `2px solid ${staticGreen}`,
+    borderHoverSuccess: `2px solid ${staticGreen}`,
+    colorFocusSuccess: containerPrimary,
+    borderFocusSuccess: `2px solid ${staticGreen}`,
+    boxShadowFocusSuccess: `0 0 0 4px ${changeColor(staticGreen, {
+      alpha: 0.1
+    })}`,
+    caretColorSuccess: elementsPrimary,
     // warning
     loadingColorWarning: staticOrange,
     borderWarning: `2px solid ${staticOrange}`,
@@ -26104,7 +26119,7 @@ cM("pair", [cE("input-el, placeholder", "text-align: center;"), cE("separator",
     transition: color .3s var(--u-bezier);
     margin-left: 4px;
     font-variant: tabular-nums;
-  `), ["warning", "error"].map(status => cM(`${status}-status`, [cNotM("disabled", [cB("base-loading", `
+  `), ["warning", "error", "success"].map(status => cM(`${status}-status`, [cNotM("disabled", [cB("base-loading", `
         color: var(--u-loading-color-${status})
       `), cE("input-el, textarea-el", `
         caret-color: var(--u-caret-color-${status});
@@ -28993,6 +29008,7 @@ var UInput$1 = defineComponent({
           borderRadius,
           textColor,
           caretColor,
+          caretColorSuccess,
           caretColorError,
           caretColorWarning,
           textDecorationColor,
@@ -29008,6 +29024,11 @@ var UInput$1 = defineComponent({
           textColorDisabled,
           boxShadowFocus,
           iconSize,
+          colorFocusSuccess,
+          boxShadowFocusSuccess,
+          borderSuccess,
+          borderFocusSuccess,
+          borderHoverSuccess,
           colorFocusWarning,
           boxShadowFocusWarning,
           borderWarning,
@@ -29030,6 +29051,7 @@ var UInput$1 = defineComponent({
           iconColorHover,
           iconColorPressed,
           loadingColor,
+          loadingColorSuccess,
           loadingColorError,
           loadingColorWarning,
           selectionColor,
@@ -29068,6 +29090,14 @@ var UInput$1 = defineComponent({
         "--u-text-color-disabled": textColorDisabled,
         "--u-box-shadow-focus": boxShadowFocus,
         "--u-loading-color": loadingColor,
+        // form success
+        "--u-caret-color-success": caretColorSuccess,
+        "--u-color-focus-success": colorFocusSuccess,
+        "--u-box-shadow-focus-success": boxShadowFocusSuccess,
+        "--u-border-success": borderSuccess,
+        "--u-border-focus-success": borderFocusSuccess,
+        "--u-border-hover-success": borderHoverSuccess,
+        "--u-loading-color-success": loadingColorSuccess,
         // form warning
         "--u-caret-color-warning": caretColorWarning,
         "--u-color-focus-warning": colorFocusWarning,
@@ -40284,8 +40314,9 @@ var _UCarousel = defineComponent({
     const slideSizesTrigger = ref(0);
     const slideSizesRef = computed(() => {
       const { value: slidesEls } = slideElsRef;
-      if (!slidesEls.length)
+      if (!slidesEls.length) {
         return [];
+      }
       slideSizesTrigger.value;
       const { value: autoSlideSize } = autoSlideSizeRef;
       if (autoSlideSize) {
@@ -40306,8 +40337,9 @@ var _UCarousel = defineComponent({
     });
     const slideTranlatesRef = computed(() => {
       const { value: slideSizes } = slideSizesRef;
-      if (!slideSizes.length)
+      if (!slideSizes.length) {
         return [];
+      }
       const { centeredSlides, spaceBetween } = props;
       const { value: axis } = sizeAxisRef;
       const { [axis]: perViewSize } = perViewSizeRef.value;
@@ -40331,8 +40363,9 @@ var _UCarousel = defineComponent({
     );
     const slideStylesRef = computed(() => {
       const { value: slidesEls } = slideElsRef;
-      if (!slidesEls.length)
+      if (!slidesEls.length) {
         return [];
+      }
       const useComputedSize = !(autoSlideSizeRef.value || realSlidesPerViewRef.value === 1);
       const getSlideSize = (index) => {
         if (useComputedSize) {
@@ -40367,8 +40400,9 @@ var _UCarousel = defineComponent({
       } else {
         const { value: slideSizes } = slideSizesRef;
         const { length } = slideSizes;
-        if (!length)
+        if (!length) {
           return totalSlides;
+        }
         const { value: translates } = slideTranlatesRef;
         const { value: axis } = sizeAxisRef;
         const perViewSize = perViewSizeRef.value[axis];
@@ -40457,21 +40491,25 @@ var _UCarousel = defineComponent({
     }
     function prev() {
       const prevIndex = getRealPrevIndex();
-      if (prevIndex !== null)
+      if (prevIndex !== null) {
         toRealIndex(prevIndex);
+      }
     }
     function next() {
       const nextIndex = getRealNextIndex();
-      if (nextIndex !== null)
+      if (nextIndex !== null) {
         toRealIndex(nextIndex);
+      }
     }
     function prevIfSlideTransitionEnd() {
-      if (!inTransition || !duplicatedableRef.value)
+      if (!inTransition || !duplicatedableRef.value) {
         prev();
+      }
     }
     function nextIfSlideTransitionEnd() {
-      if (!inTransition || !duplicatedableRef.value)
+      if (!inTransition || !duplicatedableRef.value) {
         next();
+      }
     }
     let previousTranslate = 0;
     const translateStyleRef = ref({});
@@ -40547,13 +40585,15 @@ var _UCarousel = defineComponent({
     };
     provideCarouselContext(carouselContext);
     function addSlide(slide) {
-      if (!slide)
+      if (!slide) {
         return;
+      }
       slideElsRef.value.push(slide);
     }
     function removeSlide(slide) {
-      if (!slide)
+      if (!slide) {
         return;
+      }
       const index = getSlideIndex(slide);
       if (index !== -1) {
         slideElsRef.value.splice(index, 1);
@@ -40607,8 +40647,9 @@ var _UCarousel = defineComponent({
     let dragOffset = 0;
     let dragStartTime = 0;
     function handleTouchstart(event) {
-      if (globalDragging)
+      if (globalDragging) {
         return;
+      }
       if (!slidesElRef.value?.contains(
         getPreciseEventTarget(event)
       )) {
@@ -40724,8 +40765,9 @@ var _UCarousel = defineComponent({
     }
     function handleMousewheel(event) {
       event.preventDefault();
-      if (inTransition)
+      if (inTransition) {
         return;
+      }
       let { deltaX, deltaY } = event;
       if (event.shiftKey && !deltaX) {
         deltaX = deltaY;
@@ -40796,8 +40838,9 @@ var _UCarousel = defineComponent({
     watch(
       realIndexRef,
       (realIndex, lastRealIndex) => {
-        if (realIndex === lastRealIndex)
+        if (realIndex === lastRealIndex) {
           return;
+        }
         resetAutoplay();
         if (sequenceLayoutRef.value) {
           if (duplicatedableRef.value && displayTotalViewRef.value > 2) {
@@ -43987,6 +44030,7 @@ const chatInputLight = {
       ...originalInputSelf,
       color: elementsTertiary,
       colorFocus: elementsTertiary,
+      heightMedium: "45px",
       border: "none",
       borderFocus: "none",
       borderHover: "none",
@@ -53486,23 +53530,28 @@ var style$13 = cB("chat", `
             width: 100%;
             padding: 24px 20px 10px 24px;
             flex-shrink: 0;
+          `), cE("header-inner", `
+            display: grid;
+            grid-template-columns: minmax(0, 1fr) auto;
+            align-items: flex-start;
+            gap: 8px;
+          `), cE("header-title-wrap", `
+            min-width: 0;
+            overflow: hidden;
           `), cE("header-title", `
             color: var(--u-header-title-color);
-            flex: 1;
-            min-width: 0;
+            display: block;
             overflow: hidden;
-            text-overflow: ellipsis;
             white-space: nowrap;
-            display: block;
-            margin-right: 16px;
+            text-overflow: ellipsis;
+            width: 100%;
           `), cE("header-subtitle", `
             display: block;
             color: var(--u-sidebar-item-subtitle-color);
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
-            minWidth: 0;
-            maxWidth: 100%;
+            width: 100%;
           `), cE("header-actions", `
             padding: 4px;
             flex-shrink: 0;
@@ -53605,6 +53654,7 @@ var style$13 = cB("chat", `
               height: 44px;
             `)]), cE("message-text", `
             padding: 12px 16px;
+            white-space: pre-wrap;
           `), cE("message-attachment", `
             display: flex;
             align-items: center;
@@ -53681,6 +53731,7 @@ var style$13 = cB("chat", `
           `, [c$1(".u-input-wrapper", `
               flex-wrap: wrap;
               padding: 0 4px;
+              height: 100%;
             `, [c$1(".u-input__prefix", `
                 width: 100%;
                 margin: 0;
@@ -53691,13 +53742,20 @@ var style$13 = cB("chat", `
                   border-top-right-radius: 12px;
                 `), c$1("li", `
                   padding: 12px;
-                `)]), c$1(".u-input__input-el", `
-                padding: 8px;
+                `)]), c$1(".u-input__textarea-el", `
+                padding-top: 12px;
+                padding-left: 12px;
+                padding-right: 48px;
               `), c$1(".u-input__placeholder", `
-                margin: 8px;
+                padding-top: 12px;
+                padding-left: 12px;
+                padding-right: 48px;
               `)])]), cE("editing-block", `
             width: 100%;
           `), cE("input-suffix", `
+            position: absolute;
+            right: 12px;
+            bottom: 12px;
             color: var(--u-input-suffix-color) !important;
             cursor: pointer;
             margin-right: 4px;
@@ -54518,152 +54576,153 @@ var ChatMainArea = defineComponent({
       return value != null ? String(value) : "";
     };
     const renderHeader = () => {
-      return /* @__PURE__ */ h("div", { class: `${mergedClsPrefixRef.value}-chat-main__header` }, /* @__PURE__ */ h(_UFlex, { justify: "space-between", align: "flex-start", wrap: false }, {
-        default: () => {
-          const chat = selectedChatRef.value;
-          const keyId = toKeyString(chat?.id);
-          const keyTitle = toKeyString(chat?.title);
-          return /* @__PURE__ */ h(Fragment, null, /* @__PURE__ */ h(_UFlex, { vertical: true, size: [0, 0], justify: "flex-start" }, {
-            default: () => /* @__PURE__ */ h(Fragment, null, /* @__PURE__ */ h(
-              _UText,
-              {
-                key: `${keyId}-${keyTitle}`,
-                variant: "heading-s-bold",
-                class: `${mergedClsPrefixRef.value}-chat-main__header-title`,
-                theme: mergedThemeRef.value.peers.Typography,
-                themeOverrides: mergedThemeRef.value.peerOverrides.Typography
-              },
-              {
-                default: () => selectedChatRef.value?.title ?? ""
-              }
-            ), isTyping.value && /* @__PURE__ */ h(
-              _UText,
-              {
-                class: [
-                  `${mergedClsPrefixRef.value}-chat-main__header-subtitle`,
-                  "typing"
-                ],
-                variant: "body-m-medium"
-              },
-              {
-                default: () => typingTextRef.value ?? ""
-              }
-            ))
-          }), /* @__PURE__ */ h(
-            _UFlex,
-            {
-              align: "center",
-              size: "small",
-              class: `${mergedClsPrefixRef.value}-chat-main__header-actions`
-            },
-            {
-              default: () => resolveSlot(slots.headerActions, () => {
-                const shareButtonProps = {
-                  ...headerButtonPropsRef.value,
-                  ...headerShareButtonPropsRef.value
-                };
-                const profileButtonProps = {
-                  ...headerButtonPropsRef.value,
-                  ...headerProfileButtonPropsRef.value
-                };
-                const closeButtonProps = {
-                  ...headerButtonPropsRef.value,
-                  ...headerCloseButtonPropsRef.value
-                };
-                const shareIconProps = {
-                  ...headerIconPropsRef.value,
-                  ...headerShareIconPropsRef.value
-                };
-                const profileIconProps = {
-                  ...headerIconPropsRef.value,
-                  ...headerProfileIconPropsRef.value
-                };
-                const buttons = [];
-                buttons.push(
-                  /* @__PURE__ */ h(_UTooltip, null, {
-                    trigger: () => /* @__PURE__ */ h(
-                      Button,
+      const chat = selectedChatRef.value;
+      const keyId = toKeyString(chat?.id);
+      const keyTitle = toKeyString(chat?.title);
+      return /* @__PURE__ */ h("div", { class: `${mergedClsPrefixRef.value}-chat-main__header-inner` }, /* @__PURE__ */ h(
+        "div",
+        {
+          class: `${mergedClsPrefixRef.value}-chat-main__header-title-wrap`
+        },
+        /* @__PURE__ */ h(
+          _UText,
+          {
+            key: `${keyId}-${keyTitle}`,
+            variant: "heading-s-bold",
+            class: `${mergedClsPrefixRef.value}-chat-main__header-title`,
+            theme: mergedThemeRef.value.peers.Typography,
+            themeOverrides: mergedThemeRef.value.peerOverrides.Typography
+          },
+          {
+            default: () => selectedChatRef.value?.title ?? ""
+          }
+        ),
+        isTyping.value && /* @__PURE__ */ h(
+          _UText,
+          {
+            class: [
+              `${mergedClsPrefixRef.value}-chat-main__header-subtitle`,
+              "typing"
+            ],
+            variant: "body-m-medium"
+          },
+          {
+            default: () => typingTextRef.value ?? ""
+          }
+        )
+      ), /* @__PURE__ */ h(
+        _UFlex,
+        {
+          align: "center",
+          size: "small",
+          class: `${mergedClsPrefixRef.value}-chat-main__header-actions`
+        },
+        {
+          default: () => resolveSlot(slots.headerActions, () => {
+            const shareButtonProps = {
+              ...headerButtonPropsRef.value,
+              ...headerShareButtonPropsRef.value
+            };
+            const profileButtonProps = {
+              ...headerButtonPropsRef.value,
+              ...headerProfileButtonPropsRef.value
+            };
+            const closeButtonProps = {
+              ...headerButtonPropsRef.value,
+              ...headerCloseButtonPropsRef.value
+            };
+            const shareIconProps = {
+              ...headerIconPropsRef.value,
+              ...headerShareIconPropsRef.value
+            };
+            const profileIconProps = {
+              ...headerIconPropsRef.value,
+              ...headerProfileIconPropsRef.value
+            };
+            const buttons = [];
+            buttons.push(
+              /* @__PURE__ */ h(_UTooltip, null, {
+                trigger: () => /* @__PURE__ */ h(
+                  Button,
+                  {
+                    secondary: true,
+                    circle: true,
+                    size: "large",
+                    ...shareButtonProps,
+                    theme: mergedThemeRef.value.peers.Button,
+                    themeOverrides: mergedThemeRef.value.peerOverrides.Button,
+                    onClick: () => onChatShare?.value?.()
+                  },
+                  {
+                    default: () => /* @__PURE__ */ h(
+                      UIcon$1,
                       {
-                        secondary: true,
-                        circle: true,
-                        size: "large",
-                        ...shareButtonProps,
-                        theme: mergedThemeRef.value.peers.Button,
-                        themeOverrides: mergedThemeRef.value.peerOverrides.Button,
-                        onClick: () => onChatShare?.value?.()
+                        size: 20,
+                        ...shareIconProps,
+                        theme: mergedThemeRef.value.peers.HeaderShareIcon,
+                        themeOverrides: mergedThemeRef.value.peerOverrides.HeaderShareIcon
                       },
                       {
-                        default: () => /* @__PURE__ */ h(
-                          UIcon$1,
-                          {
-                            size: 20,
-                            ...shareIconProps,
-                            theme: mergedThemeRef.value.peers.HeaderShareIcon,
-                            themeOverrides: mergedThemeRef.value.peerOverrides.HeaderShareIcon
-                          },
-                          {
-                            default: () => /* @__PURE__ */ h(ArrowHookUpRight, null)
-                          }
-                        )
+                        default: () => /* @__PURE__ */ h(ArrowHookUpRight, null)
                       }
-                    ),
-                    default: () => shareButtonTooltipRef.value
-                  })
-                );
-                buttons.push(
-                  /* @__PURE__ */ h(_UTooltip, null, {
-                    trigger: () => /* @__PURE__ */ h(
-                      Button,
+                    )
+                  }
+                ),
+                default: () => shareButtonTooltipRef.value
+              })
+            );
+            buttons.push(
+              /* @__PURE__ */ h(_UTooltip, null, {
+                trigger: () => /* @__PURE__ */ h(
+                  Button,
+                  {
+                    secondary: true,
+                    circle: true,
+                    size: "large",
+                    ...profileButtonProps,
+                    theme: mergedThemeRef.value.peers.Button,
+                    themeOverrides: mergedThemeRef.value.peerOverrides.Button,
+                    onClick: () => onUserProfile?.value?.()
+                  },
+                  {
+                    default: () => /* @__PURE__ */ h(
+                      UIcon$1,
                       {
-                        secondary: true,
-                        circle: true,
-                        size: "large",
-                        ...profileButtonProps,
-                        theme: mergedThemeRef.value.peers.Button,
-                        themeOverrides: mergedThemeRef.value.peerOverrides.Button,
-                        onClick: () => onUserProfile?.value?.()
+                        size: 20,
+                        ...profileIconProps,
+                        theme: mergedThemeRef.value.peers.HeaderProfileIcon,
+                        themeOverrides: mergedThemeRef.value.peerOverrides.HeaderProfileIcon
                       },
                       {
-                        default: () => /* @__PURE__ */ h(
-                          UIcon$1,
-                          {
-                            size: 20,
-                            ...profileIconProps,
-                            theme: mergedThemeRef.value.peers.HeaderProfileIcon,
-                            themeOverrides: mergedThemeRef.value.peerOverrides.HeaderProfileIcon
-                          },
-                          {
-                            default: () => /* @__PURE__ */ h(PersonNote, null)
-                          }
-                        )
+                        default: () => /* @__PURE__ */ h(PersonNote, null)
                       }
-                    ),
-                    default: () => profileButtonTooltipRef.value
-                  })
-                );
-                buttons.push(
-                  /* @__PURE__ */ h(
-                    Button,
-                    {
-                      type: "primary",
-                      size: "large",
-                      round: true,
-                      ...closeButtonProps,
-                      theme: mergedThemeRef.value.peers.Button,
-                      themeOverrides: mergedThemeRef.value.peerOverrides.Button,
-                      onClick: () => onChatClose?.value?.()
-                    },
-                    {
-                      default: () => closeButtonTextRef.value
-                    }
-                  )
-                );
-                return buttons;
+                    )
+                  }
+                ),
+                default: () => profileButtonTooltipRef.value
               })
-            }
-          ));
+            );
+            buttons.push(
+              /* @__PURE__ */ h(
+                Button,
+                {
+                  type: "primary",
+                  size: "large",
+                  round: true,
+                  ...closeButtonProps,
+                  theme: mergedThemeRef.value.peers.Button,
+                  themeOverrides: mergedThemeRef.value.peerOverrides.Button,
+                  onClick: () => onChatClose?.value?.()
+                },
+                {
+                  default: () => closeButtonTextRef.value
+                }
+              )
+            );
+            return buttons;
+          })
         }
-      }));
+      ));
     };
     const renderMessages = () => {
       return /* @__PURE__ */ h(
@@ -54718,7 +54777,7 @@ var ChatMainArea = defineComponent({
       if (isSending.value) {
         return;
       }
-      const hasContent = inputValue.value.trim();
+      const hasContent = inputValue.value;
       const hasAttachments = attachmentFileList.value.length > 0;
       if (editMessageIdRef?.value && hasContent) {
         isSending.value = true;
@@ -54727,7 +54786,7 @@ var ChatMainArea = defineComponent({
           if (messageToEdit) {
             const updatedMessage = {
               ...messageToEdit,
-              content: inputValue.value.trim()
+              content: inputValue.value
             };
             const bubbleActions = bubbleActionsRef?.value;
             if (bubbleActions) {
@@ -54780,7 +54839,7 @@ var ChatMainArea = defineComponent({
             }
             return result;
           })() : void 0;
-          handleMessageSend(inputValue.value.trim(), attachments);
+          handleMessageSend(inputValue.value, attachments);
           inputValue.value = "";
           attachmentFileList.value = [];
           chatInputs.value[selectedChatRef.value.id] = "";
@@ -54921,9 +54980,13 @@ var ChatMainArea = defineComponent({
                   value: inputValue.value,
                   placeholder: inputPlaceholderRef.value,
                   class: `${mergedClsPrefixRef.value}-chat-main__input`,
-                  ...footerInputPropsRef.value,
                   theme: mergedThemeRef.value.peers.Input,
                   themeOverrides: mergedThemeRef.value.peerOverrides.Input,
+                  type: "textarea",
+                  autosize: {
+                    minRows: 1,
+                    maxRows: 5
+                  },
                   onUpdateValue: (value) => {
                     inputValue.value = value;
                     if (selectedChatRef.value) {
@@ -54936,7 +54999,8 @@ var ChatMainArea = defineComponent({
                       e.stopPropagation();
                       void handleSendMessage();
                     }
-                  }
+                  },
+                  ...footerInputPropsRef.value
                 },
                 {
                   prefix: () => renderEditingBlock(),
@@ -80819,7 +80883,6 @@ function useDragModal(draggablePropsRef, options) {
 const presetProps = {
   // put dialog props after since I want the card to unbordered by default
   ...dialogProps,
-  presetDisabled: Boolean,
   size: {
     type: String,
     default: "medium"
@@ -81190,7 +81253,10 @@ const modalProps = {
     type: Boolean,
     default: true
   },
-  preset: String,
+  preset: {
+    type: String,
+    default: "dialog"
+  },
   to: [String, Object],
   displayDirective: {
     type: String,
@@ -81452,7 +81518,7 @@ var _UModal = defineComponent({
                 ref: "bodyWrapper",
                 displayDirective: this.displayDirective,
                 show: this.show,
-                preset: this.preset,
+                preset: this.internalDialog ? void 0 : this.preset,
                 autoFocus: this.autoFocus,
                 trapFocus: this.trapFocus,
                 draggable: this.draggable,
@@ -81650,8 +81716,7 @@ const UDialogEnvironment = defineComponent({
         transformOrigin: this.transformOrigin,
         draggable: this.draggable,
         internalAppear: true,
-        internalDialog: true,
-        presetDisabled: true
+        internalDialog: true
       },
       {
         default: () => /* @__PURE__ */ h(
@@ -95105,6 +95170,10 @@ const mappingCardProps = {
     type: Boolean,
     default: false
   },
+  hideHeaderActions: {
+    type: Boolean,
+    default: false
+  },
   copyButtonProps: Object,
   copyIconProps: Object,
   headerEditButtonProps: Object,
@@ -95738,7 +95807,7 @@ var MappingCardHeader = defineComponent({
           default: () => locale.copyTooltip
         }))
       }
-    ), /* @__PURE__ */ h(_UFlex, { align: "center", size: "small" }, {
+    ), !props.hideHeaderActions && /* @__PURE__ */ h(_UFlex, { align: "center", size: "small" }, {
       default: () => resolveSlot(slots.headerActions, () => {
         const buttons = [];
         buttons.push(
@@ -112282,7 +112351,7 @@ function useThemeVars() {
   });
 }
 
-var version = "2.0.0-beta.8";
+var version = "2.0.0-beta.9";
 
 function create({
   componentPrefix = "U",