@uzum-tech/ui 2.3.8 → 3.0.0-alpha.0

package/dist/index.mjs

@@ -3901,7 +3901,7 @@ function createCaseFirst(methodName) {
  * _.upperFirst('FRED');
  * // => 'FRED'
  */
-var upperFirst = createCaseFirst('toUpperCase');
+var upperFirst$1 = createCaseFirst('toUpperCase');
 
 /**
  * Converts the first character of `string` to upper case and the remaining
@@ -3919,7 +3919,7 @@ var upperFirst = createCaseFirst('toUpperCase');
  * // => 'Fred'
  */
 function capitalize(string) {
-  return upperFirst(toString$1(string).toLowerCase());
+  return upperFirst$1(toString$1(string).toLowerCase());
 }
 
 /**
@@ -6645,7 +6645,7 @@ function throttle(func, wait, options) {
   });
 }
 
-var commonVariables$6 = {
+var commonVariables$7 = {
   fontFamily: 'v-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"',
   fontFamilyMono: "v-mono, SFMono-Regular, Menlo, Consolas, Courier, monospace",
   fontFamilyWixMadeforDisplay: '"Wix Madefor Display", v-sans, system-ui, sans-serif',
@@ -6703,7 +6703,7 @@ var commonVariables$6 = {
 const {
   fontBodyMedium,
   fontFamily: fontFamily$1
-} = commonVariables$6;
+} = commonVariables$7;
 var globalStyle = c$1("body", `
   margin: 0;
   font-size: ${fontBodyMedium};
@@ -8824,7 +8824,7 @@ function getOffset$2(placement, offsetRect, targetRect, offsetTopToStandardPlace
 }
 
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
-const style$1_ = c([c('.v-binder-follower-container', {
+const style$1$ = c([c('.v-binder-follower-container', {
   position: 'absolute',
   left: '0',
   right: '0',
@@ -8903,7 +8903,7 @@ var VFollower = defineComponent({
       }
     });
     const ssrAdapter = useSsrAdapter();
-    style$1_.mount({
+    style$1$.mount({
       id: 'vueuc/binder',
       head: true,
       anchorMetaName: cssrAnchorMetaName,
@@ -10363,7 +10363,7 @@ var VXScroll = defineComponent({
 
 /* eslint-disable @typescript-eslint/strict-boolean-expressions */
 const hiddenAttr = 'v-hidden';
-const style$1Z = c('[v-hidden]', {
+const style$1_ = c('[v-hidden]', {
   display: 'none!important'
 });
 var VOverflow = defineComponent({
@@ -10476,7 +10476,7 @@ var VOverflow = defineComponent({
       }
     }
     const ssrAdapter = useSsrAdapter();
-    style$1Z.mount({
+    style$1_.mount({
       id: 'vueuc/overflow',
       head: true,
       anchorMetaName: cssrAnchorMetaName,
@@ -14165,7 +14165,7 @@ function useStyle(mountId, style, clsPrefixRef) {
   }
 }
 
-var style$1Y = cB("base-icon", `
+var style$1Z = cB("base-icon", `
   height: 1em;
   width: 1em;
   line-height: 1em;
@@ -14201,7 +14201,7 @@ var UBaseIcon = defineComponent({
     onMouseup: Function
   },
   setup(props) {
-    useStyle("-base-icon", style$1Y, toRef(props, "clsPrefix"));
+    useStyle("-base-icon", style$1Z, toRef(props, "clsPrefix"));
   },
   render() {
     return /* @__PURE__ */ h(
@@ -14236,7 +14236,7 @@ const iconProps = {
   onClick: Function
 };
 
-var style$1X = cB("icon", `
+var style$1Y = cB("icon", `
   height: 1em;
   width: 1em;
   line-height: 1em;
@@ -14260,7 +14260,7 @@ var style$1X = cB("icon", `
 
 const derived$1 = {
   name: "common",
-  ...commonVariables$6,
+  ...commonVariables$7,
   scrollbarColor: "rgba(255, 255, 255, 0.25)",
   scrollbarColorHover: "rgba(255, 255, 255, 0.4)",
   scrollbarWidth: "5px",
@@ -14293,6 +14293,18 @@ const derived$1 = {
   brandQuinary300: "#F19EDA",
   brandQuinary600: "#EA3E68",
   brandQuinary100: "#FAD6D9",
+  accentBrand: "#7000FF",
+  accentBrandHover: "#5D46A6",
+  accentError: "#F24835",
+  accentErrorHover: "#A82C1E",
+  accentErrorSubtle: "#FFFFFF",
+  accentNeutral: "#F3F4F6",
+  accentNeutralHover: "#E8EAED",
+  accentFocusRing: "#CDD1D5",
+  accentBorder: "#DDE0E3",
+  accentDisabled: "#DDE0E3",
+  accentDisabledContent: "#B2B8BC",
+  accentPressedOverlay: "rgba(0, 0, 0, 0.12)",
   surfacePrimary: "#101010",
   surfaceSecondary: "#1D1D1D",
   containerPrimary: "#1D1D1D",
@@ -14343,7 +14355,7 @@ const derived$1 = {
 
 const derived = {
   name: "common",
-  ...commonVariables$6,
+  ...commonVariables$7,
   scrollbarColor: "rgba(0, 0, 0, 0.25)",
   scrollbarColorHover: "rgba(0, 0, 0, 0.4)",
   scrollbarWidth: "5px",
@@ -14376,6 +14388,18 @@ const derived = {
   brandQuinary300: "#F19EDA",
   brandQuinary600: "#EA3E68",
   brandQuinary100: "#FAD6D9",
+  accentBrand: "#7000FF",
+  accentBrandHover: "#5D46A6",
+  accentError: "#F24835",
+  accentErrorHover: "#A82C1E",
+  accentErrorSubtle: "#FFFFFF",
+  accentNeutral: "#F3F4F6",
+  accentNeutralHover: "#E8EAED",
+  accentFocusRing: "#CDD1D5",
+  accentBorder: "#DDE0E3",
+  accentDisabled: "#DDE0E3",
+  accentDisabledContent: "#B2B8BC",
+  accentPressedOverlay: "rgba(0, 0, 0, 0.12)",
   surfacePrimary: "#fff",
   surfaceSecondary: "#1d1d1d",
   containerPrimary: "#fff",
@@ -14422,7 +14446,7 @@ const derived = {
   boxShadow2: "0px 20px 80px 0px rgba(0, 0, 0, 0.07)"
 };
 
-function self$1E(vars) {
+function self$1F(vars) {
   const {
     elementsPrimary
   } = vars;
@@ -14438,13 +14462,13 @@ function self$1E(vars) {
 const iconLight = {
   name: "Icon",
   common: derived,
-  self: self$1E
+  self: self$1F
 };
 
 const iconDark$1 = {
   name: "Icon",
   common: derived$1,
-  self: self$1E
+  self: self$1F
 };
 
 const FALLBACK_ICON = "&#65533";
@@ -14458,7 +14482,7 @@ const UIconImpl = defineComponent({
       mergedIconPacksRef,
       inlineThemeDisabled
     } = useConfig(props);
-    const themeRef = useTheme("Icon", "-icon", style$1X, iconLight, props, mergedClsPrefixRef);
+    const themeRef = useTheme("Icon", "-icon", style$1Y, iconLight, props, mergedClsPrefixRef);
     const cssVarsRef = computed(() => {
       const {
         depth
@@ -14599,7 +14623,7 @@ var commonVars$b = {
   avatarSize: "16px"
 };
 
-function self$1D(vars) {
+function self$1E(vars) {
   const {
     heightHuge,
     fontBodyLarge,
@@ -14629,16 +14653,16 @@ function self$1D(vars) {
 const accountOptionLight = {
   name: "AccountOption",
   common: derived,
-  self: self$1D
+  self: self$1E
 };
 
 const accountOptionDark = {
   name: "AccountOption",
   common: derived$1,
-  self: self$1D
+  self: self$1E
 };
 
-var style$1W = cB("base-account-option", `
+var style$1X = cB("base-account-option", `
   display: flex;
   align-items: center;
   position: relative;
@@ -14693,7 +14717,7 @@ var UBaseAccountOption = defineComponent({
     const themeRef = useTheme(
       "AccountOption",
       "-base-account-option",
-      style$1W,
+      style$1X,
       accountOptionLight,
       props,
       mergedClsPrefixRef
@@ -14769,6 +14793,546 @@ var UBaseAccountOption = defineComponent({
   }
 });
 
+var commonVariables$6 = {
+  heightSmall: "36px",
+  heightMedium: "48px",
+  heightLarge: "56px",
+  paddingSmall: "0 12px",
+  paddingMedium: "0 16px",
+  paddingLarge: "0 24px",
+  borderRadiusSmall: "8px",
+  borderRadiusMedium: "12px",
+  borderRadiusLarge: "16px",
+  iconSizeSmall: "16px",
+  iconSizeMedium: "20px",
+  iconSizeLarge: "24px",
+  iconMargin: "8px",
+  borderWidth: "1px",
+  focusRingWidth: "2px",
+  spinnerStrokeWidth: "3.7px"
+};
+
+const TRANSPARENT = "transparent";
+function self$1D(vars) {
+  const {
+    fontFamilyWixMadeforDisplay,
+    fontBodyMedium,
+    lineHeightBodyMedium,
+    fontWeightStrong,
+    textPrimary,
+    staticBlack,
+    staticWhite,
+    accentBrand,
+    accentBrandHover,
+    accentError,
+    accentErrorHover,
+    accentErrorSubtle,
+    accentNeutral,
+    accentNeutralHover,
+    accentBorder,
+    accentFocusRing,
+    accentDisabled,
+    accentDisabledContent,
+    accentPressedOverlay
+  } = vars;
+  return {
+    ...commonVariables$6,
+    fontFamily: fontFamilyWixMadeforDisplay,
+    fontSize: fontBodyMedium,
+    lineHeight: lineHeightBodyMedium,
+    fontWeight: fontWeightStrong,
+    letterSpacing: "0.1px",
+    pressedOverlayColor: accentPressedOverlay,
+    focusRingColor: accentFocusRing,
+    textColorDisabled: accentDisabledContent,
+    colorPrimary: accentBrand,
+    colorPrimaryHover: accentBrandHover,
+    textColorPrimary: staticWhite,
+    textColorPrimaryHover: staticWhite,
+    borderColorPrimary: TRANSPARENT,
+    colorPrimaryDisabled: accentDisabled,
+    borderColorPrimaryDisabled: TRANSPARENT,
+    colorPrimaryNegative: accentError,
+    colorPrimaryNegativeHover: accentErrorHover,
+    textColorPrimaryNegative: staticWhite,
+    textColorPrimaryNegativeHover: staticWhite,
+    borderColorPrimaryNegative: TRANSPARENT,
+    colorPrimaryNegativeDisabled: accentDisabled,
+    borderColorPrimaryNegativeDisabled: TRANSPARENT,
+    colorSecondary: accentNeutral,
+    colorSecondaryHover: accentNeutralHover,
+    textColorSecondary: staticBlack,
+    textColorSecondaryHover: staticBlack,
+    borderColorSecondary: accentBorder,
+    colorSecondaryDisabled: accentDisabled,
+    borderColorSecondaryDisabled: accentNeutral,
+    colorTertiary: TRANSPARENT,
+    colorTertiaryHover: accentNeutral,
+    textColorTertiary: textPrimary,
+    textColorTertiaryHover: staticBlack,
+    borderColorTertiary: TRANSPARENT,
+    colorTertiaryDisabled: TRANSPARENT,
+    borderColorTertiaryDisabled: TRANSPARENT,
+    colorTertiaryNegative: TRANSPARENT,
+    colorTertiaryNegativeHover: accentErrorSubtle,
+    textColorTertiaryNegative: accentError,
+    textColorTertiaryNegativeHover: accentError,
+    borderColorTertiaryNegative: TRANSPARENT,
+    colorTertiaryNegativeDisabled: TRANSPARENT,
+    borderColorTertiaryNegativeDisabled: TRANSPARENT,
+    colorGhost: TRANSPARENT,
+    colorGhostHover: TRANSPARENT,
+    textColorGhost: accentBrand,
+    textColorGhostHover: accentBrandHover,
+    borderColorGhost: TRANSPARENT,
+    colorGhostDisabled: TRANSPARENT,
+    borderColorGhostDisabled: TRANSPARENT,
+    colorGhostNegative: TRANSPARENT,
+    colorGhostNegativeHover: TRANSPARENT,
+    textColorGhostNegative: accentError,
+    textColorGhostNegativeHover: accentErrorHover,
+    borderColorGhostNegative: TRANSPARENT,
+    colorGhostNegativeDisabled: TRANSPARENT,
+    borderColorGhostNegativeDisabled: TRANSPARENT
+  };
+}
+const buttonV3Light = {
+  name: "ButtonV3",
+  common: derived,
+  self: self$1D
+};
+
+const buttonV3Dark = {
+  name: "ButtonV3",
+  common: derived$1,
+  self: self$1D
+};
+
+const buttonV3Props = {
+  ...useTheme.props,
+  type: {
+    type: String,
+    default: "primary"
+  },
+  tone: {
+    type: String,
+    default: "default"
+  },
+  size: String,
+  iconOnly: Boolean,
+  block: Boolean,
+  disabled: Boolean,
+  loading: Boolean,
+  focusable: {
+    type: Boolean,
+    default: true
+  },
+  tag: {
+    type: String,
+    default: "button"
+  },
+  attrType: {
+    type: String,
+    default: "button"
+  },
+  onClick: [Function, Array]
+};
+
+var style$1W = c$1([c$1("@keyframes u-button-v3-spin", `
+    from {
+      transform: rotate(0deg);
+    }
+    to {
+      transform: rotate(360deg);
+    }
+  `), cB("button-v3", `
+    box-sizing: border-box;
+    position: relative;
+    display: inline-flex;
+    flex-wrap: nowrap;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    gap: var(--u-icon-margin);
+    margin: 0;
+    max-width: 100%;
+    height: var(--u-height);
+    padding: var(--u-padding);
+    border: var(--u-border-width) solid var(--u-border-color);
+    border-radius: var(--u-border-radius);
+    background-color: var(--u-color);
+    color: var(--u-text-color);
+    font-family: var(--u-font-family);
+    font-size: var(--u-font-size);
+    line-height: var(--u-line-height);
+    font-weight: var(--u-font-weight);
+    letter-spacing: var(--u-letter-spacing);
+    text-align: center;
+    text-decoration: none;
+    white-space: nowrap;
+    cursor: pointer;
+    outline: none;
+    user-select: none;
+    -webkit-user-select: none;
+    -webkit-tap-highlight-color: transparent;
+    transition:
+      color .3s var(--u-bezier),
+      background-color .3s var(--u-bezier),
+      border-color .3s var(--u-bezier);
+  `, [c$1("&::after", `
+      content: "";
+      position: absolute;
+      inset: calc(var(--u-border-width) * -1);
+      z-index: 0;
+      border-radius: inherit;
+      background-color: var(--u-pressed-overlay-color);
+      opacity: 0;
+      pointer-events: none;
+      transition: opacity .2s var(--u-bezier);
+    `), cE("label", `
+      position: relative;
+      z-index: 1;
+      min-width: 0;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    `), cE("icon", `
+      position: relative;
+      z-index: 1;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      flex: none;
+      width: var(--u-icon-size);
+      height: var(--u-icon-size);
+      font-size: var(--u-icon-size);
+      line-height: 1;
+    `, [c$1("svg", `
+        width: 1em;
+        height: 1em;
+      `)]), cE("spinner", `
+      position: absolute;
+      z-index: 1;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      width: var(--u-icon-size);
+      height: var(--u-icon-size);
+      font-size: var(--u-icon-size);
+      line-height: 1;
+    `), cE("spinner-icon", `
+      display: block;
+      width: 100%;
+      height: 100%;
+      color: currentColor;
+      animation: u-button-v3-spin 1s linear infinite;
+    `), cM("block", `
+      display: flex;
+      width: 100%;
+    `), cM("icon-only", `
+      padding: 0;
+      width: var(--u-height);
+    `), cNotM("disabled", [c$1("&:hover", `
+        background-color: var(--u-color-hover);
+        color: var(--u-text-color-hover);
+      `), c$1("&:focus-visible", `
+        outline: var(--u-focus-ring-width) solid var(--u-focus-ring-color);
+        outline-offset: 0;
+      `), cNotM("loading", [c$1("&:active", `
+          background-color: var(--u-color);
+        `, [c$1("&::after", `
+            opacity: 1;
+          `)])])]), cM("ghost-type", [c$1("&::after", `
+        display: none;
+      `), cNotM("disabled", [c$1("&:focus-visible", `
+          color: var(--u-text-color-hover);
+        `)])]), cM("disabled", `
+      cursor: not-allowed;
+      background-color: var(--u-color-disabled);
+      border-color: var(--u-border-color-disabled);
+      color: var(--u-text-color-disabled);
+    `), cM("loading", `
+      cursor: default;
+    `), cM("loading-text-only", [cE("label", `
+        visibility: hidden;
+      `)])])]);
+
+const SPINNER_VIEWBOX = 100;
+const SPINNER_ARC = 0.75;
+const DEFAULT_SPINNER_STROKE_WIDTH = 18.5;
+function resolveVariantKey(type, tone) {
+  if (tone !== "negative" || type === "secondary") return type;
+  return `${type}Negative`;
+}
+function upperFirst(value) {
+  return value.charAt(0).toUpperCase() + value.slice(1);
+}
+function resolveSpinnerStrokeWidth(iconSize, strokeWidth) {
+  const size = Number.parseFloat(iconSize);
+  const stroke = Number.parseFloat(strokeWidth);
+  if (!size || !stroke) return DEFAULT_SPINNER_STROKE_WIDTH;
+  return stroke / size * SPINNER_VIEWBOX;
+}
+function renderSpinner(clsPrefix, strokeWidth) {
+  const radius = (SPINNER_VIEWBOX - strokeWidth) / 2;
+  const circumference = 2 * Math.PI * radius;
+  const arc = SPINNER_ARC * circumference;
+  return h("svg", {
+    class: `${clsPrefix}-button-v3__spinner-icon`,
+    viewBox: `0 0 ${SPINNER_VIEWBOX} ${SPINNER_VIEWBOX}`,
+    xmlns: "http://www.w3.org/2000/svg",
+    role: "img",
+    "aria-label": "loading"
+  }, [h("circle", {
+    cx: SPINNER_VIEWBOX / 2,
+    cy: SPINNER_VIEWBOX / 2,
+    r: radius,
+    fill: "none",
+    stroke: "currentColor",
+    "stroke-width": strokeWidth,
+    "stroke-linecap": "round",
+    "stroke-dasharray": `${arc} ${circumference - arc}`
+  })]);
+}
+function renderIconSlot(options) {
+  const {
+    clsPrefix,
+    slot,
+    showSpinner,
+    strokeWidth,
+    key
+  } = options;
+  if (!showSpinner && !slot) return null;
+  return h("span", {
+    key,
+    class: `${clsPrefix}-button-v3__icon`
+  }, showSpinner ? [renderSpinner(clsPrefix, strokeWidth)] : slot?.());
+}
+
+const ButtonV3$1 = defineComponent({
+  name: "ButtonV3",
+  props: buttonV3Props,
+  slots: Object,
+  setup(props, { attrs }) {
+    {
+      watchEffect(() => {
+        if (props.type === "secondary" && props.tone === "negative") {
+          warnOnce(
+            "button-v3",
+            "\u0423 \u0442\u0438\u043F\u0430 `secondary` \u043D\u0435\u0442 \u0442\u043E\u043D\u0430 `negative` \u2014 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0442\u043E\u043D `default`."
+          );
+        }
+        if (props.iconOnly && !attrs["aria-label"] && !attrs["aria-labelledby"] && !attrs.title) {
+          warnOnce(
+            "button-v3",
+            "\u041A\u043D\u043E\u043F\u043A\u0435 \u0441 `icon-only` \u043D\u0443\u0436\u0435\u043D `aria-label` (\u0438\u043B\u0438 `title`) \u2014 \u0438\u043D\u0430\u0447\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u0435 \u043D\u0435\u043F\u043E\u043D\u044F\u0442\u043D\u043E."
+          );
+        }
+      });
+    }
+    const selfElRef = ref(null);
+    const { inlineThemeDisabled, mergedClsPrefixRef } = useConfig(props);
+    const themeRef = useTheme(
+      "ButtonV3",
+      "-button-v3",
+      style$1W,
+      buttonV3Light,
+      props,
+      mergedClsPrefixRef
+    );
+    const { mergedSizeRef } = useFormItem(
+      {},
+      {
+        defaultSize: "medium",
+        mergedSize: (UFormItem) => {
+          const { size } = props;
+          if (size)
+            return size;
+          const { mergedSize: formItemSize } = UFormItem || {};
+          if (formItemSize)
+            return formItemSize.value;
+          return "medium";
+        }
+      }
+    );
+    const variantKeyRef = computed(
+      () => resolveVariantKey(props.type, props.tone)
+    );
+    const mergedDisabledRef = computed(() => props.disabled);
+    const inertRef = computed(() => props.disabled || props.loading);
+    const mergedFocusableRef = computed(
+      () => props.focusable && !props.disabled
+    );
+    const spinnerStrokeWidthRef = computed(() => {
+      const { self } = themeRef.value;
+      return resolveSpinnerStrokeWidth(
+        self[createKey("iconSize", mergedSizeRef.value)],
+        self.spinnerStrokeWidth
+      );
+    });
+    const handleClick = (e) => {
+      if (inertRef.value) {
+        e.preventDefault();
+        e.stopPropagation();
+        return;
+      }
+      const { onClick } = props;
+      if (onClick)
+        call(onClick, e);
+    };
+    const cssVarsRef = computed(() => {
+      const {
+        common: { cubicBezierEaseInOut },
+        self
+      } = themeRef.value;
+      const {
+        fontFamily,
+        fontSize,
+        lineHeight,
+        fontWeight,
+        letterSpacing,
+        iconMargin,
+        borderWidth,
+        focusRingWidth,
+        focusRingColor,
+        pressedOverlayColor,
+        textColorDisabled
+      } = self;
+      const size = mergedSizeRef.value;
+      const variant = upperFirst(variantKeyRef.value);
+      const colors = self;
+      return {
+        "--u-bezier": cubicBezierEaseInOut,
+        "--u-height": self[createKey("height", size)],
+        "--u-padding": self[createKey("padding", size)],
+        "--u-border-radius": self[createKey("borderRadius", size)],
+        "--u-icon-size": self[createKey("iconSize", size)],
+        "--u-icon-margin": iconMargin,
+        "--u-font-family": fontFamily,
+        "--u-font-size": fontSize,
+        "--u-line-height": lineHeight,
+        "--u-font-weight": fontWeight,
+        "--u-letter-spacing": letterSpacing,
+        "--u-border-width": borderWidth,
+        "--u-focus-ring-width": focusRingWidth,
+        "--u-focus-ring-color": focusRingColor,
+        "--u-pressed-overlay-color": pressedOverlayColor,
+        "--u-color": colors[`color${variant}`],
+        "--u-color-hover": colors[`color${variant}Hover`],
+        "--u-color-disabled": colors[`color${variant}Disabled`],
+        "--u-text-color": colors[`textColor${variant}`],
+        "--u-text-color-hover": colors[`textColor${variant}Hover`],
+        "--u-text-color-disabled": textColorDisabled,
+        "--u-border-color": colors[`borderColor${variant}`],
+        "--u-border-color-disabled": colors[`borderColor${variant}Disabled`]
+      };
+    });
+    const themeClassHashRef = computed(
+      () => `${variantKeyRef.value}-${mergedSizeRef.value}`
+    );
+    const themeClassHandle = inlineThemeDisabled ? useThemeClass("button-v3", themeClassHashRef, cssVarsRef, props) : void 0;
+    return {
+      selfElRef,
+      mergedClsPrefix: mergedClsPrefixRef,
+      mergedSize: mergedSizeRef,
+      mergedDisabled: mergedDisabledRef,
+      mergedFocusable: mergedFocusableRef,
+      inert: inertRef,
+      spinnerStrokeWidth: spinnerStrokeWidthRef,
+      handleClick,
+      cssVars: inlineThemeDisabled ? void 0 : cssVarsRef,
+      themeClass: themeClassHandle?.themeClass,
+      onRender: themeClassHandle?.onRender
+    };
+  },
+  render() {
+    const {
+      $slots,
+      mergedClsPrefix: clsPrefix,
+      tag: Component,
+      iconOnly,
+      loading,
+      mergedDisabled,
+      inert,
+      spinnerStrokeWidth: strokeWidth,
+      onRender
+    } = this;
+    onRender?.();
+    const iconStartSlot = $slots["icon-start"];
+    const iconEndSlot = $slots["icon-end"];
+    const hasIconStart = !!iconStartSlot;
+    const hasIconEnd = !!iconEndSlot;
+    const centeredSpinner = loading && !iconOnly && !hasIconStart && !hasIconEnd;
+    const children = [];
+    if (iconOnly) {
+      children.push(
+        renderIconSlot({
+          clsPrefix,
+          slot: iconStartSlot || $slots.default,
+          showSpinner: loading,
+          strokeWidth,
+          key: "icon"
+        })
+      );
+    } else {
+      children.push(
+        renderIconSlot({
+          clsPrefix,
+          slot: iconStartSlot,
+          showSpinner: loading && hasIconStart,
+          strokeWidth,
+          key: "icon-start"
+        })
+      );
+      if ($slots.default) {
+        children.push(
+          /* @__PURE__ */ h("span", { class: `${clsPrefix}-button-v3__label` }, $slots.default())
+        );
+      }
+      children.push(
+        renderIconSlot({
+          clsPrefix,
+          slot: iconEndSlot,
+          showSpinner: loading && !hasIconStart && hasIconEnd,
+          strokeWidth,
+          key: "icon-end"
+        })
+      );
+      if (centeredSpinner) {
+        children.push(
+          /* @__PURE__ */ h("span", { class: `${clsPrefix}-button-v3__spinner` }, renderSpinner(clsPrefix, strokeWidth))
+        );
+      }
+    }
+    return /* @__PURE__ */ h(
+      Component,
+      {
+        ref: "selfElRef",
+        class: [
+          `${clsPrefix}-button-v3`,
+          this.themeClass,
+          `${clsPrefix}-button-v3--${this.type}-type`,
+          `${clsPrefix}-button-v3--${this.tone}-tone`,
+          `${clsPrefix}-button-v3--${this.mergedSize}-size`,
+          iconOnly && `${clsPrefix}-button-v3--icon-only`,
+          this.block && `${clsPrefix}-button-v3--block`,
+          mergedDisabled && `${clsPrefix}-button-v3--disabled`,
+          loading && `${clsPrefix}-button-v3--loading`,
+          centeredSpinner && `${clsPrefix}-button-v3--loading-text-only`
+        ],
+        style: this.cssVars,
+        type: Component === "button" ? this.attrType : void 0,
+        disabled: Component === "button" ? mergedDisabled : void 0,
+        tabindex: this.mergedFocusable ? 0 : -1,
+        "aria-disabled": inert ? "true" : void 0,
+        "aria-busy": loading ? "true" : void 0,
+        onClick: this.handleClick
+      },
+      children
+    );
+  }
+});
+
 const checkboxGroupInjectionKey = createInjectionKey("u-checkbox-group");
 const checkboxBaseProps = {
   size: String,
@@ -15035,7 +15599,7 @@ var ArrowUpIcon = defineComponent({
 
 function replaceable(name, icon) {
   return defineComponent({
-    name: upperFirst(name),
+    name: upperFirst$1(name),
     setup() {
       const mergedIconsRef = inject(
         configProviderInjectionKey,
@@ -16147,7 +16711,7 @@ var ZoomOutIcon = replaceable(
 
 const {
   cubicBezierEaseInOut: cubicBezierEaseInOut$4
-} = commonVariables$6;
+} = commonVariables$7;
 function iconSwitchTransition({
   originalTransform = "",
   left = 0,
@@ -16757,7 +17321,7 @@ var UBaseLoading = defineComponent({
 
 const {
   cubicBezierEaseInOut: cubicBezierEaseInOut$3
-} = commonVariables$6;
+} = commonVariables$7;
 function fadeInTransition({
   name = "fade-in",
   enterDuration = "0.2s",
@@ -21903,7 +22467,7 @@ const buttonRtl = {
 
 const {
   cubicBezierEaseInOut: cubicBezierEaseInOut$2
-} = commonVariables$6;
+} = commonVariables$7;
 function fadeInWidthExpandTransition({
   duration = ".2s",
   delay = ".1s"
@@ -22826,7 +23390,7 @@ const {
   cubicBezierEaseInOut: cubicBezierEaseInOut$1,
   cubicBezierEaseOut: cubicBezierEaseOut$6,
   cubicBezierEaseIn: cubicBezierEaseIn$5
-} = commonVariables$6;
+} = commonVariables$7;
 function fadeInHeightExpandTransition({
   overflow = "hidden",
   duration = ".3s",
@@ -25013,7 +25577,7 @@ var SelectMenuSearch = defineComponent({
 const {
   cubicBezierEaseIn: cubicBezierEaseIn$4,
   cubicBezierEaseOut: cubicBezierEaseOut$5
-} = commonVariables$6;
+} = commonVariables$7;
 function fadeInScaleUpTransition({
   transformOrigin = "inherit",
   duration = ".2s",
@@ -29072,7 +29636,7 @@ var SlotMachineNumber = defineComponent({
 
 const {
   cubicBezierEaseOut: cubicBezierEaseOut$4
-} = commonVariables$6;
+} = commonVariables$7;
 function fadeUpWidthExpandTransition({
   duration = ".2s"
 } = {}) {
@@ -34151,6 +34715,24 @@ var _UButtonGroup = defineComponent({
   }
 });
 
+const ButtonV3 = defineComponent({
+  name: "ButtonV3",
+  props: buttonV3Props,
+  slots: Object,
+  inheritAttrs: false,
+  setup(props, { slots, attrs }) {
+    return () => h(
+      ButtonV3$1,
+      {
+        ...props,
+        ...attrs
+      },
+      slots
+    );
+  }
+});
+const XButtonV3 = ButtonV3;
+
 /**
  * The {@link addDays} function options.
  */
@@ -91266,7 +91848,7 @@ var UDrawerBodyWrapper = defineComponent({
 const {
   cubicBezierEaseIn: cubicBezierEaseIn$3,
   cubicBezierEaseOut: cubicBezierEaseOut$3
-} = commonVariables$6;
+} = commonVariables$7;
 function slideInFromBottomTransition({
   duration = "0.3s",
   leaveDuration = "0.2s",
@@ -91290,7 +91872,7 @@ function slideInFromBottomTransition({
 const {
   cubicBezierEaseIn: cubicBezierEaseIn$2,
   cubicBezierEaseOut: cubicBezierEaseOut$2
-} = commonVariables$6;
+} = commonVariables$7;
 function slideInFromLeftTransition({
   duration = "0.3s",
   leaveDuration = "0.2s",
@@ -91314,7 +91896,7 @@ function slideInFromLeftTransition({
 const {
   cubicBezierEaseIn: cubicBezierEaseIn$1,
   cubicBezierEaseOut: cubicBezierEaseOut$1
-} = commonVariables$6;
+} = commonVariables$7;
 function slideInFromRightTransition({
   duration = "0.3s",
   leaveDuration = "0.2s",
@@ -91338,7 +91920,7 @@ function slideInFromRightTransition({
 const {
   cubicBezierEaseIn,
   cubicBezierEaseOut
-} = commonVariables$6;
+} = commonVariables$7;
 function slideInFromTopTransition({
   duration = "0.3s",
   leaveDuration = "0.2s",
@@ -94914,7 +95496,7 @@ Schema.validators = validators;
 
 const {
   cubicBezierEaseInOut
-} = commonVariables$6;
+} = commonVariables$7;
 function fadeDownTransition({
   name = "fade-down",
   fromOffset = "-4px",
@@ -123054,6 +123636,8 @@ const UBreadcrumbItem = /* @__PURE__ */wrap(_UBreadcrumbItem);
 const UButton = /* @__PURE__ */wrap(Button);
 const UxButton = /* @__PURE__ */wrap(XButton);
 const UButtonGroup = /* @__PURE__ */wrap(_UButtonGroup);
+const UButtonV3 = /* @__PURE__ */wrap(ButtonV3);
+const UxButtonV3 = /* @__PURE__ */wrap(XButtonV3);
 const UCalendar = /* @__PURE__ */wrap(_UCalendar);
 const UCard = /* @__PURE__ */wrap(_UCard);
 const UCardList = /* @__PURE__ */wrap(_UCardList);
@@ -123247,6 +123831,7 @@ var components = /*#__PURE__*/Object.freeze({
   UBreadcrumbItem: UBreadcrumbItem,
   UButton: UButton,
   UButtonGroup: UButtonGroup,
+  UButtonV3: UButtonV3,
   UCalendar: UCalendar,
   UCard: UCard,
   UCardList: UCardList,
@@ -123416,6 +124001,7 @@ var components = /*#__PURE__*/Object.freeze({
   UVirtualList: UVirtualList,
   UWatermark: UWatermark,
   UxButton: UxButton,
+  UxButtonV3: UxButtonV3,
   aProps: aProps,
   actionCardDark: actionCardDark,
   actionCardLight: actionCardLight,
@@ -123433,6 +124019,9 @@ var components = /*#__PURE__*/Object.freeze({
   breadcrumbProps: breadcrumbProps,
   buttonGroupProps: buttonGroupProps,
   buttonProps: buttonProps,
+  buttonV3Dark: buttonV3Dark,
+  buttonV3Light: buttonV3Light,
+  buttonV3Props: buttonV3Props,
   calendarProps: calendarProps,
   cardListProps: cardListProps,
   cardProps: cardProps,
@@ -123632,7 +124221,7 @@ function useThemeVars() {
   });
 }
 
-var version = "2.3.8";
+var version = "3.0.0-alpha.0";
 
 function create({
   componentPrefix = "U",
@@ -123702,6 +124291,7 @@ const lightTheme = {
   Breadcrumb: breadcrumbLight,
   Button: buttonLight,
   ButtonGroup: buttonGroupLight,
+  ButtonV3: buttonV3Light,
   Calendar: calendarLight,
   Card: cardLight,
   CardList: cardListLight,
@@ -124327,6 +124917,7 @@ const darkTheme = {
   Breadcrumb: breadcrumbDark,
   Button: buttonDark,
   ButtonGroup: buttonGroupDark,
+  ButtonV3: buttonV3Dark,
   Calendar: calendarDark,
   Card: cardDark$1,
   CardList: cardDark,
@@ -124437,4 +125028,4 @@ function createTheme(name, componentThemes) {
   return theme;
 }
 
-export { ChatAttachmentStatus, ChatMarkType, ChatMessageType, MessageBubbleAttachmentStatus, MessageBubbleServiceVariant, MessageBubbleStatus, MessageBubbleType, MessageStatus, a as NA, p as NP, UActionCard, UAffix, UAlert, UAnchor, UAnchorLink, UAutoComplete, UAvatar, UAvatarGroup, UBackTop, UBadge, UBlockquote, UBreadcrumb, UBreadcrumbItem, UButton, UButtonGroup, UCalendar, UCard, UCardList, UCarousel, UCarouselItem, UCascader, UChat, UChatListItems, UChatMainArea, UChatMessages, UCheckbox, UCheckboxGroup, UCode, UCol, UCollapse, UCollapseItem, UCollapseTransition, UColorPicker, UConfigProvider, UCountdown, UCrop, UDataTable, UDatePicker, UDatePickerV2, UDescriptions, UDescriptionsItem, UDialog, UDialogProvider, UDivider, UDrawer, UDrawerContent, UDropdown, UDynamicInput, UDynamicTags, UEl, UElement, UEllipsis, UEmpty, UEquation, UFlex, UFloatButton, UFloatButtonGroup, UForm, UFormItem, UFormItemCol, UFormItemGi, UFormItemGridItem, UFormItemRow, UGi, UGlobalStyle, UGradientText, UGrid, UGridItem, UH1, UH2, UH3, UH4, UH5, UH6, UHeader, UHeaderActions, UHeaderDesktopLayout, HeaderMobile as UHeaderMobile, UHeaderMobileLayout, UHeaderNavigation, UHeaderSearchDesktop, UHeaderSearchMobile, UHeaderSearchResults, UHeatmap, UHighlight, UHr, UIcon, UIconBar, UIconBarItem, UIconPack, UIconWrapper, UImage, UImageGroup, UImagePreview, UInfiniteScroll, UInput, UInputGroup, UInputGroupLabel, UInputNumber, UInputOtp, UKanban, UKanbanCard, UKanbanColumn, ULayout, ULayoutContent, ULayoutFooter, ULayoutHeader, ULayoutSider, ULegacyTransfer, ULi, UList, UListItem, ULoadingBarProvider, ULog, UMappingCard, UMappingCardList, UMarquee, UMention, UMenu, UMessageBubble, UMessageProvider, UModal, UModalFullscreen, UModalProvider, UNotificationProvider, UNumberAnimation, UOl, UPageHeader, UPagination, UPerformantEllipsis, UPopconfirm, UPopover, UPopselect, UProgress, UQrCode, URadio, URadioButton, URadioGroup, URate, UResult, URow, USafeTopScrollbar, UScrollbar, USelect, USkeleton, USlider, USpace, USpin, USplit, UStatistic, UStatus, UStep, USteps, USwitch, UTab, UTabPane, UTable, UTabs, UTag, UTagGroup, UTbody, UTd, UText, UTh, UThead, ThemeEditor as UThemeEditor, UThing, UTime, UTimePicker, UTimeline, UTimelineItem, UToggleButton, UTooltip, UTr, UTransfer, UTree, UTreeSelect, UUl, UUpload, UUploadDragger, UUploadFileList, UUploadTrigger, UVirtualList, UWatermark, UxButton, UzumUiResolver, aProps, actionCardDark, actionCardLight, affixProps, alertDark, alertProps, anchorDark, anchorLinkProps, anchorProps, autoCompleteDark, autoCompleteProps, avatarDark, avatarGroupProps, avatarProps, backTopDark, backTopProps, badgeDark, badgeProps, blockquoteProps, breadcrumbDark, breadcrumbItemProps, breadcrumbProps, buttonDark, buttonGroupDark, buttonGroupProps, buttonProps, c$1 as c, cB, cE, cM, cNotM, calendarProps, cardDark$1 as cardDark, cardDark as cardListDark, cardListProps, cardProps, carouselProps, cascaderDark, cascaderProps, checkboxDark, checkboxGroupProps, checkboxProps, codeDark, codeProps, colProps, collapseDark, collapseItemProps, collapseProps, collapseTransitionProps, colorPickerProps, derived$1 as commonDark, derived as commonLight, configProviderProps, countdownProps, create, createDiscreteApi, createLocale, createTheme, cropProps, darkTheme, dataTableDark, dataTableProps, dateEnUs as dateEnUS, datePickerDark, datePickerProps, datePickerV2Dark, datePickerV2Light, dateRuRU, dateUzUZ, dateZhCN, uzumUi as default, descriptionsDark, descriptionsItemProps, descriptionsProps, dialogDark, dialogProps, dialogProviderProps, dividerDark, dividerProps, drawerContentProps, drawerDark, drawerProps, dropdownDark, dropdownProps, dynamicInputDark, dynamicInputProps, dynamicTagsDark, dynamicTagsProps, elementDark, elementProps, ellipsisProps, emptyDark$1 as emptyDark, emptyProps, enUS$1 as enUS, equationProps, flexProps, floatButtonDark, floatButtonGroupDark, floatButtonGroupProps, floatButtonProps, formItemDark as formDark, formItemGiProps, formItemGiProps as formItemGridItemProps, formItemProps, formProps, getMenuItemKey, gridItemProps as giProps, gradientTextDark, gradientTextProps, gridItemProps, gridProps, headerProps$2 as h1Props, headerProps$2 as h2Props, headerProps$2 as h3Props, headerProps$2 as h4Props, headerProps$2 as h5Props, headerProps$2 as h6Props, hasChildren, headerActionsProps, headerDesktopLayoutProps, headerMobileLayoutProps, headerMobileProps, headerNavigationProps, headerProps$1 as headerProps, headerSearchDesktopProps, headerSearchMobileProps, headerSearchResultsProps, HeatmapDark as heatmapDark, heatmapLight, heatmapMockData, heatmapProps, highlightProps, iconBarItemProps, iconBarProps, iconDark$1 as iconDark, iconPackDark, iconPackLight, iconPackProps, iconProps, iconWrapperProps, imageGroupProps, imagePreviewProps, imageProps, infiniteScrollProps, inputDark, inputGroupLabelProps, inputGroupProps, inputNumberDark, inputNumberProps, inputOtpDark, inputOtpProps, inputProps, install, internalSelectMenuDark, internalSelectionDark, isColumnOption, isDividerOption, isGroupOption, isLeafMenuOption, isNotNull, kanbanDark, kanbanLight, kanbanProps, layoutProps as layoutContentProps, layoutDark, layoutFooterProps, headerProps as layoutHeaderProps, layoutProps, layoutSiderProps, transferProps$1 as legacyTransferProps, lightTheme, listDark$1 as listDark, listProps, loadingBarDark, loadingBarProviderProps, logDark, logProps, mappingCardDark, mappingCardLight, marqueeDark, listDark as mentionDark, mentionProps, menuDark, menuProps, messageBubbleDark, messageBubbleProps, messageDark, messageProviderProps, modalDark, modalFullscreenProps, modalProps, modalProviderProps, notificationDark, notificationProviderProps, numberAnimationProps, olProps, pProps, pageHeaderProps, paginationDark, paginationProps, popconfirmDark, popconfirmProps, popoverDark, popoverProps, popselect as popselectDark, popselectProps, progressDark, progressProps, qrCodeProps, radioButtonProps, radioDark, radioGroupProps, radioProps, rateDark, rateProps, renderAsyncIcon, renderBadge, renderConfig, renderIcon, renderOptionLabel, resolvePlacement, resolveTopLevelMenuKey, resultDark, resultProps, rowProps, ruRu as ruRU, safeTopScrollbarProps, scrollbarDark, scrollbarProps, selectDark, selectProps, skeletonProps, sliderDark, sliderProps, spaceDark, spaceProps, spinDark, spinProps, splitProps, statisticDark, statisticProps, emptyDark as statusDark, statusProps, stepProps, stepsDark, stepsProps, switchDark, switchProps, tabPaneProps, tabProps, tableDark, tableProps, tabsDark, tabsProps, tagDark, tagProps, textProps, thingDark, thingProps, timePickerDark, timePickerProps, timeProps, timelineDark, timelineItemProps, timelineProps, toggleButtonDark, toggleButtonProps, tooltipDark, tooltipProps, transferDark$1 as transferDark, transferProps, treeDark, treeGetClickTarget, treeProps, treeSelectDark, treeSelectProps, typographyDark, ulProps, alertRtl as unstableAlertRtl, avatarGroupRtl as unstableAvatarGroupRtl, badgeRtl as unstableBadgeRtl, buttonGroupRtl as unstableButtonGroupRtl, buttonRtl as unstableButtonRtl, cardRtl as unstableCardRtl, checkboxRtl as unstableCheckboxRtl, collapseRtl as unstableCollapseRtl, collapseTransitionRtl as unstableCollapseTransitionRtl, drawerRtl as unstableDrawerRtl, dynamicInputRtl as unstableDynamicInputRtl, inputNumberRtl as unstableInputNumberRtl, inputOtpRtl as unstableInputOtpRtl, inputRtl as unstableInputRtl, listRtl as unstableListRtl, messageRtl as unstableMessageRtl, notificationRtl as unstableNotificationRtl, rtl as unstablePageHeaderRtl, paginationRtl as unstablePaginationRtl, radioRtl as unstableRadioRtl, rowRtl as unstableRowRtl, scrollbarRtl as unstableScrollbarRtl, spaceRtl as unstableSpaceRtl, statisticRtl as unstableStatisticRtl, stepsRtl as unstableStepsRtl, tableRtl as unstableTableRtl, tagRtl as unstableTagRtl, thingRtl as unstableThingRtl, treeRtl as unstableTreeRtl, uploadRtl as unstableUploadRtl, uploadDark, publicDownload as uploadDownload, uploadProps, useDialog, useDialogReactiveList, useLoadingBar, useMessage, useModal, useModalReactiveList, useNotification, useOsTheme, useThemeVars, uzUZ, version, virtualListProps, watermarkDark, watermarkProps, zhCN$1 as zhCN, zindexable };
+export { ChatAttachmentStatus, ChatMarkType, ChatMessageType, MessageBubbleAttachmentStatus, MessageBubbleServiceVariant, MessageBubbleStatus, MessageBubbleType, MessageStatus, a as NA, p as NP, UActionCard, UAffix, UAlert, UAnchor, UAnchorLink, UAutoComplete, UAvatar, UAvatarGroup, UBackTop, UBadge, UBlockquote, UBreadcrumb, UBreadcrumbItem, UButton, UButtonGroup, UButtonV3, UCalendar, UCard, UCardList, UCarousel, UCarouselItem, UCascader, UChat, UChatListItems, UChatMainArea, UChatMessages, UCheckbox, UCheckboxGroup, UCode, UCol, UCollapse, UCollapseItem, UCollapseTransition, UColorPicker, UConfigProvider, UCountdown, UCrop, UDataTable, UDatePicker, UDatePickerV2, UDescriptions, UDescriptionsItem, UDialog, UDialogProvider, UDivider, UDrawer, UDrawerContent, UDropdown, UDynamicInput, UDynamicTags, UEl, UElement, UEllipsis, UEmpty, UEquation, UFlex, UFloatButton, UFloatButtonGroup, UForm, UFormItem, UFormItemCol, UFormItemGi, UFormItemGridItem, UFormItemRow, UGi, UGlobalStyle, UGradientText, UGrid, UGridItem, UH1, UH2, UH3, UH4, UH5, UH6, UHeader, UHeaderActions, UHeaderDesktopLayout, HeaderMobile as UHeaderMobile, UHeaderMobileLayout, UHeaderNavigation, UHeaderSearchDesktop, UHeaderSearchMobile, UHeaderSearchResults, UHeatmap, UHighlight, UHr, UIcon, UIconBar, UIconBarItem, UIconPack, UIconWrapper, UImage, UImageGroup, UImagePreview, UInfiniteScroll, UInput, UInputGroup, UInputGroupLabel, UInputNumber, UInputOtp, UKanban, UKanbanCard, UKanbanColumn, ULayout, ULayoutContent, ULayoutFooter, ULayoutHeader, ULayoutSider, ULegacyTransfer, ULi, UList, UListItem, ULoadingBarProvider, ULog, UMappingCard, UMappingCardList, UMarquee, UMention, UMenu, UMessageBubble, UMessageProvider, UModal, UModalFullscreen, UModalProvider, UNotificationProvider, UNumberAnimation, UOl, UPageHeader, UPagination, UPerformantEllipsis, UPopconfirm, UPopover, UPopselect, UProgress, UQrCode, URadio, URadioButton, URadioGroup, URate, UResult, URow, USafeTopScrollbar, UScrollbar, USelect, USkeleton, USlider, USpace, USpin, USplit, UStatistic, UStatus, UStep, USteps, USwitch, UTab, UTabPane, UTable, UTabs, UTag, UTagGroup, UTbody, UTd, UText, UTh, UThead, ThemeEditor as UThemeEditor, UThing, UTime, UTimePicker, UTimeline, UTimelineItem, UToggleButton, UTooltip, UTr, UTransfer, UTree, UTreeSelect, UUl, UUpload, UUploadDragger, UUploadFileList, UUploadTrigger, UVirtualList, UWatermark, UxButton, UxButtonV3, UzumUiResolver, aProps, actionCardDark, actionCardLight, affixProps, alertDark, alertProps, anchorDark, anchorLinkProps, anchorProps, autoCompleteDark, autoCompleteProps, avatarDark, avatarGroupProps, avatarProps, backTopDark, backTopProps, badgeDark, badgeProps, blockquoteProps, breadcrumbDark, breadcrumbItemProps, breadcrumbProps, buttonDark, buttonGroupDark, buttonGroupProps, buttonProps, buttonV3Dark, buttonV3Light, buttonV3Props, c$1 as c, cB, cE, cM, cNotM, calendarProps, cardDark$1 as cardDark, cardDark as cardListDark, cardListProps, cardProps, carouselProps, cascaderDark, cascaderProps, checkboxDark, checkboxGroupProps, checkboxProps, codeDark, codeProps, colProps, collapseDark, collapseItemProps, collapseProps, collapseTransitionProps, colorPickerProps, derived$1 as commonDark, derived as commonLight, configProviderProps, countdownProps, create, createDiscreteApi, createLocale, createTheme, cropProps, darkTheme, dataTableDark, dataTableProps, dateEnUs as dateEnUS, datePickerDark, datePickerProps, datePickerV2Dark, datePickerV2Light, dateRuRU, dateUzUZ, dateZhCN, uzumUi as default, descriptionsDark, descriptionsItemProps, descriptionsProps, dialogDark, dialogProps, dialogProviderProps, dividerDark, dividerProps, drawerContentProps, drawerDark, drawerProps, dropdownDark, dropdownProps, dynamicInputDark, dynamicInputProps, dynamicTagsDark, dynamicTagsProps, elementDark, elementProps, ellipsisProps, emptyDark$1 as emptyDark, emptyProps, enUS$1 as enUS, equationProps, flexProps, floatButtonDark, floatButtonGroupDark, floatButtonGroupProps, floatButtonProps, formItemDark as formDark, formItemGiProps, formItemGiProps as formItemGridItemProps, formItemProps, formProps, getMenuItemKey, gridItemProps as giProps, gradientTextDark, gradientTextProps, gridItemProps, gridProps, headerProps$2 as h1Props, headerProps$2 as h2Props, headerProps$2 as h3Props, headerProps$2 as h4Props, headerProps$2 as h5Props, headerProps$2 as h6Props, hasChildren, headerActionsProps, headerDesktopLayoutProps, headerMobileLayoutProps, headerMobileProps, headerNavigationProps, headerProps$1 as headerProps, headerSearchDesktopProps, headerSearchMobileProps, headerSearchResultsProps, HeatmapDark as heatmapDark, heatmapLight, heatmapMockData, heatmapProps, highlightProps, iconBarItemProps, iconBarProps, iconDark$1 as iconDark, iconPackDark, iconPackLight, iconPackProps, iconProps, iconWrapperProps, imageGroupProps, imagePreviewProps, imageProps, infiniteScrollProps, inputDark, inputGroupLabelProps, inputGroupProps, inputNumberDark, inputNumberProps, inputOtpDark, inputOtpProps, inputProps, install, internalSelectMenuDark, internalSelectionDark, isColumnOption, isDividerOption, isGroupOption, isLeafMenuOption, isNotNull, kanbanDark, kanbanLight, kanbanProps, layoutProps as layoutContentProps, layoutDark, layoutFooterProps, headerProps as layoutHeaderProps, layoutProps, layoutSiderProps, transferProps$1 as legacyTransferProps, lightTheme, listDark$1 as listDark, listProps, loadingBarDark, loadingBarProviderProps, logDark, logProps, mappingCardDark, mappingCardLight, marqueeDark, listDark as mentionDark, mentionProps, menuDark, menuProps, messageBubbleDark, messageBubbleProps, messageDark, messageProviderProps, modalDark, modalFullscreenProps, modalProps, modalProviderProps, notificationDark, notificationProviderProps, numberAnimationProps, olProps, pProps, pageHeaderProps, paginationDark, paginationProps, popconfirmDark, popconfirmProps, popoverDark, popoverProps, popselect as popselectDark, popselectProps, progressDark, progressProps, qrCodeProps, radioButtonProps, radioDark, radioGroupProps, radioProps, rateDark, rateProps, renderAsyncIcon, renderBadge, renderConfig, renderIcon, renderOptionLabel, resolvePlacement, resolveTopLevelMenuKey, resultDark, resultProps, rowProps, ruRu as ruRU, safeTopScrollbarProps, scrollbarDark, scrollbarProps, selectDark, selectProps, skeletonProps, sliderDark, sliderProps, spaceDark, spaceProps, spinDark, spinProps, splitProps, statisticDark, statisticProps, emptyDark as statusDark, statusProps, stepProps, stepsDark, stepsProps, switchDark, switchProps, tabPaneProps, tabProps, tableDark, tableProps, tabsDark, tabsProps, tagDark, tagProps, textProps, thingDark, thingProps, timePickerDark, timePickerProps, timeProps, timelineDark, timelineItemProps, timelineProps, toggleButtonDark, toggleButtonProps, tooltipDark, tooltipProps, transferDark$1 as transferDark, transferProps, treeDark, treeGetClickTarget, treeProps, treeSelectDark, treeSelectProps, typographyDark, ulProps, alertRtl as unstableAlertRtl, avatarGroupRtl as unstableAvatarGroupRtl, badgeRtl as unstableBadgeRtl, buttonGroupRtl as unstableButtonGroupRtl, buttonRtl as unstableButtonRtl, cardRtl as unstableCardRtl, checkboxRtl as unstableCheckboxRtl, collapseRtl as unstableCollapseRtl, collapseTransitionRtl as unstableCollapseTransitionRtl, drawerRtl as unstableDrawerRtl, dynamicInputRtl as unstableDynamicInputRtl, inputNumberRtl as unstableInputNumberRtl, inputOtpRtl as unstableInputOtpRtl, inputRtl as unstableInputRtl, listRtl as unstableListRtl, messageRtl as unstableMessageRtl, notificationRtl as unstableNotificationRtl, rtl as unstablePageHeaderRtl, paginationRtl as unstablePaginationRtl, radioRtl as unstableRadioRtl, rowRtl as unstableRowRtl, scrollbarRtl as unstableScrollbarRtl, spaceRtl as unstableSpaceRtl, statisticRtl as unstableStatisticRtl, stepsRtl as unstableStepsRtl, tableRtl as unstableTableRtl, tagRtl as unstableTagRtl, thingRtl as unstableThingRtl, treeRtl as unstableTreeRtl, uploadRtl as unstableUploadRtl, uploadDark, publicDownload as uploadDownload, uploadProps, useDialog, useDialogReactiveList, useLoadingBar, useMessage, useModal, useModalReactiveList, useNotification, useOsTheme, useThemeVars, uzUZ, version, virtualListProps, watermarkDark, watermarkProps, zhCN$1 as zhCN, zindexable };