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

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];
     }
   }
@@ -5805,6 +5805,7 @@ function useConfig(props = {}, options = {
     inlineThemeDisabled: UConfigProvider?.inlineThemeDisabled,
     mergedRtlRef: UConfigProvider?.mergedRtlRef,
     mergedComponentPropsRef: UConfigProvider?.mergedComponentPropsRef,
+    mergedIconPacksRef: UConfigProvider?.mergedIconPacksRef,
     mergedBreakpointsRef: UConfigProvider?.mergedBreakpointsRef,
     mergedBorderedRef: computed(() => {
       const {
@@ -13045,6 +13046,28 @@ var UBaseIcon = defineComponent({
   }
 });
 
+var style$1U = cB("icon", `
+  height: 1em;
+  width: 1em;
+  line-height: 1em;
+  text-align: center;
+  display: inline-block;
+  position: relative;
+  fill: currentColor;
+  transform: translateZ(0);
+`, [cM("color-transition", {
+  transition: "color .3s var(--u-bezier)"
+}), cM("depth", {
+  color: "var(--u-color)"
+}, [c$1("svg", {
+  opacity: "var(--u-opacity)",
+  transition: "opacity .3s var(--u-bezier)"
+})]), c$1("svg", {
+  height: "100%",
+  width: "100%",
+  display: "block"
+})]);
+
 const derived$1 = {
   name: "common",
   ...commonVariables$6,
@@ -13209,6 +13232,154 @@ const derived = {
   boxShadow2: "0px 20px 80px 0px rgba(0, 0, 0, 0.07)"
 };
 
+function self$1B(vars) {
+  const {
+    elementsPrimary
+  } = vars;
+  return {
+    color: elementsPrimary,
+    opacity1Depth: "0.82",
+    opacity2Depth: "0.72",
+    opacity3Depth: "0.38",
+    opacity4Depth: "0.24",
+    opacity5Depth: "0.18"
+  };
+}
+const iconLight = {
+  name: "Icon",
+  common: derived,
+  self: self$1B
+};
+
+const iconDark$1 = {
+  name: "Icon",
+  common: derived$1,
+  self: self$1B
+};
+
+const iconProps = {
+  ...useTheme.props,
+  depth: [String, Number],
+  size: [Number, String],
+  color: String,
+  component: Object,
+  name: String,
+  pack: String,
+  onClick: Function
+};
+const UIconImpl = defineComponent({
+  _n_icon__: true,
+  name: "Icon",
+  props: iconProps,
+  setup(props) {
+    const {
+      mergedClsPrefixRef,
+      mergedIconPacksRef,
+      inlineThemeDisabled
+    } = useConfig(props);
+    const themeRef = useTheme("Icon", "-icon", style$1U, iconLight, props, mergedClsPrefixRef);
+    const cssVarsRef = computed(() => {
+      const {
+        depth
+      } = props;
+      const {
+        common: {
+          cubicBezierEaseInOut
+        },
+        self
+      } = themeRef.value;
+      if (depth !== void 0) {
+        const {
+          color,
+          [`opacity${depth}Depth`]: opacity
+        } = self;
+        return {
+          "--u-bezier": cubicBezierEaseInOut,
+          "--u-color": color,
+          "--u-opacity": opacity
+        };
+      }
+      return {
+        "--u-bezier": cubicBezierEaseInOut,
+        "--u-color": "",
+        "--u-opacity": ""
+      };
+    });
+    const themeClassHandle = inlineThemeDisabled ? useThemeClass("icon", computed(() => `${props.depth || "d"}`), cssVarsRef, props) : void 0;
+    const resolvedPackedIconRef = computed(() => {
+      const {
+        name,
+        pack
+      } = props;
+      if (!name) return null;
+      const config = mergedIconPacksRef?.value;
+      if (!config) {
+        warn("icon", "no icon packs configured on `u-config-provider`");
+        return null;
+      }
+      const targetName = pack ?? config.defaultPackName;
+      const target = config.packs.find(p => p.name === targetName);
+      if (!target) {
+        warn("icon", `icon pack "${targetName}" not found`);
+        return null;
+      }
+      if (config.async) {
+        return target.renderAsyncIcon(name);
+      }
+      if (!("renderIcon" in target)) {
+        warn("icon", `pack "${target.name}" is async-only, set \`async: true\` on \`u-config-provider :icon-packs\``);
+        return null;
+      }
+      return target.renderIcon(name);
+    });
+    return {
+      mergedClsPrefix: mergedClsPrefixRef,
+      resolvedPackedIcon: resolvedPackedIconRef,
+      mergedStyle: computed(() => {
+        const {
+          size,
+          color
+        } = props;
+        return {
+          fontSize: formatLength(size),
+          color
+        };
+      }),
+      cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
+      themeClass: themeClassHandle?.themeClass,
+      onRender: themeClassHandle?.onRender
+    };
+  },
+  render() {
+    const {
+      $parent,
+      depth,
+      mergedClsPrefix,
+      component,
+      onRender,
+      themeClass,
+      resolvedPackedIcon
+    } = this;
+    if ($parent?.$options?._n_icon__) {
+      warn("icon", "don't wrap `u-icon` inside `u-icon`");
+    }
+    onRender?.();
+    return h(UBaseIcon, {
+      clsPrefix: mergedClsPrefix,
+      role: "img",
+      class: [`${mergedClsPrefix}-icon`, themeClass, {
+        [`${mergedClsPrefix}-icon--depth`]: depth,
+        [`${mergedClsPrefix}-icon--color-transition`]: depth !== void 0
+      }],
+      style: [this.cssVars, this.mergedStyle],
+      onClick: this.onClick
+    }, {
+      default: () => resolvedPackedIcon ?? (component ? h(component) : this.$slots.default?.())
+    });
+  }
+});
+const UIcon$1 = UIconImpl;
+
 var commonVars$b = {
   iconWidth: "44px",
   iconHeight: "44px",
@@ -13221,7 +13392,7 @@ var commonVars$b = {
   avatarSize: "16px"
 };
 
-function self$1B(vars) {
+function self$1A(vars) {
   const {
     heightHuge,
     fontBodyLarge,
@@ -13251,16 +13422,16 @@ function self$1B(vars) {
 const accountOptionLight = {
   name: "AccountOption",
   common: derived,
-  self: self$1B
+  self: self$1A
 };
 
 const accountOptionDark = {
   name: "AccountOption",
   common: derived$1,
-  self: self$1B
+  self: self$1A
 };
 
-var style$1U = cB("base-account-option", `
+var style$1T = cB("base-account-option", `
   display: flex;
   align-items: center;
   position: relative;
@@ -13315,7 +13486,7 @@ var UBaseAccountOption = defineComponent({
     const themeRef = useTheme(
       "AccountOption",
       "-base-account-option",
-      style$1U,
+      style$1T,
       accountOptionLight,
       props,
       mergedClsPrefixRef
@@ -14754,7 +14925,7 @@ function iconSwitchTransition({
   })];
 }
 
-var style$1T = cB("base-clear", `
+var style$1S = cB("base-clear", `
   flex-shrink: 0;
   height: 1em;
   width: 1em;
@@ -14795,7 +14966,7 @@ var UBaseClear = defineComponent({
     onClear: Function
   },
   setup(props) {
-    useStyle("-base-clear", style$1T, toRef(props, "clsPrefix"));
+    useStyle("-base-clear", style$1S, toRef(props, "clsPrefix"));
     return {
       handleMouseDown(e) {
         e.preventDefault();
@@ -14826,7 +14997,7 @@ var UBaseClear = defineComponent({
   }
 });
 
-var style$1S = cB("base-close", `
+var style$1R = cB("base-close", `
   display: flex;
   align-items: center;
   justify-content: center;
@@ -14898,7 +15069,7 @@ var UBaseClose = defineComponent({
     absolute: Boolean
   },
   setup(props) {
-    useStyle("-base-close", style$1S, toRef(props, "clsPrefix"));
+    useStyle("-base-close", style$1R, toRef(props, "clsPrefix"));
     return () => {
       const { clsPrefix, disabled, absolute, round, isButtonTag } = props;
       const Tag = isButtonTag ? "button" : "div";
@@ -15057,7 +15228,7 @@ var FocusDetector = defineComponent({
   }
 });
 
-var style$1R = c$1([c$1("@keyframes loading-container-rotate", `
+var style$1Q = c$1([c$1("@keyframes loading-container-rotate", `
     to {
       -webkit-transform: rotate(360deg);
       transform: rotate(360deg);
@@ -15227,7 +15398,7 @@ var UBaseLoading = defineComponent({
     ...exposedLoadingProps
   },
   setup(props) {
-    useStyle("-base-loading", style$1R, toRef(props, "clsPrefix"));
+    useStyle("-base-loading", style$1Q, toRef(props, "clsPrefix"));
   },
   render() {
     const { clsPrefix, radius, strokeWidth, stroke, scale } = this;
@@ -15357,7 +15528,7 @@ function fadeInTransition({
   })];
 }
 
-var style$1Q = cB("base-menu-mask", `
+var style$1P = cB("base-menu-mask", `
   position: absolute;
   left: 0;
   right: 0;
@@ -15380,7 +15551,7 @@ var UBaseMenuMask = defineComponent({
     }
   },
   setup(props) {
-    useStyle("-base-menu-mask", style$1Q, toRef(props, "clsPrefix"));
+    useStyle("-base-menu-mask", style$1P, toRef(props, "clsPrefix"));
     const messageRef = ref(null);
     let timerId = null;
     const uncontrolledShowRef = ref(false);
@@ -15568,7 +15739,7 @@ const commonVars$a = {
   railColor: "transparent"
 };
 
-function self$1A(vars) {
+function self$1z(vars) {
   const {
     scrollbarColor,
     scrollbarColorHover,
@@ -15588,13 +15759,13 @@ function self$1A(vars) {
 const safeTopScrollbarLight = {
   name: "SafeTopScrollbar",
   common: derived,
-  self: self$1A
+  self: self$1z
 };
 
 const safeTopScrollbarDark = {
   name: "SafeTopScrollbar",
   common: derived$1,
-  self: self$1A
+  self: self$1z
 };
 
 cB("scrollbar", [cM("rtl", `
@@ -15607,7 +15778,7 @@ cB("scrollbar", [cM("rtl", `
           right: unset;
         `)])])])]);
 
-var style$1P = cB("safe-top-scrollbar", `
+var style$1O = cB("safe-top-scrollbar", `
   overflow: hidden;
   position: relative;
   z-index: auto;
@@ -15756,7 +15927,7 @@ const SafeTopScrollbar$1 = defineComponent({
     const themeRef = useTheme(
       "SafeTopScrollbar",
       "-safe-top-scrollbar",
-      style$1P,
+      style$1O,
       safeTopScrollbarLight,
       props,
       mergedClsPrefixRef
@@ -16490,7 +16661,7 @@ const commonVars$9 = {
   railColor: "transparent"
 };
 
-function self$1z(vars) {
+function self$1y(vars) {
   const {
     scrollbarColor,
     scrollbarColorHover,
@@ -16510,13 +16681,13 @@ function self$1z(vars) {
 const scrollbarLight = {
   name: "Scrollbar",
   common: derived,
-  self: self$1z
+  self: self$1y
 };
 
 const scrollbarDark = {
   name: "Scrollbar",
   common: derived$1,
-  self: self$1z
+  self: self$1y
 };
 
 var rtlStyle$t = cB("scrollbar", [cM("rtl", `
@@ -16534,7 +16705,7 @@ const scrollbarRtl = {
   style: rtlStyle$t
 };
 
-var style$1O = cB("scrollbar", `
+var style$1N = cB("scrollbar", `
   overflow: hidden;
   position: relative;
   z-index: auto;
@@ -16677,7 +16848,7 @@ const Scrollbar$1 = defineComponent({
     const themeRef = useTheme(
       "Scrollbar",
       "-scrollbar",
-      style$1O,
+      style$1N,
       scrollbarLight,
       props,
       mergedClsPrefixRef
@@ -18049,7 +18220,7 @@ function createTreeMate(rawNodes, options = {}) {
   return treemate;
 }
 
-function self$1y(vars) {
+function self$1x(vars) {
   const {
     fontBodyMedium,
     fontTitleLarge,
@@ -18081,16 +18252,16 @@ function self$1y(vars) {
 const emptyLight = {
   name: "Empty",
   common: derived,
-  self: self$1y
+  self: self$1x
 };
 
 const emptyDark$1 = {
   name: "Empty",
   common: derived$1,
-  self: self$1y
+  self: self$1x
 };
 
-var style$1N = cB("empty", `
+var style$1M = cB("empty", `
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -18168,7 +18339,7 @@ var UEmpty$1 = defineComponent({
     const themeRef = useTheme(
       "Empty",
       "-empty",
-      style$1N,
+      style$1M,
       emptyLight,
       props,
       mergedClsPrefixRef
@@ -18256,7 +18427,7 @@ var UEmpty$1 = defineComponent({
   }
 });
 
-function self$1x(vars) {
+function self$1w(vars) {
   const {
     borderRadius,
     iconMedium,
@@ -18313,7 +18484,7 @@ const internalSelectMenuLight = createTheme$1({
     Scrollbar: scrollbarLight,
     Empty: emptyLight
   },
-  self: self$1x
+  self: self$1w
 });
 
 const internalSelectMenuDark = {
@@ -18323,7 +18494,7 @@ const internalSelectMenuDark = {
     Scrollbar: scrollbarDark,
     Empty: emptyDark$1
   },
-  self: self$1x
+  self: self$1w
 };
 
 cB("base-select-menu", [cM("rtl", `
@@ -18423,27 +18594,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 {
@@ -18560,7 +18735,7 @@ function fadeInScaleUpTransition({
   })];
 }
 
-var style$1M = cB("base-select-menu", `
+var style$1L = cB("base-select-menu", `
   line-height: 1.5;
   outline: none;
   z-index: 0;
@@ -18748,7 +18923,7 @@ var UInternalSelectMenu = defineComponent({
     const themeRef = useTheme(
       "InternalSelectMenu",
       "-internal-select-menu",
-      style$1M,
+      style$1L,
       internalSelectMenuLight,
       props,
       toRef(props, "clsPrefix")
@@ -19216,7 +19391,7 @@ var UInternalSelectMenu = defineComponent({
   }
 });
 
-function self$1w(vars) {
+function self$1v(vars) {
   const {
     fontBodyMedium,
     containerPrimary,
@@ -19243,13 +19418,13 @@ function self$1w(vars) {
 const popoverLight = {
   name: "Popover",
   common: derived,
-  self: self$1w
+  self: self$1v
 };
 
 const popoverDark = {
   name: "Popover",
   common: derived$1,
-  self: self$1w
+  self: self$1v
 };
 
 cB("popover", [cM("rtl", `
@@ -19264,7 +19439,7 @@ const oppositePlacement = {
   right: "left"
 };
 const arrowSize = "var(--u-arrow-height) * 1.414";
-var style$1L = c$1([cB("popover", `
+var style$1K = c$1([cB("popover", `
     transition:
       box-shadow .3s var(--u-bezier),
       background-color .3s var(--u-bezier),
@@ -19483,7 +19658,7 @@ var UPopoverBody = defineComponent({
     const themeRef = useTheme(
       "Popover",
       "-popover",
-      style$1L,
+      style$1K,
       popoverLight,
       props,
       mergedClsPrefixRef
@@ -20310,7 +20485,7 @@ var UPopover$1 = defineComponent({
   }
 });
 
-function self$1v(vars) {
+function self$1u(vars) {
   const {
     opacityDisabled,
     borderRadiusSmall: borderRadius,
@@ -20408,13 +20583,13 @@ function self$1v(vars) {
 const tagLight = {
   name: "Tag",
   common: derived,
-  self: self$1v
+  self: self$1u
 };
 
 const tagDark = {
   name: "Tag",
   common: derived$1,
-  self: self$1v
+  self: self$1u
 };
 
 var rtlStyle$s = cB("tag", [cM("rtl", `
@@ -20461,7 +20636,7 @@ var commonProps = {
   }
 };
 
-var style$1K = cB("tag", `
+var style$1J = cB("tag", `
   white-space: nowrap;
   position: relative;
   box-sizing: border-box;
@@ -20628,7 +20803,7 @@ var _UTag = defineComponent({
     const themeRef = useTheme(
       "Tag",
       "-tag",
-      style$1K,
+      style$1J,
       tagLight,
       props,
       mergedClsPrefixRef
@@ -20992,7 +21167,7 @@ var _UTagGroup = defineComponent({
   }
 });
 
-function self$1u(vars) {
+function self$1t(vars) {
   const {
     heightSmall,
     heightMedium,
@@ -21012,10 +21187,10 @@ function self$1u(vars) {
 }
 const skeletonLight$1 = {
   common: derived,
-  self: self$1u
+  self: self$1t
 };
 
-var style$1J = c$1([cB("skeleton", `
+var style$1I = c$1([cB("skeleton", `
     height: 1em;
     width: 100%;
     transition: background-color .3s var(--u-bezier);
@@ -21071,7 +21246,7 @@ var UBaseSkeleton = defineComponent({
     const themeRef = useTheme(
       "Skeleton",
       "-skeleton",
-      style$1J,
+      style$1I,
       skeletonLight$1,
       props,
       mergedClsPrefixRef
@@ -21187,7 +21362,7 @@ var UBaseSuffix = defineComponent({
   }
 });
 
-function self$1t(vars) {
+function self$1s(vars) {
   const {
     borderRadius,
     iconMedium,
@@ -21345,7 +21520,7 @@ const internalSelectionLight = createTheme$1({
   peers: {
     Popover: popoverLight
   },
-  self: self$1t
+  self: self$1s
 });
 
 const internalSelectionDark = {
@@ -21354,7 +21529,7 @@ const internalSelectionDark = {
   peers: {
     Popover: popoverDark
   },
-  self: self$1t
+  self: self$1s
 };
 
 cB("base-selection", [cM("rtl", `
@@ -21387,7 +21562,7 @@ function generateSecondaryStates(state) {
         color: var(--u-arrow-color${state}-secondary);
       `)])];
 }
-var style$1I = c$1([cB("base-selection", `
+var style$1H = c$1([cB("base-selection", `
     position: relative;
     z-index: auto;
     box-shadow: none;
@@ -21738,7 +21913,7 @@ var UInternalSelection = defineComponent({
     const themeRef = useTheme(
       "InternalSelection",
       "-internal-selection",
-      style$1I,
+      style$1H,
       internalSelectionLight,
       props,
       toRef(props, "clsPrefix")
@@ -22819,7 +22994,7 @@ function fadeUpWidthExpandTransition({
   })];
 }
 
-var style$1H = c$1([c$1("@keyframes u-base-slot-machine-fade-up-in", `
+var style$1G = c$1([c$1("@keyframes u-base-slot-machine-fade-up-in", `
     from {
       transform: translateY(60%);
       opacity: 0;
@@ -22938,7 +23113,7 @@ var UBaseSlotMachine = defineComponent({
     }
   },
   setup(props) {
-    useStyle("-base-slot-machine", style$1H, toRef(props, "clsPrefix"));
+    useStyle("-base-slot-machine", style$1G, toRef(props, "clsPrefix"));
     const oldValueRef = ref();
     const newValueRef = ref();
     const numbersRef = computed(() => {
@@ -22993,7 +23168,7 @@ var UBaseSlotMachine = defineComponent({
   }
 });
 
-function self$1s(vars) {
+function self$1r(vars) {
   const {
     borderRadiusSmall,
     brandPrimary500,
@@ -23029,10 +23204,10 @@ function self$1s(vars) {
 }
 const typographyLight$1 = {
   common: derived,
-  self: self$1s
+  self: self$1r
 };
 
-var style$1G = cB("text", `
+var style$1F = cB("text", `
   transition: color .3s var(--u-bezier);
   color: var(--u-text-color);
   margin: 0;
@@ -23340,7 +23515,7 @@ var InternalUText = defineComponent({
     const themeRef = useTheme(
       "Typography",
       "-text",
-      style$1G,
+      style$1F,
       typographyLight$1,
       props,
       mergedClsPrefixRef
@@ -23428,7 +23603,7 @@ var InternalUText = defineComponent({
   }
 });
 
-var style$1F = cB("base-wave", `
+var style$1E = cB("base-wave", `
   position: absolute;
   left: 0;
   right: 0;
@@ -23446,7 +23621,7 @@ var UBaseWave = defineComponent({
     }
   },
   setup(props) {
-    useStyle("-base-wave", style$1F, toRef(props, "clsPrefix"));
+    useStyle("-base-wave", style$1E, toRef(props, "clsPrefix"));
     const selfRef = ref(null);
     const activeRef = ref(false);
     let animationTimerId = null;
@@ -23491,142 +23666,6 @@ var UBaseWave = defineComponent({
   }
 });
 
-function self$1r(vars) {
-  const {
-    elementsPrimary
-  } = vars;
-  return {
-    color: elementsPrimary,
-    opacity1Depth: "0.82",
-    opacity2Depth: "0.72",
-    opacity3Depth: "0.38",
-    opacity4Depth: "0.24",
-    opacity5Depth: "0.18"
-  };
-}
-const iconLight = {
-  name: "Icon",
-  common: derived,
-  self: self$1r
-};
-
-const iconDark$1 = {
-  name: "Icon",
-  common: derived$1,
-  self: self$1r
-};
-
-var style$1E = cB("icon", `
-  height: 1em;
-  width: 1em;
-  line-height: 1em;
-  text-align: center;
-  display: inline-block;
-  position: relative;
-  fill: currentColor;
-  transform: translateZ(0);
-`, [cM("color-transition", {
-  transition: "color .3s var(--u-bezier)"
-}), cM("depth", {
-  color: "var(--u-color)"
-}, [c$1("svg", {
-  opacity: "var(--u-opacity)",
-  transition: "opacity .3s var(--u-bezier)"
-})]), c$1("svg", {
-  height: "100%",
-  width: "100%",
-  display: "block"
-})]);
-
-const iconProps = {
-  ...useTheme.props,
-  depth: [String, Number],
-  size: [Number, String],
-  color: String,
-  component: Object,
-  onClick: Function
-};
-const UIcon$1 = defineComponent({
-  _n_icon__: true,
-  name: "Icon",
-  inheritAttrs: false,
-  props: iconProps,
-  setup(props) {
-    const {
-      mergedClsPrefixRef,
-      inlineThemeDisabled
-    } = useConfig(props);
-    const themeRef = useTheme("Icon", "-icon", style$1E, iconLight, props, mergedClsPrefixRef);
-    const cssVarsRef = computed(() => {
-      const {
-        depth
-      } = props;
-      const {
-        common: {
-          cubicBezierEaseInOut
-        },
-        self
-      } = themeRef.value;
-      if (depth !== void 0) {
-        const {
-          color,
-          [`opacity${depth}Depth`]: opacity
-        } = self;
-        return {
-          "--u-bezier": cubicBezierEaseInOut,
-          "--u-color": color,
-          "--u-opacity": opacity
-        };
-      }
-      return {
-        "--u-bezier": cubicBezierEaseInOut,
-        "--u-color": "",
-        "--u-opacity": ""
-      };
-    });
-    const themeClassHandle = inlineThemeDisabled ? useThemeClass("icon", computed(() => `${props.depth || "d"}`), cssVarsRef, props) : void 0;
-    return {
-      mergedClsPrefix: mergedClsPrefixRef,
-      mergedStyle: computed(() => {
-        const {
-          size,
-          color
-        } = props;
-        return {
-          fontSize: formatLength(size),
-          color
-        };
-      }),
-      cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
-      themeClass: themeClassHandle?.themeClass,
-      onRender: themeClassHandle?.onRender
-    };
-  },
-  render() {
-    const {
-      $parent,
-      depth,
-      mergedClsPrefix,
-      component,
-      onRender,
-      themeClass
-    } = this;
-    if ($parent?.$options?._n_icon__) {
-      warn("icon", "don't wrap `u-icon` inside `u-icon`");
-    }
-    onRender?.();
-    return h("i", mergeProps(this.$attrs, {
-      role: "img",
-      class: [`${mergedClsPrefix}-icon`, themeClass, {
-        [`${mergedClsPrefix}-icon--depth`]: depth,
-        [`${mergedClsPrefix}-icon--color-transition`]: depth !== void 0
-      }],
-      style: [this.cssVars, this.mergedStyle],
-      onClick: this.onClick
-    }), component ? h(component) : this.$slots);
-  }
-});
-
 function self$1q(vars) {
   const {
     borderRadius,
@@ -25749,6 +25788,7 @@ function self$1m(vars) {
     containerPrimary,
     elementsQuaternary,
     elementsPrimary,
+    staticGreen,
     staticOrange,
     staticRed,
     elementsQuinary,
@@ -25802,6 +25842,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 +26154,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 +29043,7 @@ var UInput$1 = defineComponent({
           borderRadius,
           textColor,
           caretColor,
+          caretColorSuccess,
           caretColorError,
           caretColorWarning,
           textDecorationColor,
@@ -29008,6 +29059,11 @@ var UInput$1 = defineComponent({
           textColorDisabled,
           boxShadowFocus,
           iconSize,
+          colorFocusSuccess,
+          boxShadowFocusSuccess,
+          borderSuccess,
+          borderFocusSuccess,
+          borderHoverSuccess,
           colorFocusWarning,
           boxShadowFocusWarning,
           borderWarning,
@@ -29030,6 +29086,7 @@ var UInput$1 = defineComponent({
           iconColorHover,
           iconColorPressed,
           loadingColor,
+          loadingColorSuccess,
           loadingColorError,
           loadingColorWarning,
           selectionColor,
@@ -29068,6 +29125,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 +40349,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 +40372,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 +40398,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 +40435,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 +40526,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 +40620,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 +40682,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 +40800,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 +40873,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 +44065,7 @@ const chatInputLight = {
       ...originalInputSelf,
       color: elementsTertiary,
       colorFocus: elementsTertiary,
+      heightMedium: "45px",
       border: "none",
       borderFocus: "none",
       borderHover: "none",
@@ -53486,23 +53565,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 +53689,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 +53766,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 +53777,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 +54611,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 +54812,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 +54821,7 @@ var ChatMainArea = defineComponent({
           if (messageToEdit) {
             const updatedMessage = {
               ...messageToEdit,
-              content: inputValue.value.trim()
+              content: inputValue.value
             };
             const bubbleActions = bubbleActionsRef?.value;
             if (bubbleActions) {
@@ -54780,7 +54874,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 +55015,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 +55034,8 @@ var ChatMainArea = defineComponent({
                       e.stopPropagation();
                       void handleSendMessage();
                     }
-                  }
+                  },
+                  ...footerInputPropsRef.value
                 },
                 {
                   prefix: () => renderEditingBlock(),
@@ -59772,6 +59871,7 @@ const configProviderProps = {
   themeOverrides: Object,
   componentOptions: Object,
   icons: Object,
+  iconPacks: Object,
   breakpoints: Object,
   breakpointProps: Object,
   breakpointThemeOverrides: Object,
@@ -59914,6 +60014,12 @@ var UConfigProvider$1 = defineComponent({
       } = props;
       return icons === void 0 ? UConfigProvider?.mergedIconsRef.value : icons;
     });
+    const mergedIconPacksRef = computed(() => {
+      const {
+        iconPacks
+      } = props;
+      return iconPacks === void 0 ? UConfigProvider?.mergedIconPacksRef.value : iconPacks;
+    });
     const updateWindowWidth = () => {
       if (isBrowser$1) {
         windowWidthRef.value = window.innerWidth;
@@ -60022,6 +60128,7 @@ var UConfigProvider$1 = defineComponent({
       mergedSsrBreakpointWidthRef,
       mergedRtlRef,
       mergedIconsRef,
+      mergedIconPacksRef,
       mergedComponentPropsRef,
       mergedBreakpointPropsRef,
       mergedBreakpointThemeOverridesRef,
@@ -80819,7 +80926,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 +81296,10 @@ const modalProps = {
     type: Boolean,
     default: true
   },
-  preset: String,
+  preset: {
+    type: String,
+    default: "dialog"
+  },
   to: [String, Object],
   displayDirective: {
     type: String,
@@ -81452,7 +81561,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 +81759,7 @@ const UDialogEnvironment = defineComponent({
         transformOrigin: this.transformOrigin,
         draggable: this.draggable,
         internalAppear: true,
-        internalDialog: true,
-        presetDisabled: true
+        internalDialog: true
       },
       {
         default: () => /* @__PURE__ */ h(
@@ -95105,6 +95213,10 @@ const mappingCardProps = {
     type: Boolean,
     default: false
   },
+  hideHeaderActions: {
+    type: Boolean,
+    default: false
+  },
   copyButtonProps: Object,
   copyIconProps: Object,
   headerEditButtonProps: Object,
@@ -95738,7 +95850,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 +112394,7 @@ function useThemeVars() {
   });
 }
 
-var version = "2.0.0-beta.8";
+var version = "2.0.0";
 
 function create({
   componentPrefix = "U",