ant-design-x-vue 1.2.1 → 1.2.2

package/es/attachments/PlaceholderUploader.mjs

@@ -1,12 +1,12 @@
-import { defineComponent as y, mergeDefaults as D, computed as d, useTemplateRef as x, isVNode as c, createVNode as l, mergeProps as C } from "vue";
+import { defineComponent as D, mergeDefaults as x, computed as o, useTemplateRef as $, isVNode as c, createVNode as t, mergeProps as C } from "vue";
 import { c as T } from "./Attachments2.mjs";
-import { useAttachmentContextInject as $ } from "./context.mjs";
-import A from "../_util/hooks/use-state.mjs";
-import { Flex as b, Typography as o, Upload as N } from "ant-design-vue";
-const E = /* @__PURE__ */ y({
+import { useAttachmentContextInject as A } from "./context.mjs";
+import b from "../_util/hooks/use-state.mjs";
+import { Flex as N, Typography as s, Upload as U } from "ant-design-vue";
+const L = /* @__PURE__ */ D({
   name: "AXAttachmentsPlaceholderUploader",
   __name: "PlaceholderUploader",
-  props: D({
+  props: x({
     prefixCls: null,
     placeholder: null,
     upload: null,
@@ -18,49 +18,52 @@ const E = /* @__PURE__ */ y({
   setup(e, {
     expose: i
   }) {
-    const a = `${e.prefixCls}-placeholder`, r = d(() => e.placeholder || {}), u = x("upload-dragger"), s = $(), [p, n] = A(!1), f = () => {
+    const l = `${e.prefixCls}-placeholder`, r = o(() => e.placeholder || {}), u = $("upload-dragger"), d = A(), [p, n] = b(!1), f = () => {
       n(!0);
-    }, m = (t) => {
-      t.currentTarget.contains(t.relatedTarget) || n(!1);
+    }, m = (a) => {
+      a.currentTarget.contains(a.relatedTarget) || n(!1);
     }, g = () => {
       n(!1);
-    };
+    }, h = o(() => {
+      var a;
+      return (a = u.value) == null ? void 0 : a.$el;
+    });
     i({
-      nativeElement: u
+      nativeElement: h
     });
-    const h = (t) => Array.isArray(t) && t.every(c), v = d(() => c(e.placeholder) || h(e.placeholder) ? e.placeholder : l(b, {
+    const v = (a) => Array.isArray(a) && a.every(c), y = o(() => c(e.placeholder) || v(e.placeholder) ? e.placeholder : t(N, {
       align: "center",
       justify: "center",
       vertical: !0,
-      class: `${a}-inner`
+      class: `${l}-inner`
     }, {
-      default: () => [l(o.Text, {
-        class: `${a}-icon`
+      default: () => [t(s.Text, {
+        class: `${l}-icon`
       }, {
         default: () => [r.value.icon]
-      }), l(o.Title, {
-        class: `${a}-title`,
+      }), t(s.Title, {
+        class: `${l}-title`,
         level: 5
       }, {
         default: () => [r.value.title]
-      }), l(o.Text, {
-        class: `${a}-description`,
+      }), t(s.Text, {
+        class: `${l}-description`,
         type: "secondary"
       }, {
         default: () => [r.value.description]
       })]
     }));
-    return () => l("div", {
-      class: T(a, {
-        [`${a}-drag-in`]: p.value,
-        [`${a}-disabled`]: s.value.disabled
+    return () => t("div", {
+      class: T(l, {
+        [`${l}-drag-in`]: p.value,
+        [`${l}-disabled`]: d.value.disabled
       }, e.className),
       onDragenter: f,
       onDragleave: m,
       onDrop: g,
-      "aria-hidden": s.value.disabled,
+      "aria-hidden": d.value.disabled,
       style: e.style
-    }, [l(N.Dragger, C({
+    }, [t(U.Dragger, C({
       showUploadList: !1
     }, e.upload, {
       ref: "upload-dragger",
@@ -70,10 +73,10 @@ const E = /* @__PURE__ */ y({
         background: "transparent"
       }
     }), {
-      default: () => [v.value]
+      default: () => [y.value]
     })]);
   }
 });
 export {
-  E as default
+  L as default
 };

package/es/attachments/SilentUploader.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as a, useTemplateRef as t, createVNode as n, mergeProps as r } from "vue";
-import { Upload as p } from "ant-design-vue";
-const u = /* @__PURE__ */ a({
+import { defineComponent as n, useTemplateRef as p, computed as r, createVNode as d, mergeProps as u } from "vue";
+import { Upload as s } from "ant-design-vue";
+const i = /* @__PURE__ */ n({
   name: "AXAttachmentsSilentUploader",
   __name: "SilentUploader",
   props: {
@@ -9,12 +9,15 @@ const u = /* @__PURE__ */ a({
     rootClassName: null
   },
   setup(e, {
-    expose: l
+    expose: o
   }) {
-    const o = t("upload");
-    return l({
-      nativeElement: o
-    }), () => n(p, r(e.upload, {
+    const t = p("upload"), a = r(() => {
+      var l;
+      return (l = t.value) == null ? void 0 : l.$el;
+    });
+    return o({
+      nativeElement: a
+    }), () => d(s, u(e.upload, {
       showUploadList: !1,
       ref: "upload"
     }), {
@@ -23,5 +26,5 @@ const u = /* @__PURE__ */ a({
   }
 });
 export {
-  u as default
+  i as default
 };

package/es/bubble/Bubble.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as j, mergeDefaults as D, toRef as N, useSlots as H, ref as g, watch as x, unref as k, watchEffect as q, computed as o, createVNode as l, isVNode as z, Fragment as G, toValue as r, mergeProps as J } from "vue";
+import { defineComponent as j, mergeDefaults as D, toRef as h, useSlots as H, ref as d, watch as N, unref as k, watchEffect as q, computed as r, createVNode as l, isVNode as z, Fragment as G, toValue as i, mergeProps as J } from "vue";
 import { a as K } from "../attachments/Attachments2.mjs";
 import { Avatar as L } from "ant-design-vue";
 import M from "../_util/hooks/use-x-component-config.mjs";
@@ -46,36 +46,36 @@ const ce = /* @__PURE__ */ j({
     variant: "filled"
   }),
   setup(e, {
-    expose: $
+    expose: x
   }) {
-    const b = K(e, ["prefixCls", "rootClassName", "classNames", "styles", "avatar", "placement", "loading", "loadingRender", "typing", "content", "messageRender", "variant", "shape", "onTypingComplete", "header", "footer"]);
-    N(e, "content"), N(e, "prefixCls");
-    const a = H(), y = g(e.content);
-    x(() => e.content, () => {
-      y.value = e.content;
+    const $ = K(e, ["prefixCls", "rootClassName", "classNames", "styles", "avatar", "placement", "loading", "loadingRender", "typing", "content", "messageRender", "variant", "shape", "onTypingComplete", "header", "footer"]);
+    h(e, "content"), h(e, "prefixCls");
+    const a = H(), g = d(e.content);
+    N(() => e.content, () => {
+      g.value = e.content;
     });
     const {
       onUpdate: c
-    } = k(U()), C = g(null), {
-      direction: R,
-      getPrefixCls: T
-    } = O(), t = T("bubble", e.prefixCls), n = M("bubble"), [P, S, V, h] = W(() => e.typing), [i, u] = Q(y, P, S, V), m = g(!1);
-    x(i, () => {
+    } = k(U()), y = d(null), {
+      direction: b,
+      getPrefixCls: R
+    } = O(), t = R("bubble", e.prefixCls), n = M("bubble"), [T, P, S, C] = W(() => e.typing), [s, u] = Q(g, T, P, S), m = d(!1);
+    N(s, () => {
       c == null || c();
     }), q(() => {
-      var s;
-      !u.value && !e.loading ? m.value || (m.value = !0, (s = e.onTypingComplete) == null || s.call(e)) : m.value = !1;
+      var o;
+      !u.value && !e.loading ? m.value || (m.value = !0, (o = e.onTypingComplete) == null || o.call(e)) : m.value = !1;
     });
-    const [w, B, E] = Z(() => t), F = o(() => [t, e.rootClassName, n.value.className, B.value, E, `${t}-${e.placement}`, {
-      [`${t}-rtl`]: R.value === "rtl"
+    const [V, w, B] = Z(() => t), E = r(() => [t, e.rootClassName, n.value.className, w.value, B, `${t}-${e.placement}`, {
+      [`${t}-rtl`]: b.value === "rtl"
     }, {
-      [`${t}-typing`]: u.value && !e.loading && !e.messageRender && !a.message && !h.value
-    }]), I = o(() => a.avatar ? a.avatar() : z(e.avatar) ? e.avatar : l(L, e.avatar, null)), f = o(() => a.message ? a.message({
-      content: i.value
-    }) : e.messageRender ? e.messageRender(i.value) : i.value), X = o(() => e.loading ? a.loading ? a.loading() : e.loadingRender ? e.loadingRender() : l(Y, {
+      [`${t}-typing`]: u.value && !e.loading && !e.messageRender && !a.message && !C.value
+    }]), F = r(() => a.avatar ? a.avatar() : z(e.avatar) ? e.avatar : l(L, e.avatar, null)), I = r(() => a.message ? a.message({
+      content: s.value
+    }) : e.messageRender ? e.messageRender(s.value) : s.value), X = r(() => e.loading ? a.loading ? a.loading() : e.loadingRender ? e.loadingRender() : l(Y, {
       prefixCls: t
-    }, null) : l(G, null, [f.value, u.value && r(h)])), A = o(() => {
-      const s = l("div", {
+    }, null) : l(G, null, [I.value, u.value && i(C)])), A = r(() => {
+      const o = l("div", {
         style: {
           ...n.value.styles.content,
           ...e.styles.content
@@ -83,42 +83,42 @@ const ce = /* @__PURE__ */ j({
         class: [`${t}-content`, `${t}-content-${e.variant}`, {
           [`${t}-content-${e.shape}`]: e.shape
         }, n.value.classNames.content, e.classNames.content]
-      }, [r(X)]), v = a.header ? a.header() : e.header, d = a.footer ? a.footer({
-        content: f.value
-      }) : typeof e.footer == "function" ? e.footer(f.value) : e.footer;
-      return v || d ? l("div", {
+      }, [i(X)]), f = a.header ? a.header() : e.header, v = a.footer ? a.footer({
+        content: s.value
+      }) : typeof e.footer == "function" ? e.footer(s.value) : e.footer;
+      return f || v ? l("div", {
         class: `${t}-content-wrapper`
-      }, [v && l("div", {
+      }, [f && l("div", {
         class: [`${t}-header`, n.value.classNames.header, e.classNames.header],
         style: {
           ...n.value.styles.header,
           ...e.styles.header
         }
-      }, [v]), s, d && l("div", {
+      }, [f]), o, v && l("div", {
         class: [`${t}-footer`, n.value.classNames.footer, e.classNames.footer],
         style: {
           ...n.value.styles.footer,
           ...e.styles.footer
         }
-      }, [d])]) : s;
+      }, [v])]) : o;
     });
-    return $({
-      nativeElement: C
-    }), () => w(l("div", J({
+    return x({
+      nativeElement: y
+    }), () => V(l("div", J({
       style: {
         ...n.value.style
         // ...(style as object),
       },
-      class: r(F)
-    }, b, {
-      ref: C
+      class: i(E)
+    }, $, {
+      ref: y
     }), [(a.avatar || e.avatar) && l("div", {
       style: {
         ...n.value.styles.avatar,
         ...e.styles.avatar
       },
       class: [`${t}-avatar`, n.value.classNames.avatar, e.classNames.avatar]
-    }, [r(I)]), r(A)]));
+    }, [i(F)]), i(A)]));
   }
 });
 export {

package/es/theme/useToken.mjs

@@ -1,271 +1,15 @@
-import { u as X } from "../_util/cssinjs/hooks/useCacheToken.tsx2.mjs";
+import { u as M } from "../_util/cssinjs/hooks/useCacheToken.tsx2.mjs";
 import "../_util/cssinjs/StyleContext.mjs";
-import y from "../_util/cssinjs/theme/createTheme.mjs";
+import X from "../_util/cssinjs/theme/createTheme.mjs";
 import "../_util/warning.mjs";
 import "../_util/cssinjs/theme/ThemeCache.mjs";
-import { computed as x, unref as M } from "vue";
+import { computed as e, unref as v } from "vue";
 import "../_util/cssinjs/transformers/legacyLogicalProperties.mjs";
-import { theme as h } from "ant-design-vue";
-import { ignore as z, unitless as L } from "./patch-antd.mjs";
-import { T as u } from "../attachments/FileList/FileList2.mjs";
-import k from "../version/version.mjs";
-function d() {
-  return d = Object.assign ? Object.assign.bind() : function(r) {
-    for (var i = 1; i < arguments.length; i++) {
-      var t = arguments[i];
-      for (var o in t) ({}).hasOwnProperty.call(t, o) && (r[o] = t[o]);
-    }
-    return r;
-  }, d.apply(null, arguments);
-}
-function f(r) {
-  return r >= 0 && r <= 255;
-}
-function m(r, i) {
-  const {
-    r: t,
-    g: o,
-    b: e,
-    a: c
-  } = new u(r).toRgb();
-  if (c < 1)
-    return r;
-  const {
-    r: a,
-    g: s,
-    b: p
-  } = new u(i).toRgb();
-  for (let n = 0.01; n <= 1; n += 0.01) {
-    const l = Math.round((t - a * (1 - n)) / n), g = Math.round((o - s * (1 - n)) / n), b = Math.round((e - p * (1 - n)) / n);
-    if (f(l) && f(g) && f(b))
-      return new u({
-        r: l,
-        g,
-        b,
-        a: Math.round(n * 100) / 100
-      }).toRgbString();
-  }
-  return new u({
-    r: t,
-    g: o,
-    b: e,
-    a: 1
-  }).toRgbString();
-}
-const w = {
-  blue: "#1677ff",
-  purple: "#722ED1",
-  cyan: "#13C2C2",
-  green: "#52C41A",
-  magenta: "#EB2F96",
-  pink: "#eb2f96",
-  red: "#F5222D",
-  orange: "#FA8C16",
-  yellow: "#FADB14",
-  volcano: "#FA541C",
-  geekblue: "#2F54EB",
-  gold: "#FAAD14",
-  lime: "#A0D911"
-}, B = d(d({}, w), {
-  // Color
-  colorPrimary: "#1677ff",
-  colorSuccess: "#52c41a",
-  colorWarning: "#faad14",
-  colorError: "#ff4d4f",
-  colorInfo: "#1677ff",
-  colorTextBase: "",
-  colorBgBase: "",
-  // Font
-  fontFamily: `-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
-'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
-'Noto Color Emoji'`,
-  fontSize: 14,
-  // Line
-  lineWidth: 1,
-  lineType: "solid",
-  // Motion
-  motionUnit: 0.1,
-  motionBase: 0,
-  motionEaseOutCirc: "cubic-bezier(0.08, 0.82, 0.17, 1)",
-  motionEaseInOutCirc: "cubic-bezier(0.78, 0.14, 0.15, 0.86)",
-  motionEaseOut: "cubic-bezier(0.215, 0.61, 0.355, 1)",
-  motionEaseInOut: "cubic-bezier(0.645, 0.045, 0.355, 1)",
-  motionEaseOutBack: "cubic-bezier(0.12, 0.4, 0.29, 1.46)",
-  motionEaseInBack: "cubic-bezier(0.71, -0.46, 0.88, 0.6)",
-  motionEaseInQuint: "cubic-bezier(0.755, 0.05, 0.855, 0.06)",
-  motionEaseOutQuint: "cubic-bezier(0.23, 1, 0.32, 1)",
-  // Radius
-  borderRadius: 6,
-  // Size
-  sizeUnit: 4,
-  sizeStep: 4,
-  sizePopupArrow: 16,
-  // Control Base
-  controlHeight: 32,
-  // zIndex
-  zIndexBase: 0,
-  zIndexPopupBase: 1e3,
-  // Image
-  opacityImage: 1,
-  // Wireframe
-  wireframe: !1
-});
-var C = function(r, i) {
-  var t = {};
-  for (var o in r) Object.prototype.hasOwnProperty.call(r, o) && i.indexOf(o) < 0 && (t[o] = r[o]);
-  if (r != null && typeof Object.getOwnPropertySymbols == "function") for (var e = 0, o = Object.getOwnPropertySymbols(r); e < o.length; e++)
-    i.indexOf(o[e]) < 0 && Object.prototype.propertyIsEnumerable.call(r, o[e]) && (t[o[e]] = r[o[e]]);
-  return t;
-};
-function D(r) {
-  const {
-    override: i
-  } = r, t = C(r, ["override"]), o = d({}, i);
-  Object.keys(B).forEach((S) => {
-    delete o[S];
-  });
-  const e = d(d({}, t), o), c = 480, a = 576, s = 768, p = 992, n = 1200, l = 1600, g = 2e3;
-  return d(d(d({}, e), {
-    colorLink: e.colorInfoText,
-    colorLinkHover: e.colorInfoHover,
-    colorLinkActive: e.colorInfoActive,
-    // ============== Background ============== //
-    colorFillContent: e.colorFillSecondary,
-    colorFillContentHover: e.colorFill,
-    colorFillAlter: e.colorFillQuaternary,
-    colorBgContainerDisabled: e.colorFillTertiary,
-    // ============== Split ============== //
-    colorBorderBg: e.colorBgContainer,
-    colorSplit: m(e.colorBorderSecondary, e.colorBgContainer),
-    // ============== Text ============== //
-    colorTextPlaceholder: e.colorTextQuaternary,
-    colorTextDisabled: e.colorTextQuaternary,
-    colorTextHeading: e.colorText,
-    colorTextLabel: e.colorTextSecondary,
-    colorTextDescription: e.colorTextTertiary,
-    colorTextLightSolid: e.colorWhite,
-    colorHighlight: e.colorError,
-    colorBgTextHover: e.colorFillSecondary,
-    colorBgTextActive: e.colorFill,
-    colorIcon: e.colorTextTertiary,
-    colorIconHover: e.colorText,
-    colorErrorOutline: m(e.colorErrorBg, e.colorBgContainer),
-    colorWarningOutline: m(e.colorWarningBg, e.colorBgContainer),
-    // Font
-    fontSizeIcon: e.fontSizeSM,
-    // Control
-    lineWidth: e.lineWidth,
-    controlOutlineWidth: e.lineWidth * 2,
-    // Checkbox size and expand icon size
-    controlInteractiveSize: e.controlHeight / 2,
-    controlItemBgHover: e.colorFillTertiary,
-    controlItemBgActive: e.colorPrimaryBg,
-    controlItemBgActiveHover: e.colorPrimaryBgHover,
-    controlItemBgActiveDisabled: e.colorFill,
-    controlTmpOutline: e.colorFillQuaternary,
-    controlOutline: m(e.colorPrimaryBg, e.colorBgContainer),
-    lineType: e.lineType,
-    borderRadius: e.borderRadius,
-    borderRadiusXS: e.borderRadiusXS,
-    borderRadiusSM: e.borderRadiusSM,
-    borderRadiusLG: e.borderRadiusLG,
-    fontWeightStrong: 600,
-    opacityLoading: 0.65,
-    linkDecoration: "none",
-    linkHoverDecoration: "none",
-    linkFocusDecoration: "none",
-    controlPaddingHorizontal: 12,
-    controlPaddingHorizontalSM: 8,
-    paddingXXS: e.sizeXXS,
-    paddingXS: e.sizeXS,
-    paddingSM: e.sizeSM,
-    padding: e.size,
-    paddingMD: e.sizeMD,
-    paddingLG: e.sizeLG,
-    paddingXL: e.sizeXL,
-    paddingContentHorizontalLG: e.sizeLG,
-    paddingContentVerticalLG: e.sizeMS,
-    paddingContentHorizontal: e.sizeMS,
-    paddingContentVertical: e.sizeSM,
-    paddingContentHorizontalSM: e.size,
-    paddingContentVerticalSM: e.sizeXS,
-    marginXXS: e.sizeXXS,
-    marginXS: e.sizeXS,
-    marginSM: e.sizeSM,
-    margin: e.size,
-    marginMD: e.sizeMD,
-    marginLG: e.sizeLG,
-    marginXL: e.sizeXL,
-    marginXXL: e.sizeXXL,
-    boxShadow: `
-      0 1px 2px 0 rgba(0, 0, 0, 0.03),
-      0 1px 6px -1px rgba(0, 0, 0, 0.02),
-      0 2px 4px 0 rgba(0, 0, 0, 0.02)
-    `,
-    boxShadowSecondary: `
-      0 6px 16px 0 rgba(0, 0, 0, 0.08),
-      0 3px 6px -4px rgba(0, 0, 0, 0.12),
-      0 9px 28px 8px rgba(0, 0, 0, 0.05)
-    `,
-    boxShadowTertiary: `
-      0 1px 2px 0 rgba(0, 0, 0, 0.03),
-      0 1px 6px -1px rgba(0, 0, 0, 0.02),
-      0 2px 4px 0 rgba(0, 0, 0, 0.02)
-    `,
-    screenXS: c,
-    screenXSMin: c,
-    screenXSMax: a - 1,
-    screenSM: a,
-    screenSMMin: a,
-    screenSMMax: s - 1,
-    screenMD: s,
-    screenMDMin: s,
-    screenMDMax: p - 1,
-    screenLG: p,
-    screenLGMin: p,
-    screenLGMax: n - 1,
-    screenXL: n,
-    screenXLMin: n,
-    screenXLMax: l - 1,
-    screenXXL: l,
-    screenXXLMin: l,
-    screenXXLMax: g - 1,
-    screenXXXL: g,
-    screenXXXLMin: g,
-    // FIXME: component box-shadow, should be removed
-    boxShadowPopoverArrow: "3px 3px 7px rgba(0, 0, 0, 0.1)",
-    boxShadowCard: `
-      0 1px 2px -2px ${new u("rgba(0, 0, 0, 0.16)").toRgbString()},
-      0 3px 6px 0 ${new u("rgba(0, 0, 0, 0.12)").toRgbString()},
-      0 5px 12px 4px ${new u("rgba(0, 0, 0, 0.09)").toRgbString()}
-    `,
-    boxShadowDrawerRight: `
-      -6px 0 16px 0 rgba(0, 0, 0, 0.08),
-      -3px 0 6px -4px rgba(0, 0, 0, 0.12),
-      -9px 0 28px 8px rgba(0, 0, 0, 0.05)
-    `,
-    boxShadowDrawerLeft: `
-      6px 0 16px 0 rgba(0, 0, 0, 0.08),
-      3px 0 6px -4px rgba(0, 0, 0, 0.12),
-      9px 0 28px 8px rgba(0, 0, 0, 0.05)
-    `,
-    boxShadowDrawerUp: `
-      0 6px 16px 0 rgba(0, 0, 0, 0.08),
-      0 3px 6px -4px rgba(0, 0, 0, 0.12),
-      0 9px 28px 8px rgba(0, 0, 0, 0.05)
-    `,
-    boxShadowDrawerDown: `
-      0 -6px 16px 0 rgba(0, 0, 0, 0.08),
-      0 -3px 6px -4px rgba(0, 0, 0, 0.12),
-      0 -9px 28px 8px rgba(0, 0, 0, 0.05)
-    `,
-    boxShadowTabsOverflowLeft: "inset 10px 0 8px -8px rgba(0, 0, 0, 0.08)",
-    boxShadowTabsOverflowRight: "inset -10px 0 8px -8px rgba(0, 0, 0, 0.08)",
-    boxShadowTabsOverflowTop: "inset 0 10px 8px -8px rgba(0, 0, 0, 0.08)",
-    boxShadowTabsOverflowBottom: "inset 0 -10px 8px -8px rgba(0, 0, 0, 0.08)"
-  }), o);
-}
-const O = y(h.defaultAlgorithm), I = {
+import { theme as l } from "ant-design-vue";
+import { ignore as g, unitless as x } from "./patch-antd.mjs";
+import L from "ant-design-vue/es/theme/util/alias";
+import S from "../version/version.mjs";
+const D = X(l.defaultAlgorithm), y = {
   screenXS: !0,
   screenXSMin: !0,
   screenXSMax: !0,
@@ -283,69 +27,69 @@ const O = y(h.defaultAlgorithm), I = {
   screenXLMax: !0,
   screenXXL: !0,
   screenXXLMin: !0
-}, T = (r, i, t) => {
-  const o = t.getDerivativeToken(r), { override: e, ...c } = i;
-  let a = {
-    ...o,
-    override: e
+}, d = (s, c, u) => {
+  const n = u.getDerivativeToken(s), { override: h, ...t } = c;
+  let r = {
+    ...n,
+    override: h
   };
-  return a = D(a), c && Object.entries(c).forEach(([s, p]) => {
-    const { theme: n, ...l } = p;
-    let g = l;
-    n && (g = T(
+  return r = L(r), t && Object.entries(t).forEach(([a, m]) => {
+    const { theme: o, ...i } = m;
+    let k = i;
+    o && (k = d(
       {
-        ...a,
-        ...l
+        ...r,
+        ...i
       },
       {
-        override: l
+        override: i
       },
-      n
-    )), a[s] = g;
-  }), a;
+      o
+    )), r[a] = k;
+  }), r;
 };
-function A() {
-  const { token: r, hashId: i, theme: t } = h.useToken(), o = x(() => ({
-    token: r.value,
-    hashed: i.value,
-    theme: t.value
+function I() {
+  const { token: s, hashId: c, theme: u } = l.useToken(), n = e(() => ({
+    token: s.value,
+    hashed: c.value,
+    theme: u.value
   })), {
     // @ts-expect-error
-    override: e,
+    override: h,
     // @ts-expect-error
-    cssVar: c
-  } = M(o), a = x(() => o.value.token), s = x(() => o.value.hashed), p = x(() => o.value.theme ?? O), n = X(
+    cssVar: t
+  } = v(n), r = e(() => n.value.token), a = e(() => n.value.hashed), m = e(() => n.value.theme ?? D), o = M(
     // @ts-expect-error
-    x(() => p.value),
-    x(() => [h.defaultSeed, a.value]),
-    x(() => ({
-      salt: `${k}-${s.value || ""}`,
-      override: e,
-      getComputedToken: T,
-      cssVar: c && {
-        prefix: c.prefix,
-        key: c.key,
-        unitless: L,
-        ignore: z,
-        preserve: I
+    e(() => m.value),
+    e(() => [l.defaultSeed, r.value]),
+    e(() => ({
+      salt: `${S}-${a.value || ""}`,
+      override: h,
+      getComputedToken: d,
+      cssVar: t && {
+        prefix: t.prefix,
+        key: t.key,
+        unitless: x,
+        ignore: g,
+        preserve: y
       }
     }))
   ), [
-    l,
+    i,
     // token
-    g,
+    k,
     // hashId
     // @ts-expect-error
-    b
-  ] = M(n), S = x(() => n.value[0]), v = x(() => s.value ? n.value[1] : "");
-  return [p, b, v, S, c];
+    p
+  ] = v(o), f = e(() => o.value[0]), T = e(() => a.value ? o.value[1] : "");
+  return [m, p, T, f, t];
 }
-function $() {
-  const [r, i, t] = A();
-  return { theme: r, token: i, hashId: t };
+function q() {
+  const [s, c, u] = I();
+  return { theme: s, token: c, hashId: u };
 }
 export {
-  $ as default,
-  T as getComputedToken,
-  A as useInternalToken
+  q as default,
+  d as getComputedToken,
+  I as useInternalToken
 };