epic-designer-gold 1.0.30 → 1.0.32

package/dist/{index-DQ9Vb0QH.js → index-Dkj_Zz4E.js}

@@ -1,12 +1,12 @@
-import { c as D } from "./_commonjsHelpers-BVfed4GL.js";
-import { r as Re } from "./_vue_commonjs-external-NwvjgbHK.js";
-import { r as ge, _ as be, c as me, a as Pe, e as ke, p as We, b as je } from "./index-D1ZL6feZ.js";
-import { b as Ne } from "./index-BsXm6fLD.js";
-import { f as Le, a as qe, _ as Qe } from "./index-gA02bxwJ.js";
-var Ve = {}, _e = {}, J = {};
-Object.defineProperty(J, "__esModule", { value: !0 });
-J.createHoverColor = Xe;
-J.createPressedColor = Ye;
+import { c as M } from "./_commonjsHelpers-BVfed4GL.js";
+import { r as ge, _ as be, c as me, a as Pe, b as Re, e as ke, p as We } from "./index-Bf7gu4Ub.js";
+import { r as je } from "./_vue_commonjs-external-NwvjgbHK.js";
+import { f as Ne, a as Le, _ as qe } from "./index-DUFhAGX3.js";
+import { b as Qe } from "./index-BakH-Ay7.js";
+var Ve = {}, _e = {}, U = {};
+Object.defineProperty(U, "__esModule", { value: !0 });
+U.createHoverColor = Xe;
+U.createPressedColor = Ye;
 const Se = ge;
 function Xe(n) {
   return (0, Se.composite)(n, [255, 255, 255, 0.16]);
@@ -14,12 +14,12 @@ function Xe(n) {
 function Ye(n) {
   return (0, Se.composite)(n, [0, 0, 0, 0.12]);
 }
-var U = {};
-Object.defineProperty(U, "__esModule", { value: !0 });
-U.buttonGroupInjectionKey = void 0;
+var Z = {};
+Object.defineProperty(Z, "__esModule", { value: !0 });
+Z.buttonGroupInjectionKey = void 0;
 const Ae = be;
-U.buttonGroupInjectionKey = (0, Ae.createInjectionKey)("n-button-group");
-var Te = {}, xe = {}, V = {}, fe = {};
+Z.buttonGroupInjectionKey = (0, Ae.createInjectionKey)("n-button-group");
+var Te = {}, xe = {}, X = {}, fe = {};
 Object.defineProperty(fe, "__esModule", { value: !0 });
 fe.default = {
   paddingTiny: "0 6px",
@@ -40,76 +40,76 @@ fe.default = {
   iconSizeLarge: "20px",
   rippleDuration: ".6s"
 };
-var Je = D && D.__importDefault || function(n) {
+var Je = M && M.__importDefault || function(n) {
   return n && n.__esModule ? n : { default: n };
 };
-Object.defineProperty(V, "__esModule", { value: !0 });
-V.self = He;
+Object.defineProperty(X, "__esModule", { value: !0 });
+X.self = He;
 const Ue = me, Ze = Je(fe);
 function He(n) {
-  const { heightTiny: p, heightSmall: a, heightMedium: T, heightLarge: z, borderRadius: c, fontSizeTiny: ee, fontSizeSmall: oe, fontSizeMedium: re, fontSizeLarge: I, opacityDisabled: G, textColor2: r, textColor3: te, primaryColorHover: f, primaryColorPressed: P, borderColor: o, primaryColor: C, baseColor: s, infoColor: y, infoColorHover: v, infoColorPressed: R, successColor: g, successColorHover: m, successColorPressed: k, warningColor: H, warningColorHover: $, warningColorPressed: W, errorColor: E, errorColorHover: _, errorColorPressed: B, fontWeight: ne, buttonColor2: X, buttonColor2Hover: q, buttonColor2Pressed: j, fontWeightStrong: M } = n;
+  const { heightTiny: h, heightSmall: P, heightMedium: w, heightLarge: a, borderRadius: p, fontSizeTiny: O, fontSizeSmall: oe, fontSizeMedium: r, fontSizeLarge: g, opacityDisabled: re, textColor2: m, textColor3: te, primaryColorHover: x, primaryColorPressed: T, borderColor: o, primaryColor: C, baseColor: s, infoColor: f, infoColorHover: y, infoColorPressed: k, successColor: _, successColorHover: S, successColorPressed: W, warningColor: D, warningColorHover: z, warningColorPressed: j, errorColor: B, errorColorHover: H, errorColorPressed: K, fontWeight: ne, buttonColor2: Y, buttonColor2Hover: Q, buttonColor2Pressed: N, fontWeightStrong: I } = n;
   return Object.assign(Object.assign({}, Ze.default), {
-    heightTiny: p,
-    heightSmall: a,
-    heightMedium: T,
-    heightLarge: z,
-    borderRadiusTiny: c,
-    borderRadiusSmall: c,
-    borderRadiusMedium: c,
-    borderRadiusLarge: c,
-    fontSizeTiny: ee,
+    heightTiny: h,
+    heightSmall: P,
+    heightMedium: w,
+    heightLarge: a,
+    borderRadiusTiny: p,
+    borderRadiusSmall: p,
+    borderRadiusMedium: p,
+    borderRadiusLarge: p,
+    fontSizeTiny: O,
     fontSizeSmall: oe,
-    fontSizeMedium: re,
-    fontSizeLarge: I,
-    opacityDisabled: G,
+    fontSizeMedium: r,
+    fontSizeLarge: g,
+    opacityDisabled: re,
     // secondary
     colorOpacitySecondary: "0.16",
     colorOpacitySecondaryHover: "0.22",
     colorOpacitySecondaryPressed: "0.28",
-    colorSecondary: X,
-    colorSecondaryHover: q,
-    colorSecondaryPressed: j,
+    colorSecondary: Y,
+    colorSecondaryHover: Q,
+    colorSecondaryPressed: N,
     // tertiary
-    colorTertiary: X,
-    colorTertiaryHover: q,
-    colorTertiaryPressed: j,
+    colorTertiary: Y,
+    colorTertiaryHover: Q,
+    colorTertiaryPressed: N,
     // quaternary
     colorQuaternary: "#0000",
-    colorQuaternaryHover: q,
-    colorQuaternaryPressed: j,
+    colorQuaternaryHover: Q,
+    colorQuaternaryPressed: N,
     // default type
     color: "#0000",
     colorHover: "#0000",
     colorPressed: "#0000",
     colorFocus: "#0000",
     colorDisabled: "#0000",
-    textColor: r,
+    textColor: m,
     textColorTertiary: te,
-    textColorHover: f,
-    textColorPressed: P,
-    textColorFocus: f,
-    textColorDisabled: r,
-    textColorText: r,
-    textColorTextHover: f,
-    textColorTextPressed: P,
-    textColorTextFocus: f,
-    textColorTextDisabled: r,
-    textColorGhost: r,
-    textColorGhostHover: f,
-    textColorGhostPressed: P,
-    textColorGhostFocus: f,
-    textColorGhostDisabled: r,
+    textColorHover: x,
+    textColorPressed: T,
+    textColorFocus: x,
+    textColorDisabled: m,
+    textColorText: m,
+    textColorTextHover: x,
+    textColorTextPressed: T,
+    textColorTextFocus: x,
+    textColorTextDisabled: m,
+    textColorGhost: m,
+    textColorGhostHover: x,
+    textColorGhostPressed: T,
+    textColorGhostFocus: x,
+    textColorGhostDisabled: m,
     border: `1px solid ${o}`,
-    borderHover: `1px solid ${f}`,
-    borderPressed: `1px solid ${P}`,
-    borderFocus: `1px solid ${f}`,
+    borderHover: `1px solid ${x}`,
+    borderPressed: `1px solid ${T}`,
+    borderFocus: `1px solid ${x}`,
     borderDisabled: `1px solid ${o}`,
     rippleColor: C,
     // primary
     colorPrimary: C,
-    colorHoverPrimary: f,
-    colorPressedPrimary: P,
-    colorFocusPrimary: f,
+    colorHoverPrimary: x,
+    colorPressedPrimary: T,
+    colorFocusPrimary: x,
     colorDisabledPrimary: C,
     textColorPrimary: s,
     textColorHoverPrimary: s,
@@ -117,132 +117,132 @@ function He(n) {
     textColorFocusPrimary: s,
     textColorDisabledPrimary: s,
     textColorTextPrimary: C,
-    textColorTextHoverPrimary: f,
-    textColorTextPressedPrimary: P,
-    textColorTextFocusPrimary: f,
-    textColorTextDisabledPrimary: r,
+    textColorTextHoverPrimary: x,
+    textColorTextPressedPrimary: T,
+    textColorTextFocusPrimary: x,
+    textColorTextDisabledPrimary: m,
     textColorGhostPrimary: C,
-    textColorGhostHoverPrimary: f,
-    textColorGhostPressedPrimary: P,
-    textColorGhostFocusPrimary: f,
+    textColorGhostHoverPrimary: x,
+    textColorGhostPressedPrimary: T,
+    textColorGhostFocusPrimary: x,
     textColorGhostDisabledPrimary: C,
     borderPrimary: `1px solid ${C}`,
-    borderHoverPrimary: `1px solid ${f}`,
-    borderPressedPrimary: `1px solid ${P}`,
-    borderFocusPrimary: `1px solid ${f}`,
+    borderHoverPrimary: `1px solid ${x}`,
+    borderPressedPrimary: `1px solid ${T}`,
+    borderFocusPrimary: `1px solid ${x}`,
     borderDisabledPrimary: `1px solid ${C}`,
     rippleColorPrimary: C,
     // info
-    colorInfo: y,
-    colorHoverInfo: v,
-    colorPressedInfo: R,
-    colorFocusInfo: v,
-    colorDisabledInfo: y,
+    colorInfo: f,
+    colorHoverInfo: y,
+    colorPressedInfo: k,
+    colorFocusInfo: y,
+    colorDisabledInfo: f,
     textColorInfo: s,
     textColorHoverInfo: s,
     textColorPressedInfo: s,
     textColorFocusInfo: s,
     textColorDisabledInfo: s,
-    textColorTextInfo: y,
-    textColorTextHoverInfo: v,
-    textColorTextPressedInfo: R,
-    textColorTextFocusInfo: v,
-    textColorTextDisabledInfo: r,
-    textColorGhostInfo: y,
-    textColorGhostHoverInfo: v,
-    textColorGhostPressedInfo: R,
-    textColorGhostFocusInfo: v,
-    textColorGhostDisabledInfo: y,
-    borderInfo: `1px solid ${y}`,
-    borderHoverInfo: `1px solid ${v}`,
-    borderPressedInfo: `1px solid ${R}`,
-    borderFocusInfo: `1px solid ${v}`,
-    borderDisabledInfo: `1px solid ${y}`,
-    rippleColorInfo: y,
+    textColorTextInfo: f,
+    textColorTextHoverInfo: y,
+    textColorTextPressedInfo: k,
+    textColorTextFocusInfo: y,
+    textColorTextDisabledInfo: m,
+    textColorGhostInfo: f,
+    textColorGhostHoverInfo: y,
+    textColorGhostPressedInfo: k,
+    textColorGhostFocusInfo: y,
+    textColorGhostDisabledInfo: f,
+    borderInfo: `1px solid ${f}`,
+    borderHoverInfo: `1px solid ${y}`,
+    borderPressedInfo: `1px solid ${k}`,
+    borderFocusInfo: `1px solid ${y}`,
+    borderDisabledInfo: `1px solid ${f}`,
+    rippleColorInfo: f,
     // success
-    colorSuccess: g,
-    colorHoverSuccess: m,
-    colorPressedSuccess: k,
-    colorFocusSuccess: m,
-    colorDisabledSuccess: g,
+    colorSuccess: _,
+    colorHoverSuccess: S,
+    colorPressedSuccess: W,
+    colorFocusSuccess: S,
+    colorDisabledSuccess: _,
     textColorSuccess: s,
     textColorHoverSuccess: s,
     textColorPressedSuccess: s,
     textColorFocusSuccess: s,
     textColorDisabledSuccess: s,
-    textColorTextSuccess: g,
-    textColorTextHoverSuccess: m,
-    textColorTextPressedSuccess: k,
-    textColorTextFocusSuccess: m,
-    textColorTextDisabledSuccess: r,
-    textColorGhostSuccess: g,
-    textColorGhostHoverSuccess: m,
-    textColorGhostPressedSuccess: k,
-    textColorGhostFocusSuccess: m,
-    textColorGhostDisabledSuccess: g,
-    borderSuccess: `1px solid ${g}`,
-    borderHoverSuccess: `1px solid ${m}`,
-    borderPressedSuccess: `1px solid ${k}`,
-    borderFocusSuccess: `1px solid ${m}`,
-    borderDisabledSuccess: `1px solid ${g}`,
-    rippleColorSuccess: g,
+    textColorTextSuccess: _,
+    textColorTextHoverSuccess: S,
+    textColorTextPressedSuccess: W,
+    textColorTextFocusSuccess: S,
+    textColorTextDisabledSuccess: m,
+    textColorGhostSuccess: _,
+    textColorGhostHoverSuccess: S,
+    textColorGhostPressedSuccess: W,
+    textColorGhostFocusSuccess: S,
+    textColorGhostDisabledSuccess: _,
+    borderSuccess: `1px solid ${_}`,
+    borderHoverSuccess: `1px solid ${S}`,
+    borderPressedSuccess: `1px solid ${W}`,
+    borderFocusSuccess: `1px solid ${S}`,
+    borderDisabledSuccess: `1px solid ${_}`,
+    rippleColorSuccess: _,
     // warning
-    colorWarning: H,
-    colorHoverWarning: $,
-    colorPressedWarning: W,
-    colorFocusWarning: $,
-    colorDisabledWarning: H,
+    colorWarning: D,
+    colorHoverWarning: z,
+    colorPressedWarning: j,
+    colorFocusWarning: z,
+    colorDisabledWarning: D,
     textColorWarning: s,
     textColorHoverWarning: s,
     textColorPressedWarning: s,
     textColorFocusWarning: s,
     textColorDisabledWarning: s,
-    textColorTextWarning: H,
-    textColorTextHoverWarning: $,
-    textColorTextPressedWarning: W,
-    textColorTextFocusWarning: $,
-    textColorTextDisabledWarning: r,
-    textColorGhostWarning: H,
-    textColorGhostHoverWarning: $,
-    textColorGhostPressedWarning: W,
-    textColorGhostFocusWarning: $,
-    textColorGhostDisabledWarning: H,
-    borderWarning: `1px solid ${H}`,
-    borderHoverWarning: `1px solid ${$}`,
-    borderPressedWarning: `1px solid ${W}`,
-    borderFocusWarning: `1px solid ${$}`,
-    borderDisabledWarning: `1px solid ${H}`,
-    rippleColorWarning: H,
+    textColorTextWarning: D,
+    textColorTextHoverWarning: z,
+    textColorTextPressedWarning: j,
+    textColorTextFocusWarning: z,
+    textColorTextDisabledWarning: m,
+    textColorGhostWarning: D,
+    textColorGhostHoverWarning: z,
+    textColorGhostPressedWarning: j,
+    textColorGhostFocusWarning: z,
+    textColorGhostDisabledWarning: D,
+    borderWarning: `1px solid ${D}`,
+    borderHoverWarning: `1px solid ${z}`,
+    borderPressedWarning: `1px solid ${j}`,
+    borderFocusWarning: `1px solid ${z}`,
+    borderDisabledWarning: `1px solid ${D}`,
+    rippleColorWarning: D,
     // error
-    colorError: E,
-    colorHoverError: _,
-    colorPressedError: B,
-    colorFocusError: _,
-    colorDisabledError: E,
+    colorError: B,
+    colorHoverError: H,
+    colorPressedError: K,
+    colorFocusError: H,
+    colorDisabledError: B,
     textColorError: s,
     textColorHoverError: s,
     textColorPressedError: s,
     textColorFocusError: s,
     textColorDisabledError: s,
-    textColorTextError: E,
-    textColorTextHoverError: _,
-    textColorTextPressedError: B,
-    textColorTextFocusError: _,
-    textColorTextDisabledError: r,
-    textColorGhostError: E,
-    textColorGhostHoverError: _,
-    textColorGhostPressedError: B,
-    textColorGhostFocusError: _,
-    textColorGhostDisabledError: E,
-    borderError: `1px solid ${E}`,
-    borderHoverError: `1px solid ${_}`,
-    borderPressedError: `1px solid ${B}`,
-    borderFocusError: `1px solid ${_}`,
-    borderDisabledError: `1px solid ${E}`,
-    rippleColorError: E,
+    textColorTextError: B,
+    textColorTextHoverError: H,
+    textColorTextPressedError: K,
+    textColorTextFocusError: H,
+    textColorTextDisabledError: m,
+    textColorGhostError: B,
+    textColorGhostHoverError: H,
+    textColorGhostPressedError: K,
+    textColorGhostFocusError: H,
+    textColorGhostDisabledError: B,
+    borderError: `1px solid ${B}`,
+    borderHoverError: `1px solid ${H}`,
+    borderPressedError: `1px solid ${K}`,
+    borderFocusError: `1px solid ${H}`,
+    borderDisabledError: `1px solid ${B}`,
+    rippleColorError: B,
     waveOpacity: "0.6",
     fontWeight: ne,
-    fontWeightStrong: M
+    fontWeightStrong: I
   });
 }
 const eo = {
@@ -250,64 +250,64 @@ const eo = {
   common: Ue.commonLight,
   self: He
 };
-V.default = eo;
+X.default = eo;
 Object.defineProperty(xe, "__esModule", { value: !0 });
-const oo = me, ro = V, to = {
+const oo = me, ro = X, to = {
   name: "Button",
   common: oo.commonDark,
   self(n) {
-    const p = (0, ro.self)(n);
-    return p.waveOpacity = "0.8", p.colorOpacitySecondary = "0.16", p.colorOpacitySecondaryHover = "0.2", p.colorOpacitySecondaryPressed = "0.12", p;
+    const h = (0, ro.self)(n);
+    return h.waveOpacity = "0.8", h.colorOpacitySecondary = "0.16", h.colorOpacitySecondaryHover = "0.2", h.colorOpacitySecondaryPressed = "0.12", h;
   }
 };
 xe.default = to;
-var Z = {}, ye = {};
+var ee = {}, ye = {};
 Object.defineProperty(ye, "__esModule", {
   value: !0
 });
-const L = Pe;
-ye.default = (0, L.cB)("button", [(0, L.cM)("rtl", `
+const q = Pe;
+ye.default = (0, q.cB)("button", [(0, q.cM)("rtl", `
  direction: rtl;
- `, [(0, L.cE)("icon", {
+ `, [(0, q.cE)("icon", {
   margin: "var(--n-icon-margin)",
   marginRight: 0
-}), (0, L.cE)("content", [(0, L.c)("~", [(0, L.cE)("icon", {
+}), (0, q.cE)("content", [(0, q.c)("~", [(0, q.cE)("icon", {
   margin: "var(--n-icon-margin)",
   marginLeft: 0
 })])])])]);
-var no = D && D.__importDefault || function(n) {
+var no = M && M.__importDefault || function(n) {
   return n && n.__esModule ? n : { default: n };
 };
-Object.defineProperty(Z, "__esModule", { value: !0 });
-Z.buttonRtl = void 0;
+Object.defineProperty(ee, "__esModule", { value: !0 });
+ee.buttonRtl = void 0;
 const lo = no(ye);
-Z.buttonRtl = {
+ee.buttonRtl = {
   name: "Button",
   style: lo.default
 };
 (function(n) {
-  var p = D && D.__importDefault || function(c) {
-    return c && c.__esModule ? c : { default: c };
+  var h = M && M.__importDefault || function(p) {
+    return p && p.__esModule ? p : { default: p };
   };
   Object.defineProperty(n, "__esModule", { value: !0 }), n.buttonRtl = n.buttonLight = n.buttonDark = void 0;
-  var a = xe;
+  var P = xe;
   Object.defineProperty(n, "buttonDark", { enumerable: !0, get: function() {
-    return p(a).default;
+    return h(P).default;
   } });
-  var T = V;
+  var w = X;
   Object.defineProperty(n, "buttonLight", { enumerable: !0, get: function() {
-    return p(T).default;
+    return h(w).default;
   } });
-  var z = Z;
+  var a = ee;
   Object.defineProperty(n, "buttonRtl", { enumerable: !0, get: function() {
-    return z.buttonRtl;
+    return a.buttonRtl;
   } });
 })(Te);
 var ve = {};
 Object.defineProperty(ve, "__esModule", {
   value: !0
 });
-const t = Pe, so = Le, io = qe, ao = be;
+const so = Ne, io = Le, ao = be, t = Pe;
 ve.default = (0, t.c)([(0, t.cB)("button", `
  margin: 0;
  font-weight: var(--n-font-weight);
@@ -400,13 +400,13 @@ ve.default = (0, t.c)([(0, t.cB)("button", `
  border-radius: inherit;
  transition: border-color .3s var(--n-bezier);
  pointer-events: none;
- `), (0, t.cE)("border", {
-  border: "var(--n-border)"
-}), (0, t.cE)("state-border", {
-  border: "var(--n-border)",
-  borderColor: "#0000",
-  zIndex: 1
-}), (0, t.cE)("icon", `
+ `), (0, t.cE)("border", `
+ border: var(--n-border);
+ `), (0, t.cE)("state-border", `
+ border: var(--n-border);
+ border-color: #0000;
+ z-index: 1;
+ `), (0, t.cE)("icon", `
  margin: var(--n-icon-margin);
  margin-left: 0;
  height: var(--n-icon-size);
@@ -461,12 +461,12 @@ ve.default = (0, t.c)([(0, t.cB)("button", `
   }
 })]);
 (function(n) {
-  var p = D && D.__importDefault || function(o) {
+  var h = M && M.__importDefault || function(o) {
     return o && o.__esModule ? o : { default: o };
   };
   Object.defineProperty(n, "__esModule", { value: !0 }), n.XButton = n.buttonProps = void 0;
-  const a = Re, T = ke, z = ge, c = J, ee = U, oe = We, re = Ne, I = je, G = Qe, r = be, te = Te, f = p(ve);
-  n.buttonProps = Object.assign(Object.assign({}, I.useTheme.props), { color: String, textColor: String, text: Boolean, block: Boolean, loading: Boolean, disabled: Boolean, circle: Boolean, size: String, ghost: Boolean, round: Boolean, secondary: Boolean, tertiary: Boolean, quaternary: Boolean, strong: Boolean, focusable: {
+  const P = ge, w = ke, a = je, p = qe, O = Re, oe = We, r = be, g = U, re = Qe, m = Z, te = Te, x = h(ve);
+  n.buttonProps = Object.assign(Object.assign({}, O.useTheme.props), { color: String, textColor: String, text: Boolean, block: Boolean, loading: Boolean, disabled: Boolean, circle: Boolean, size: String, ghost: Boolean, round: Boolean, secondary: Boolean, tertiary: Boolean, quaternary: Boolean, strong: Boolean, focusable: {
     type: Boolean,
     default: !0
   }, keyboard: {
@@ -491,58 +491,59 @@ ve.default = (0, t.c)([(0, t.cB)("button", `
     type: Boolean,
     default: !re.isSafari
   } });
-  const P = (0, a.defineComponent)({
+  const T = (0, a.defineComponent)({
     name: "Button",
     props: n.buttonProps,
+    slots: Object,
     setup(o) {
       process.env.NODE_ENV !== "production" && (0, a.watchEffect)(() => {
-        const { dashed: l, ghost: x, text: S, secondary: e, tertiary: Q, quaternary: N } = o;
-        (l || x || S) && (e || Q || N) && (0, r.warnOnce)("button", "`dashed`, `ghost` and `text` props can't be used along with `secondary`, `tertiary` and `quaternary` props.");
+        const { dashed: l, ghost: b, text: E, secondary: e, tertiary: V, quaternary: L } = o;
+        (l || b || E) && (e || V || L) && (0, r.warnOnce)("button", "`dashed`, `ghost` and `text` props can't be used along with `secondary`, `tertiary` and `quaternary` props.");
       });
-      const C = (0, a.ref)(null), s = (0, a.ref)(null), y = (0, a.ref)(!1), v = (0, T.useMemo)(() => !o.quaternary && !o.tertiary && !o.secondary && !o.text && (!o.color || o.ghost || o.dashed) && o.bordered), R = (0, a.inject)(ee.buttonGroupInjectionKey, {}), { mergedSizeRef: g } = (0, I.useFormItem)({}, {
+      const C = (0, a.ref)(null), s = (0, a.ref)(null), f = (0, a.ref)(!1), y = (0, w.useMemo)(() => !o.quaternary && !o.tertiary && !o.secondary && !o.text && (!o.color || o.ghost || o.dashed) && o.bordered), k = (0, a.inject)(m.buttonGroupInjectionKey, {}), { mergedSizeRef: _ } = (0, O.useFormItem)({}, {
         defaultSize: "medium",
         mergedSize: (l) => {
-          const { size: x } = o;
-          if (x)
-            return x;
-          const { size: S } = R;
-          if (S)
-            return S;
+          const { size: b } = o;
+          if (b)
+            return b;
+          const { size: E } = k;
+          if (E)
+            return E;
           const { mergedSize: e } = l || {};
           return e ? e.value : "medium";
         }
-      }), m = (0, a.computed)(() => o.focusable && !o.disabled), k = (l) => {
-        var x;
-        m.value || l.preventDefault(), !o.nativeFocusBehavior && (l.preventDefault(), !o.disabled && m.value && ((x = C.value) === null || x === void 0 || x.focus({ preventScroll: !0 })));
-      }, H = (l) => {
-        var x;
+      }), S = (0, a.computed)(() => o.focusable && !o.disabled), W = (l) => {
+        var b;
+        S.value || l.preventDefault(), !o.nativeFocusBehavior && (l.preventDefault(), !o.disabled && S.value && ((b = C.value) === null || b === void 0 || b.focus({ preventScroll: !0 })));
+      }, D = (l) => {
+        var b;
         if (!o.disabled && !o.loading) {
-          const { onClick: S } = o;
-          S && (0, r.call)(S, l), o.text || (x = s.value) === null || x === void 0 || x.play();
+          const { onClick: E } = o;
+          E && (0, r.call)(E, l), o.text || (b = s.value) === null || b === void 0 || b.play();
         }
-      }, $ = (l) => {
+      }, z = (l) => {
         switch (l.key) {
           case "Enter":
             if (!o.keyboard)
               return;
-            y.value = !1;
+            f.value = !1;
         }
-      }, W = (l) => {
+      }, j = (l) => {
         switch (l.key) {
           case "Enter":
             if (!o.keyboard || o.loading) {
               l.preventDefault();
               return;
             }
-            y.value = !0;
+            f.value = !0;
         }
-      }, E = () => {
-        y.value = !1;
-      }, { inlineThemeDisabled: _, mergedClsPrefixRef: B, mergedRtlRef: ne } = (0, I.useConfig)(o), X = (0, I.useTheme)("Button", "-button", f.default, te.buttonLight, o, B), q = (0, oe.useRtl)("Button", ne, B), j = (0, a.computed)(() => {
-        const l = X.value, { common: { cubicBezierEaseInOut: x, cubicBezierEaseOut: S }, self: e } = l, { rippleDuration: Q, opacityDisabled: N, fontWeight: le, fontWeightStrong: se } = e, w = g.value, { dashed: ie, type: F, ghost: ae, text: K, color: d, round: he, circle: ce, textColor: O, secondary: $e, tertiary: pe, quaternary: Ee, strong: we } = o, De = {
-          "--n-font-weight": we ? se : le
+      }, B = () => {
+        f.value = !1;
+      }, { inlineThemeDisabled: H, mergedClsPrefixRef: K, mergedRtlRef: ne } = (0, O.useConfig)(o), Y = (0, O.useTheme)("Button", "-button", x.default, te.buttonLight, o, K), Q = (0, oe.useRtl)("Button", ne, K), N = (0, a.computed)(() => {
+        const l = Y.value, { common: { cubicBezierEaseInOut: b, cubicBezierEaseOut: E }, self: e } = l, { rippleDuration: V, opacityDisabled: L, fontWeight: le, fontWeightStrong: se } = e, $ = _.value, { dashed: ie, type: G, ghost: ae, text: F, color: c, round: he, circle: ce, textColor: R, secondary: Ee, tertiary: pe, quaternary: we, strong: De } = o, ze = {
+          "--n-font-weight": De ? se : le
         };
-        let u = {
+        let d = {
           "--n-color": "initial",
           "--n-color-hover": "initial",
           "--n-color-pressed": "initial",
@@ -555,76 +556,76 @@ ve.default = (0, t.c)([(0, t.cB)("button", `
           "--n-text-color-focus": "initial",
           "--n-text-color-disabled": "initial"
         };
-        const Y = F === "tertiary", Ce = F === "default", i = Y ? "default" : F;
-        if (K) {
-          const b = O || d;
-          u = {
+        const A = G === "tertiary", Ce = G === "default", i = A ? "default" : G;
+        if (F) {
+          const u = R || c;
+          d = {
             "--n-color": "#0000",
             "--n-color-hover": "#0000",
             "--n-color-pressed": "#0000",
             "--n-color-focus": "#0000",
             "--n-color-disabled": "#0000",
             "--n-ripple-color": "#0000",
-            "--n-text-color": b || e[(0, r.createKey)("textColorText", i)],
-            "--n-text-color-hover": b ? (0, c.createHoverColor)(b) : e[(0, r.createKey)("textColorTextHover", i)],
-            "--n-text-color-pressed": b ? (0, c.createPressedColor)(b) : e[(0, r.createKey)("textColorTextPressed", i)],
-            "--n-text-color-focus": b ? (0, c.createHoverColor)(b) : e[(0, r.createKey)("textColorTextHover", i)],
-            "--n-text-color-disabled": b || e[(0, r.createKey)("textColorTextDisabled", i)]
+            "--n-text-color": u || e[(0, r.createKey)("textColorText", i)],
+            "--n-text-color-hover": u ? (0, g.createHoverColor)(u) : e[(0, r.createKey)("textColorTextHover", i)],
+            "--n-text-color-pressed": u ? (0, g.createPressedColor)(u) : e[(0, r.createKey)("textColorTextPressed", i)],
+            "--n-text-color-focus": u ? (0, g.createHoverColor)(u) : e[(0, r.createKey)("textColorTextHover", i)],
+            "--n-text-color-disabled": u || e[(0, r.createKey)("textColorTextDisabled", i)]
           };
         } else if (ae || ie) {
-          const b = O || d;
-          u = {
+          const u = R || c;
+          d = {
             "--n-color": "#0000",
             "--n-color-hover": "#0000",
             "--n-color-pressed": "#0000",
             "--n-color-focus": "#0000",
             "--n-color-disabled": "#0000",
-            "--n-ripple-color": d || e[(0, r.createKey)("rippleColor", i)],
-            "--n-text-color": b || e[(0, r.createKey)("textColorGhost", i)],
-            "--n-text-color-hover": b ? (0, c.createHoverColor)(b) : e[(0, r.createKey)("textColorGhostHover", i)],
-            "--n-text-color-pressed": b ? (0, c.createPressedColor)(b) : e[(0, r.createKey)("textColorGhostPressed", i)],
-            "--n-text-color-focus": b ? (0, c.createHoverColor)(b) : e[(0, r.createKey)("textColorGhostHover", i)],
-            "--n-text-color-disabled": b || e[(0, r.createKey)("textColorGhostDisabled", i)]
+            "--n-ripple-color": c || e[(0, r.createKey)("rippleColor", i)],
+            "--n-text-color": u || e[(0, r.createKey)("textColorGhost", i)],
+            "--n-text-color-hover": u ? (0, g.createHoverColor)(u) : e[(0, r.createKey)("textColorGhostHover", i)],
+            "--n-text-color-pressed": u ? (0, g.createPressedColor)(u) : e[(0, r.createKey)("textColorGhostPressed", i)],
+            "--n-text-color-focus": u ? (0, g.createHoverColor)(u) : e[(0, r.createKey)("textColorGhostHover", i)],
+            "--n-text-color-disabled": u || e[(0, r.createKey)("textColorGhostDisabled", i)]
           };
-        } else if ($e) {
-          const b = Ce ? e.textColor : Y ? e.textColorTertiary : e[(0, r.createKey)("color", i)], h = d || b, A = F !== "default" && F !== "tertiary";
-          u = {
-            "--n-color": A ? (0, z.changeColor)(h, {
+        } else if (Ee) {
+          const u = Ce ? e.textColor : A ? e.textColorTertiary : e[(0, r.createKey)("color", i)], v = c || u, J = G !== "default" && G !== "tertiary";
+          d = {
+            "--n-color": J ? (0, P.changeColor)(v, {
               alpha: Number(e.colorOpacitySecondary)
             }) : e.colorSecondary,
-            "--n-color-hover": A ? (0, z.changeColor)(h, {
+            "--n-color-hover": J ? (0, P.changeColor)(v, {
               alpha: Number(e.colorOpacitySecondaryHover)
             }) : e.colorSecondaryHover,
-            "--n-color-pressed": A ? (0, z.changeColor)(h, {
+            "--n-color-pressed": J ? (0, P.changeColor)(v, {
               alpha: Number(e.colorOpacitySecondaryPressed)
             }) : e.colorSecondaryPressed,
-            "--n-color-focus": A ? (0, z.changeColor)(h, {
+            "--n-color-focus": J ? (0, P.changeColor)(v, {
               alpha: Number(e.colorOpacitySecondaryHover)
             }) : e.colorSecondaryHover,
             "--n-color-disabled": e.colorSecondary,
             "--n-ripple-color": "#0000",
-            "--n-text-color": h,
-            "--n-text-color-hover": h,
-            "--n-text-color-pressed": h,
-            "--n-text-color-focus": h,
-            "--n-text-color-disabled": h
+            "--n-text-color": v,
+            "--n-text-color-hover": v,
+            "--n-text-color-pressed": v,
+            "--n-text-color-focus": v,
+            "--n-text-color-disabled": v
           };
-        } else if (pe || Ee) {
-          const b = Ce ? e.textColor : Y ? e.textColorTertiary : e[(0, r.createKey)("color", i)], h = d || b;
-          pe ? (u["--n-color"] = e.colorTertiary, u["--n-color-hover"] = e.colorTertiaryHover, u["--n-color-pressed"] = e.colorTertiaryPressed, u["--n-color-focus"] = e.colorSecondaryHover, u["--n-color-disabled"] = e.colorTertiary) : (u["--n-color"] = e.colorQuaternary, u["--n-color-hover"] = e.colorQuaternaryHover, u["--n-color-pressed"] = e.colorQuaternaryPressed, u["--n-color-focus"] = e.colorQuaternaryHover, u["--n-color-disabled"] = e.colorQuaternary), u["--n-ripple-color"] = "#0000", u["--n-text-color"] = h, u["--n-text-color-hover"] = h, u["--n-text-color-pressed"] = h, u["--n-text-color-focus"] = h, u["--n-text-color-disabled"] = h;
+        } else if (pe || we) {
+          const u = Ce ? e.textColor : A ? e.textColorTertiary : e[(0, r.createKey)("color", i)], v = c || u;
+          pe ? (d["--n-color"] = e.colorTertiary, d["--n-color-hover"] = e.colorTertiaryHover, d["--n-color-pressed"] = e.colorTertiaryPressed, d["--n-color-focus"] = e.colorSecondaryHover, d["--n-color-disabled"] = e.colorTertiary) : (d["--n-color"] = e.colorQuaternary, d["--n-color-hover"] = e.colorQuaternaryHover, d["--n-color-pressed"] = e.colorQuaternaryPressed, d["--n-color-focus"] = e.colorQuaternaryHover, d["--n-color-disabled"] = e.colorQuaternary), d["--n-ripple-color"] = "#0000", d["--n-text-color"] = v, d["--n-text-color-hover"] = v, d["--n-text-color-pressed"] = v, d["--n-text-color-focus"] = v, d["--n-text-color-disabled"] = v;
         } else
-          u = {
-            "--n-color": d || e[(0, r.createKey)("color", i)],
-            "--n-color-hover": d ? (0, c.createHoverColor)(d) : e[(0, r.createKey)("colorHover", i)],
-            "--n-color-pressed": d ? (0, c.createPressedColor)(d) : e[(0, r.createKey)("colorPressed", i)],
-            "--n-color-focus": d ? (0, c.createHoverColor)(d) : e[(0, r.createKey)("colorFocus", i)],
-            "--n-color-disabled": d || e[(0, r.createKey)("colorDisabled", i)],
-            "--n-ripple-color": d || e[(0, r.createKey)("rippleColor", i)],
-            "--n-text-color": O || (d ? e.textColorPrimary : Y ? e.textColorTertiary : e[(0, r.createKey)("textColor", i)]),
-            "--n-text-color-hover": O || (d ? e.textColorHoverPrimary : e[(0, r.createKey)("textColorHover", i)]),
-            "--n-text-color-pressed": O || (d ? e.textColorPressedPrimary : e[(0, r.createKey)("textColorPressed", i)]),
-            "--n-text-color-focus": O || (d ? e.textColorFocusPrimary : e[(0, r.createKey)("textColorFocus", i)]),
-            "--n-text-color-disabled": O || (d ? e.textColorDisabledPrimary : e[(0, r.createKey)("textColorDisabled", i)])
+          d = {
+            "--n-color": c || e[(0, r.createKey)("color", i)],
+            "--n-color-hover": c ? (0, g.createHoverColor)(c) : e[(0, r.createKey)("colorHover", i)],
+            "--n-color-pressed": c ? (0, g.createPressedColor)(c) : e[(0, r.createKey)("colorPressed", i)],
+            "--n-color-focus": c ? (0, g.createHoverColor)(c) : e[(0, r.createKey)("colorFocus", i)],
+            "--n-color-disabled": c || e[(0, r.createKey)("colorDisabled", i)],
+            "--n-ripple-color": c || e[(0, r.createKey)("rippleColor", i)],
+            "--n-text-color": R || (c ? e.textColorPrimary : A ? e.textColorTertiary : e[(0, r.createKey)("textColor", i)]),
+            "--n-text-color-hover": R || (c ? e.textColorHoverPrimary : e[(0, r.createKey)("textColorHover", i)]),
+            "--n-text-color-pressed": R || (c ? e.textColorPressedPrimary : e[(0, r.createKey)("textColorPressed", i)]),
+            "--n-text-color-focus": R || (c ? e.textColorFocusPrimary : e[(0, r.createKey)("textColorFocus", i)]),
+            "--n-text-color-disabled": R || (c ? e.textColorDisabledPrimary : e[(0, r.createKey)("textColorDisabled", i)])
           };
         let de = {
           "--n-border": "initial",
@@ -633,7 +634,7 @@ ve.default = (0, t.c)([(0, t.cB)("button", `
           "--n-border-focus": "initial",
           "--n-border-disabled": "initial"
         };
-        K ? de = {
+        F ? de = {
           "--n-border": "none",
           "--n-border-hover": "none",
           "--n-border-pressed": "none",
@@ -646,59 +647,59 @@ ve.default = (0, t.c)([(0, t.cB)("button", `
           "--n-border-focus": e[(0, r.createKey)("borderFocus", i)],
           "--n-border-disabled": e[(0, r.createKey)("borderDisabled", i)]
         };
-        const { [(0, r.createKey)("height", w)]: ue, [(0, r.createKey)("fontSize", w)]: ze, [(0, r.createKey)("padding", w)]: Be, [(0, r.createKey)("paddingRound", w)]: Me, [(0, r.createKey)("iconSize", w)]: Ke, [(0, r.createKey)("borderRadius", w)]: Ie, [(0, r.createKey)("iconMargin", w)]: Fe, waveOpacity: Oe } = e, Ge = {
-          "--n-width": ce && !K ? ue : "initial",
-          "--n-height": K ? "initial" : ue,
-          "--n-font-size": ze,
-          "--n-padding": ce || K ? "initial" : he ? Me : Be,
+        const { [(0, r.createKey)("height", $)]: ue, [(0, r.createKey)("fontSize", $)]: Be, [(0, r.createKey)("padding", $)]: $e, [(0, r.createKey)("paddingRound", $)]: Me, [(0, r.createKey)("iconSize", $)]: Ke, [(0, r.createKey)("borderRadius", $)]: Ie, [(0, r.createKey)("iconMargin", $)]: Fe, waveOpacity: Oe } = e, Ge = {
+          "--n-width": ce && !F ? ue : "initial",
+          "--n-height": F ? "initial" : ue,
+          "--n-font-size": Be,
+          "--n-padding": ce || F ? "initial" : he ? Me : $e,
           "--n-icon-size": Ke,
           "--n-icon-margin": Fe,
-          "--n-border-radius": K ? "initial" : ce || he ? ue : Ie
+          "--n-border-radius": F ? "initial" : ce || he ? ue : Ie
         };
-        return Object.assign(Object.assign(Object.assign(Object.assign({ "--n-bezier": x, "--n-bezier-ease-out": S, "--n-ripple-duration": Q, "--n-opacity-disabled": N, "--n-wave-opacity": Oe }, De), u), de), Ge);
-      }), M = _ ? (0, I.useThemeClass)("button", (0, a.computed)(() => {
+        return Object.assign(Object.assign(Object.assign(Object.assign({ "--n-bezier": b, "--n-bezier-ease-out": E, "--n-ripple-duration": V, "--n-opacity-disabled": L, "--n-wave-opacity": Oe }, ze), d), de), Ge);
+      }), I = H ? (0, O.useThemeClass)("button", (0, a.computed)(() => {
         let l = "";
-        const { dashed: x, type: S, ghost: e, text: Q, color: N, round: le, circle: se, textColor: w, secondary: ie, tertiary: F, quaternary: ae, strong: K } = o;
-        x && (l += "a"), e && (l += "b"), Q && (l += "c"), le && (l += "d"), se && (l += "e"), ie && (l += "f"), F && (l += "g"), ae && (l += "h"), K && (l += "i"), N && (l += `j${(0, r.color2Class)(N)}`), w && (l += `k${(0, r.color2Class)(w)}`);
-        const { value: d } = g;
-        return l += `l${d[0]}`, l += `m${S[0]}`, l;
-      }), j, o) : void 0;
+        const { dashed: b, type: E, ghost: e, text: V, color: L, round: le, circle: se, textColor: $, secondary: ie, tertiary: G, quaternary: ae, strong: F } = o;
+        b && (l += "a"), e && (l += "b"), V && (l += "c"), le && (l += "d"), se && (l += "e"), ie && (l += "f"), G && (l += "g"), ae && (l += "h"), F && (l += "i"), L && (l += `j${(0, r.color2Class)(L)}`), $ && (l += `k${(0, r.color2Class)($)}`);
+        const { value: c } = _;
+        return l += `l${c[0]}`, l += `m${E[0]}`, l;
+      }), N, o) : void 0;
       return {
         selfElRef: C,
         waveElRef: s,
-        mergedClsPrefix: B,
-        mergedFocusable: m,
-        mergedSize: g,
-        showBorder: v,
-        enterPressed: y,
-        rtlEnabled: q,
-        handleMousedown: k,
-        handleKeydown: W,
-        handleBlur: E,
-        handleKeyup: $,
-        handleClick: H,
+        mergedClsPrefix: K,
+        mergedFocusable: S,
+        mergedSize: _,
+        showBorder: y,
+        enterPressed: f,
+        rtlEnabled: Q,
+        handleMousedown: W,
+        handleKeydown: j,
+        handleBlur: B,
+        handleKeyup: z,
+        handleClick: D,
         customColorCssVars: (0, a.computed)(() => {
           const { color: l } = o;
           if (!l)
             return null;
-          const x = (0, c.createHoverColor)(l);
+          const b = (0, g.createHoverColor)(l);
           return {
             "--n-border-color": l,
-            "--n-border-color-hover": x,
-            "--n-border-color-pressed": (0, c.createPressedColor)(l),
-            "--n-border-color-focus": x,
+            "--n-border-color-hover": b,
+            "--n-border-color-pressed": (0, g.createPressedColor)(l),
+            "--n-border-color-focus": b,
             "--n-border-color-disabled": l
           };
         }),
-        cssVars: _ ? void 0 : j,
-        themeClass: M == null ? void 0 : M.themeClass,
-        onRender: M == null ? void 0 : M.onRender
+        cssVars: H ? void 0 : N,
+        themeClass: I == null ? void 0 : I.themeClass,
+        onRender: I == null ? void 0 : I.onRender
       };
     },
     render() {
       const { mergedClsPrefix: o, tag: C, onRender: s } = this;
       s == null || s();
-      const y = (0, r.resolveWrappedSlot)(this.$slots.default, (v) => v && (0, a.h)("span", { class: `${o}-button__content` }, v));
+      const f = (0, r.resolveWrappedSlot)(this.$slots.default, (y) => y && (0, a.h)("span", { class: `${o}-button__content` }, y));
       return (0, a.h)(
         C,
         { ref: "selfElRef", class: [
@@ -717,43 +718,43 @@ ve.default = (0, t.c)([(0, t.cB)("button", `
           this.ghost && `${o}-button--ghost`
           // required for button group border collapse
         ], tabindex: this.mergedFocusable ? 0 : -1, type: this.attrType, style: this.cssVars, disabled: this.disabled, onClick: this.handleClick, onBlur: this.handleBlur, onMousedown: this.handleMousedown, onKeyup: this.handleKeyup, onKeydown: this.handleKeydown },
-        this.iconPlacement === "right" && y,
-        (0, a.h)(G.NFadeInExpandTransition, { width: !0 }, {
-          default: () => (0, r.resolveWrappedSlot)(this.$slots.icon, (v) => (this.loading || this.renderIcon || v) && (0, a.h)(
+        this.iconPlacement === "right" && f,
+        (0, a.h)(p.NFadeInExpandTransition, { width: !0 }, {
+          default: () => (0, r.resolveWrappedSlot)(this.$slots.icon, (y) => (this.loading || this.renderIcon || y) && (0, a.h)(
             "span",
             { class: `${o}-button__icon`, style: {
               margin: (0, r.isSlotEmpty)(this.$slots.default) ? "0" : ""
             } },
-            (0, a.h)(G.NIconSwitchTransition, null, {
-              default: () => this.loading ? (0, a.h)(G.NBaseLoading, { clsPrefix: o, key: "loading", class: `${o}-icon-slot`, strokeWidth: 20 }) : (0, a.h)("div", { key: "icon", class: `${o}-icon-slot`, role: "none" }, this.renderIcon ? this.renderIcon() : v)
+            (0, a.h)(p.NIconSwitchTransition, null, {
+              default: () => this.loading ? (0, a.h)(p.NBaseLoading, { clsPrefix: o, key: "loading", class: `${o}-icon-slot`, strokeWidth: 20 }) : (0, a.h)("div", { key: "icon", class: `${o}-icon-slot`, role: "none" }, this.renderIcon ? this.renderIcon() : y)
             })
           ))
         }),
-        this.iconPlacement === "left" && y,
-        this.text ? null : (0, a.h)(G.NBaseWave, { ref: "waveElRef", clsPrefix: o }),
+        this.iconPlacement === "left" && f,
+        this.text ? null : (0, a.h)(p.NBaseWave, { ref: "waveElRef", clsPrefix: o }),
         this.showBorder ? (0, a.h)("div", { "aria-hidden": !0, class: `${o}-button__border`, style: this.customColorCssVars }) : null,
         this.showBorder ? (0, a.h)("div", { "aria-hidden": !0, class: `${o}-button__state-border`, style: this.customColorCssVars }) : null
       );
     }
   });
-  n.default = P, n.XButton = P;
+  n.default = T, n.XButton = T;
 })(_e);
 (function(n) {
-  var p = D && D.__importDefault || function(T) {
-    return T && T.__esModule ? T : { default: T };
+  var h = M && M.__importDefault || function(w) {
+    return w && w.__esModule ? w : { default: w };
   };
-  Object.defineProperty(n, "__esModule", { value: !0 }), n.buttonProps = n.NxButton = n.NButton = void 0;
-  var a = _e;
-  Object.defineProperty(n, "NButton", { enumerable: !0, get: function() {
-    return p(a).default;
+  Object.defineProperty(n, "__esModule", { value: !0 }), n.NxButton = n.NButton = n.buttonProps = void 0;
+  var P = _e;
+  Object.defineProperty(n, "buttonProps", { enumerable: !0, get: function() {
+    return P.buttonProps;
+  } }), Object.defineProperty(n, "NButton", { enumerable: !0, get: function() {
+    return h(P).default;
   } }), Object.defineProperty(n, "NxButton", { enumerable: !0, get: function() {
-    return a.XButton;
-  } }), Object.defineProperty(n, "buttonProps", { enumerable: !0, get: function() {
-    return a.buttonProps;
+    return P.XButton;
   } });
 })(Ve);
 export {
   Ve as b,
-  Z as r,
+  ee as r,
   Te as s
 };