@uzum-tech/ui 1.14.0 → 1.14.1

package/dist/index.js

@@ -28738,6 +28738,7 @@
         containerPrimary,
         elementsQuaternary,
         elementsPrimary,
+        staticGreen,
         staticOrange,
         staticRed,
         elementsQuinary,
@@ -28791,6 +28792,16 @@
       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}`,
@@ -29204,7 +29215,7 @@
     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});
@@ -32050,6 +32061,7 @@
               borderRadius,
               textColor,
               caretColor,
+              caretColorSuccess,
               caretColorError,
               caretColorWarning,
               textDecorationColor,
@@ -32065,6 +32077,11 @@
               textColorDisabled,
               boxShadowFocus,
               iconSize,
+              colorFocusSuccess,
+              boxShadowFocusSuccess,
+              borderSuccess,
+              borderFocusSuccess,
+              borderHoverSuccess,
               colorFocusWarning,
               boxShadowFocusWarning,
               borderWarning,
@@ -32087,6 +32104,7 @@
               iconColorHover,
               iconColorPressed,
               loadingColor,
+              loadingColorSuccess,
               loadingColorError,
               loadingColorWarning,
               selectionColor,
@@ -32125,6 +32143,14 @@
             "--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,
@@ -47150,23 +47176,28 @@
             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;
@@ -57223,150 +57254,153 @@
           return value != null ? String(value) : "";
         };
         const renderHeader = () => {
-          return /* @__PURE__ */ vue.h("div", { class: `${mergedClsPrefixRef.value}-chat-main__header` }, /* @__PURE__ */ vue.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__ */ vue.h(vue.Fragment, null, /* @__PURE__ */ vue.h(UFlex, { vertical: true, size: [0, 0], justify: 'flex-start"' }, /* @__PURE__ */ vue.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__ */ vue.h(
-                UText,
-                {
-                  class: [
-                    `${mergedClsPrefixRef.value}-chat-main__header-subtitle`,
-                    "typing"
-                  ],
-                  variant: "body-m-medium"
-                },
-                {
-                  default: () => typingTextRef.value ?? ""
-                }
-              )), /* @__PURE__ */ vue.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__ */ vue.h(UTooltip, null, {
-                        trigger: () => /* @__PURE__ */ vue.h(
-                          Button,
+          const chat = selectedChatRef.value;
+          const keyId = toKeyString(chat?.id);
+          const keyTitle = toKeyString(chat?.title);
+          return /* @__PURE__ */ vue.h("div", { class: `${mergedClsPrefixRef.value}-chat-main__header` }, /* @__PURE__ */ vue.h("div", { class: `${mergedClsPrefixRef.value}-chat-main__header-inner` }, /* @__PURE__ */ vue.h(
+            "div",
+            {
+              class: `${mergedClsPrefixRef.value}-chat-main__header-title-wrap`
+            },
+            /* @__PURE__ */ vue.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__ */ vue.h(
+              UText,
+              {
+                class: [
+                  `${mergedClsPrefixRef.value}-chat-main__header-subtitle`,
+                  "typing"
+                ],
+                variant: "body-m-medium"
+              },
+              {
+                default: () => typingTextRef.value ?? ""
+              }
+            )
+          ), /* @__PURE__ */ vue.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__ */ vue.h(UTooltip, null, {
+                    trigger: () => /* @__PURE__ */ vue.h(
+                      Button,
+                      {
+                        secondary: true,
+                        circle: true,
+                        size: "large",
+                        ...shareButtonProps,
+                        theme: mergedThemeRef.value.peers.Button,
+                        themeOverrides: mergedThemeRef.value.peerOverrides.Button,
+                        onClick: () => onChatShare?.value?.()
+                      },
+                      {
+                        default: () => /* @__PURE__ */ vue.h(
+                          UIcon,
                           {
-                            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__ */ vue.h(
-                              UIcon,
-                              {
-                                size: 20,
-                                ...shareIconProps,
-                                theme: mergedThemeRef.value.peers.HeaderShareIcon,
-                                themeOverrides: mergedThemeRef.value.peerOverrides.HeaderShareIcon
-                              },
-                              {
-                                default: () => /* @__PURE__ */ vue.h(ArrowHookUpRight, null)
-                              }
-                            )
+                            default: () => /* @__PURE__ */ vue.h(ArrowHookUpRight, null)
                           }
-                        ),
-                        default: () => shareButtonTooltipRef.value
-                      })
-                    );
-                    buttons.push(
-                      /* @__PURE__ */ vue.h(UTooltip, null, {
-                        trigger: () => /* @__PURE__ */ vue.h(
-                          Button,
+                        )
+                      }
+                    ),
+                    default: () => shareButtonTooltipRef.value
+                  })
+                );
+                buttons.push(
+                  /* @__PURE__ */ vue.h(UTooltip, null, {
+                    trigger: () => /* @__PURE__ */ vue.h(
+                      Button,
+                      {
+                        secondary: true,
+                        circle: true,
+                        size: "large",
+                        ...profileButtonProps,
+                        theme: mergedThemeRef.value.peers.Button,
+                        themeOverrides: mergedThemeRef.value.peerOverrides.Button,
+                        onClick: () => onUserProfile?.value?.()
+                      },
+                      {
+                        default: () => /* @__PURE__ */ vue.h(
+                          UIcon,
                           {
-                            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__ */ vue.h(
-                              UIcon,
-                              {
-                                size: 20,
-                                ...profileIconProps,
-                                theme: mergedThemeRef.value.peers.HeaderProfileIcon,
-                                themeOverrides: mergedThemeRef.value.peerOverrides.HeaderProfileIcon
-                              },
-                              {
-                                default: () => /* @__PURE__ */ vue.h(PersonNote, null)
-                              }
-                            )
+                            default: () => /* @__PURE__ */ vue.h(PersonNote, null)
                           }
-                        ),
-                        default: () => profileButtonTooltipRef.value
-                      })
-                    );
-                    buttons.push(
-                      /* @__PURE__ */ vue.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__ */ vue.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__ */ vue.h(
@@ -131243,7 +131277,7 @@
         watermarkProps: watermarkProps
     });
 
-    var version = "1.14.0";
+    var version = "1.14.1";
 
     function useExposeProxy(targetRef) {
       return new Proxy({}, {