@arcblock/ux 3.0.25 → 3.0.27

package/lib/CodeBlock/index.js

@@ -1,88 +1,90 @@
-import { jsxs as t, jsx as r, Fragment as c } from "react/jsx-runtime";
+import { jsxs as i, jsx as o, Fragment as u } from "react/jsx-runtime";
 import { useState as N } from "react";
 import C from "copy-to-clipboard";
 import e from "highlight.js/lib/core";
-import n from "highlight.js/lib/languages/javascript";
-import s from "highlight.js/lib/languages/typescript";
+import s from "highlight.js/lib/languages/javascript";
+import l from "highlight.js/lib/languages/typescript";
 import _ from "highlight.js/lib/languages/json";
 import z from "highlight.js/lib/languages/elixir";
 import F from "highlight.js/lib/languages/java";
 import M from "highlight.js/lib/languages/swift";
-import u from "highlight.js/lib/languages/objectivec";
+import d from "highlight.js/lib/languages/objectivec";
 import f from "highlight.js/lib/languages/kotlin";
-import d from "highlight.js/lib/languages/protobuf";
-import h from "highlight.js/lib/languages/python";
-import x from "highlight.js/lib/languages/yaml";
-import y from "highlight.js/lib/languages/shell";
-import L from "highlight.js/lib/languages/diff";
-import b from "highlight.js/lib/languages/plaintext";
+import h from "highlight.js/lib/languages/protobuf";
+import x from "highlight.js/lib/languages/python";
+import y from "highlight.js/lib/languages/yaml";
+import L from "highlight.js/lib/languages/shell";
+import b from "highlight.js/lib/languages/diff";
+import w from "highlight.js/lib/languages/plaintext";
 import B from "highlight.js/lib/languages/markdown";
 import "highlight.js/styles/atom-one-dark.css";
-import { FileCopy as S, Check as T } from "@mui/icons-material";
-import o from "../Colors/themes/default.js";
-import { styled as A } from "../Theme/index.js";
-import E from "./LightBox.js";
-e.registerLanguage("javascript", n);
-e.registerLanguage("js", n);
-e.registerLanguage("jsx", n);
-e.registerLanguage("typescript", s);
-e.registerLanguage("ts", s);
-e.registerLanguage("tsx", s);
+import { FileCopy as P, Check as S } from "@mui/icons-material";
+import t from "../Colors/themes/default.js";
+import { styled as T } from "../Theme/index.js";
+import A from "./LightBox.js";
+e.registerLanguage("javascript", s);
+e.registerLanguage("js", s);
+e.registerLanguage("jsx", s);
+e.registerLanguage("typescript", l);
+e.registerLanguage("ts", l);
+e.registerLanguage("tsx", l);
 e.registerLanguage("json", _);
 e.registerLanguage("elixir", z);
 e.registerLanguage("java", F);
 e.registerLanguage("kotlin", f);
 e.registerLanguage("kt", f);
-e.registerLanguage("protobuf", d);
-e.registerLanguage("protobuffer", d);
-e.registerLanguage("python", h);
-e.registerLanguage("py", h);
-e.registerLanguage("yaml", x);
-e.registerLanguage("yml", x);
-e.registerLanguage("shell", y);
-e.registerLanguage("sh", y);
-e.registerLanguage("plaintext", b);
-e.registerLanguage("text", b);
-e.registerLanguage("patch", L);
-e.registerLanguage("diff", L);
+e.registerLanguage("protobuf", h);
+e.registerLanguage("protobuffer", h);
+e.registerLanguage("python", x);
+e.registerLanguage("py", x);
+e.registerLanguage("yaml", y);
+e.registerLanguage("yml", y);
+e.registerLanguage("shell", L);
+e.registerLanguage("sh", L);
+e.registerLanguage("plaintext", w);
+e.registerLanguage("text", w);
+e.registerLanguage("patch", b);
+e.registerLanguage("diff", b);
 e.registerLanguage("swift", M);
-e.registerLanguage("objectivec", u);
-e.registerLanguage("oc", u);
+e.registerLanguage("objectivec", d);
+e.registerLanguage("oc", d);
 e.registerLanguage("markdown", B);
-function ge({
-  code: w = "",
-  language: i = "text",
+function le({
+  code: r = "",
+  language: a = "text",
   children: k = null,
   dark: j = !0,
   ...v
 }) {
-  const [g, l] = N(!1), p = w || k, $ = () => {
-    g || (C(p), l(!0), setTimeout(() => {
-      l(!1);
+  const [g, p] = N(!1), c = r || k, $ = () => {
+    g || (C(c), p(!0), setTimeout(() => {
+      p(!1);
     }, 1500));
-  }, m = /* @__PURE__ */ t(H, { ...v, children: [
-    /* @__PURE__ */ r("span", { className: "codeblock__inner", children: /* @__PURE__ */ r(
+  }, m = /* @__PURE__ */ i(E, { ...v, children: [
+    /* @__PURE__ */ o("span", { className: "codeblock__inner", children: /* @__PURE__ */ o(
       "code",
       {
-        className: `hljs ${i}`,
-        dangerouslySetInnerHTML: { __html: e.highlightAuto(p, [i]).value }
+        className: `hljs ${a}`,
+        dangerouslySetInnerHTML: { __html: e.highlightAuto(c, [a]).value }
       }
     ) }),
-    /* @__PURE__ */ t("div", { className: "copy-button", onClick: $, children: [
-      /* @__PURE__ */ r("span", { className: "default-text", children: i }),
-      /* @__PURE__ */ r("span", { className: "hover-text", children: g ? /* @__PURE__ */ t(c, { children: [
-        /* @__PURE__ */ r(T, { className: "copy-icon" }),
-        /* @__PURE__ */ r("span", { className: "button-lang-text", children: "copied" })
-      ] }) : /* @__PURE__ */ t(c, { children: [
-        /* @__PURE__ */ r(S, { className: "copy-icon" }),
-        /* @__PURE__ */ r("span", { className: "button-lang-text", children: "copy" })
+    /* @__PURE__ */ i("div", { className: "copy-button", onClick: $, children: [
+      /* @__PURE__ */ o("span", { className: "default-text", children: a }),
+      /* @__PURE__ */ o("span", { className: "hover-text", children: g ? /* @__PURE__ */ i(u, { children: [
+        /* @__PURE__ */ o(S, { className: "copy-icon" }),
+        /* @__PURE__ */ o("span", { className: "button-lang-text", children: "copied" })
+      ] }) : /* @__PURE__ */ i(u, { children: [
+        /* @__PURE__ */ o(P, { className: "copy-icon" }),
+        /* @__PURE__ */ o("span", { className: "button-lang-text", children: "copy" })
       ] }) })
     ] })
   ] });
-  return j ? m : /* @__PURE__ */ r(E, { children: m });
+  return j ? m : /* @__PURE__ */ o(A, { children: m });
 }
-const a = "source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace !important", H = A("pre")`
-  font-family: ${a};
+const n = "source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace !important", E = T("pre", {
+  shouldForwardProp: (r) => r !== "sx"
+})`
+  font-family: ${n};
   display: block;
   font-size: 14px;
   line-height: 1.42857143;
@@ -91,9 +93,10 @@ const a = "source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace !imp
   word-wrap: break-word;
   text-align: left;
   border-radius: 5px;
-  border: 1px solid #dedede;
-  background: #222;
-  color: ${o.common.white};
+  border: 1px solid;
+  border-color: ${({ theme: r }) => r.palette.divider};
+  background: ${({ theme: r }) => r.palette.background.default};
+  color: ${({ theme: r }) => r.palette.common.white};
   position: relative;
 
   .codeblock__inner {
@@ -120,7 +123,7 @@ const a = "source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace !imp
 
     .copy-icon {
       font-size: 16px;
-      color: ${o.common.white};
+      color: ${t.common.white};
     }
 
     .hover-text {
@@ -128,20 +131,20 @@ const a = "source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace !imp
     }
     .default-text {
       font-size: 12px;
-      color: ${o.common.white};
+      color: ${t.common.white};
     }
   }
 
   &:hover {
     .copy-button {
       display: flex;
-      background: ${o.primary.main};
+      background: ${t.primary.main};
 
       .hover-text {
         display: flex;
         justify-content: center;
         align-items: center;
-        color: ${o.common.white};
+        color: ${t.common.white};
       }
       .default-text {
         display: none;
@@ -153,17 +156,17 @@ const a = "source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace !imp
   .button-lang-text {
     margin-left: 4px;
     font-size: 12px;
-    color: ${o.common.white};
+    color: ${t.common.white};
   }
 
   code {
     counter-reset: line;
     counter-increment: line;
     padding: 16px;
-    font-family: ${a};
-    color: ${o.common.white};
+    font-family: ${n};
+    color: ${t.common.white};
     * {
-      font-family: ${a};
+      font-family: ${n};
     }
   }
 
@@ -172,5 +175,5 @@ const a = "source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace !imp
   }
 `;
 export {
-  ge as default
+  le as default
 };

package/lib/Config/config-provider.d.ts

@@ -8,7 +8,7 @@ export interface ConfigProviderProps extends Omit<LocaleProviderProps, 'translat
 /**
  * 集中化配置
  */
-export declare function ConfigProvider({ children, theme, injectFirst, darkSchemeClass, prefer, disableBlockletTheme, enableColorScheme, locale, fallbackLocale, translations, languages, onLoadingTranslation, }: ConfigProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConfigProvider({ children, theme, injectFirst, darkSchemeClass, prefer, disableBlockletTheme, enableColorScheme, disableStyleCache, locale, fallbackLocale, translations, languages, onLoadingTranslation, }: ConfigProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useConfig(): {
     mode: import('@mui/material').PaletteMode;
     toggleMode: () => void;

package/lib/Config/config-provider.js

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
-import { LocaleProvider as p, useLocaleContext as C } from "../Locale/context.js";
-import x, { useColorScheme as a } from "../Theme/theme-provider.js";
-import { useTheme as d } from "@mui/material";
+import { LocaleProvider as C, useLocaleContext as x } from "../Locale/context.js";
+import a, { useColorScheme as d } from "../Theme/theme-provider.js";
+import { useTheme as v } from "@mui/material";
 import "../Theme/theme.js";
-function T({
+function j({
   children: o,
   // theme provider
   theme: e,
@@ -12,15 +12,16 @@ function T({
   prefer: i,
   disableBlockletTheme: n = !1,
   enableColorScheme: c,
+  disableStyleCache: f,
   // locale provider
-  locale: f,
-  fallbackLocale: s,
-  translations: l = {},
-  languages: u,
-  onLoadingTranslation: h
+  locale: s,
+  fallbackLocale: l,
+  translations: u = {},
+  languages: h,
+  onLoadingTranslation: p
 }) {
   return /* @__PURE__ */ t(
-    x,
+    a,
     {
       theme: e,
       injectFirst: r,
@@ -28,22 +29,23 @@ function T({
       prefer: i,
       disableBlockletTheme: n,
       enableColorScheme: c,
+      disableStyleCache: f,
       children: /* @__PURE__ */ t(
-        p,
+        C,
         {
-          locale: f,
-          fallbackLocale: s,
-          translations: l,
-          onLoadingTranslation: h,
-          languages: u,
+          locale: s,
+          fallbackLocale: l,
+          translations: u,
+          onLoadingTranslation: p,
+          languages: h,
           children: o
         }
       )
     }
   );
 }
-function j() {
-  const o = d(), e = C(), r = a();
+function b() {
+  const o = v(), e = x(), r = d();
   return {
     theme: o,
     ...e,
@@ -51,6 +53,6 @@ function j() {
   };
 }
 export {
-  T as ConfigProvider,
-  j as useConfig
+  j as ConfigProvider,
+  b as useConfig
 };

package/lib/NFTDisplay/preview.d.ts

@@ -0,0 +1,11 @@
+export interface NftInfo {
+    address: string;
+    data: Record<string, any>;
+    display: Record<string, any>;
+    issuer: string;
+}
+export default function NftPreview({ visible, onClose, nft, }: {
+    visible: boolean;
+    onClose: () => void;
+    nft: NftInfo | null;
+}): import("react/jsx-runtime").JSX.Element | null;

package/lib/NFTDisplay/preview.js

@@ -0,0 +1,60 @@
+import { jsx as t } from "react/jsx-runtime";
+import n from "@mui/material/Modal";
+import r from "@emotion/styled";
+import a, { getNFTData as s } from "./index.js";
+function f({
+  visible: e,
+  onClose: o,
+  nft: i
+}) {
+  return !e || !i ? null : /* @__PURE__ */ t(d, { children: /* @__PURE__ */ t(n, { open: e, onClose: o, children: /* @__PURE__ */ t(h, { onClick: o, children: /* @__PURE__ */ t(a, { data: s(i), address: i.address, inset: !0 }) }) }) });
+}
+const d = r.div`
+  position: relative;
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+
+  &:hover {
+    .mask {
+      opacity: 1;
+    }
+  }
+
+  .mask {
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.6);
+    opacity: 0;
+    transition: opacity 0.2s;
+  }
+`, h = r.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  width: 100vw;
+
+  img,
+  object {
+    max-width: 90vw;
+    max-height: 75vh;
+  }
+
+  .nft-display--inset {
+    > .MuiBox-root,
+    .nft-display__loading {
+      width: 75vmin;
+      height: 75vmin;
+    }
+  }
+`;
+export {
+  f as default
+};

package/lib/NavMenu/style.js

@@ -126,7 +126,7 @@ const o = i("nav", {
     ".navmenu-item__desc": {
       fontSize: "12px",
       lineHeight: 1,
-      color: t.palette.grey[500]
+      color: t.palette.text.secondary
     },
     "&:hover": {
       background: t.palette.action.hover,

package/lib/RelativeTime/index.d.ts

@@ -15,5 +15,6 @@ export interface RelativeTimeProps {
     placement?: TooltipProps['placement'];
     sx?: SxProps;
     format?: string;
+    mode?: 'all' | 'daysLeft';
 }
-export default function RelativeTime({ value, locale, withoutSuffix, from, to, type, tz, relativeRange, enableTooltip, useShortTimezone, disableTimezone, placement, format, ...rest }: RelativeTimeProps): import("react/jsx-runtime").JSX.Element;
+export default function RelativeTime({ value, locale, withoutSuffix, from, to, type, tz, relativeRange, enableTooltip, useShortTimezone, disableTimezone, placement, format, mode, ...rest }: RelativeTimeProps): import("react/jsx-runtime").JSX.Element;

package/lib/RelativeTime/index.js

@@ -1,7 +1,7 @@
-import { jsx as i, jsxs as M, Fragment as F } from "react/jsx-runtime";
-import { Tooltip as O, Box as f } from "@mui/material";
+import { jsxs as I, jsx as n, Fragment as F } from "react/jsx-runtime";
+import { Box as a, Tooltip as M } from "@mui/material";
 import { useEffect as R, useMemo as $ } from "react";
-import r from "dayjs";
+import c from "dayjs";
 import "dayjs/locale/zh-cn";
 import k from "dayjs/plugin/utc";
 import B from "dayjs/plugin/timezone";
@@ -9,13 +9,13 @@ import E from "dayjs/plugin/relativeTime";
 import H from "dayjs/plugin/updateLocale";
 import N from "dayjs/plugin/localizedFormat";
 import { create as Z } from "zustand";
-import { formatToDatetime as D, setDateTool as q } from "../Util/index.js";
-r.extend(N);
-r.extend(k);
-r.extend(B);
-r.extend(H);
-r.extend(E);
-r.updateLocale("zh-cn", {
+import { formatToDatetime as O, setDateTool as q } from "../Util/index.js";
+c.extend(N);
+c.extend(k);
+c.extend(B);
+c.extend(H);
+c.extend(E);
+c.updateLocale("zh-cn", {
   // copy with https://github.com/iamkun/dayjs/blob/dev/src/locale/zh-cn.js
   relativeTime: {
     future: "%s后",
@@ -33,7 +33,7 @@ r.updateLocale("zh-cn", {
     yy: "%d 年"
   }
 });
-q(r);
+q(c);
 const j = {
   en: {
     utc: "UTC Timezone",
@@ -47,123 +47,123 @@ const j = {
     shortUTC: "UTC",
     shortLocal: "当前时区"
   }
-}, z = Z((t) => ({
+}, A = Z((t) => ({
   isUtc: !1,
-  setIsUtc: (e) => t({ isUtc: e })
+  setIsUtc: (o) => t({ isUtc: o })
 }));
 function w({
   value: t,
-  locale: e = "en",
-  withoutSuffix: m = !1,
-  from: a = "",
-  to: h = "",
-  type: o = "relative",
-  tz: s,
-  relativeRange: L,
-  format: C
+  locale: o = "en",
+  withoutSuffix: p = !1,
+  from: d = "",
+  to: u = "",
+  type: i = "relative",
+  tz: l,
+  relativeRange: y,
+  format: U
 }) {
-  const u = (/* @__PURE__ */ new Date()).getTimezoneOffset(), U = u > 0 ? "-" : "+", v = Math.abs(u) / 60, c = u === 0, x = z((g) => g.isUtc), T = z((g) => g.setIsUtc);
+  const x = (/* @__PURE__ */ new Date()).getTimezoneOffset(), C = x > 0 ? "-" : "+", v = Math.abs(x) / 60, g = x === 0, r = A((L) => L.isUtc), T = A((L) => L.setIsUtc);
   if (R(() => {
-    T(c);
-  }, [c]), !t)
-    return { innerContent: "-", popContent: "-", isUtc: x, setIsUtc: T, sign: U, hoursOffset: v };
-  const d = e === "zh" ? "zh-cn" : "en-us";
-  let n = r(t).locale(d);
-  o === "utc" && (n = r(t).utc().locale(d)), s && (n = n.tz(s));
-  const p = D(t, { locale: d, tz: s, format: C });
-  let l;
-  if (a)
-    l = n.from(a, m);
-  else if (h)
-    l = n.to(h, m);
-  else if (L) {
-    const g = n.diff(r());
-    Math.abs(g) > L && (l = p);
+    T(g);
+  }, [g]), !t)
+    return { innerContent: "-", popContent: "-", isUtc: r, setIsUtc: T, sign: C, hoursOffset: v };
+  const m = o === "zh" ? "zh-cn" : "en-us";
+  let s = c(t).locale(m);
+  i === "utc" && (s = c(t).utc().locale(m)), l && (s = s.tz(l));
+  const f = O(t, { locale: m, tz: l, format: U });
+  let e;
+  if (d)
+    e = s.from(d, p);
+  else if (u)
+    e = s.to(u, p);
+  else if (y) {
+    const L = s.diff(c());
+    Math.abs(L) > y && (e = f);
   }
-  l || (l = n.fromNow(m));
-  let y = l, b = p;
-  return o === "absolute" && (y = p, b = l), o === "utc" && (x ? (y = D(t, { locale: d, tz: s, isUtc: !0, format: C }), b = D(t, { locale: d, tz: s, isUtc: !0, format: C })) : (y = p, b = l)), { innerContent: y, popContent: b, isUtc: x, setIsUtc: T, sign: U, hoursOffset: v, relativeString: l, absoluteString: p };
+  e || (e = s.fromNow(p));
+  let h = e, b = f;
+  return i === "absolute" && (h = f, b = e), i === "utc" && (r ? (h = O(t, { locale: m, tz: l, isUtc: !0, format: U }), b = O(t, { locale: m, tz: l, isUtc: !0, format: U })) : (h = f, b = e)), { innerContent: h, popContent: b, isUtc: r, setIsUtc: T, sign: C, hoursOffset: v, relativeString: e, absoluteString: f };
 }
-function A({
+function z({
   locale: t,
-  isUtc: e = !1,
-  setIsUtc: m,
-  useShortTimezone: a = !0
+  isUtc: o = !1,
+  setIsUtc: p,
+  useShortTimezone: d = !0
 }) {
-  const h = $(() => {
-    const o = a ? "shortUTC" : "utc", s = a ? "shortLocal" : "local";
-    return e ? `${j[t][o]}` : `${j[t][s]}`;
-  }, [t, a, e]);
-  return /* @__PURE__ */ i(
-    f,
+  const u = $(() => {
+    const i = d ? "shortUTC" : "utc", l = d ? "shortLocal" : "local";
+    return o ? `${j[t][i]}` : `${j[t][l]}`;
+  }, [t, d, o]);
+  return /* @__PURE__ */ n(
+    a,
     {
       component: "span",
       sx: {
         color: "inherit",
         cursor: "pointer",
         border: "1px solid",
-        fontSize: "0.8rem",
         borderColor: "divider",
         borderRadius: "20px",
         padding: "4px 8px",
         lineHeight: 1
       },
-      onClick: () => m(!e),
-      children: h
+      onClick: () => p(!o),
+      children: u
     }
   );
 }
 function et({
   value: t,
-  locale: e = "en",
-  withoutSuffix: m = !1,
-  from: a = "",
-  to: h = "",
-  type: o = "relative",
-  tz: s = void 0,
-  relativeRange: L = void 0,
-  enableTooltip: C = !0,
-  useShortTimezone: I = !1,
-  disableTimezone: u = !1,
-  placement: U = "top-end",
+  locale: o = "en",
+  withoutSuffix: p = !1,
+  from: d = "",
+  to: u = "",
+  type: i = "relative",
+  tz: l = void 0,
+  relativeRange: y = void 0,
+  enableTooltip: U = !0,
+  useShortTimezone: D = !1,
+  disableTimezone: x = !1,
+  placement: C = "top-end",
   format: v = "lll",
-  ...c
+  mode: g = "all",
+  ...r
 }) {
-  const { innerContent: x, popContent: T, isUtc: d, setIsUtc: n, relativeString: p } = w({
+  const { innerContent: T, popContent: m, isUtc: s, setIsUtc: f, relativeString: e } = w({
     value: t,
-    locale: e,
-    withoutSuffix: m,
-    from: a,
-    to: h,
-    type: o === "all" ? "utc" : o,
-    tz: s,
-    relativeRange: L,
+    locale: o,
+    withoutSuffix: p,
+    from: d,
+    to: u,
+    type: i === "all" ? "utc" : i,
+    tz: l,
+    relativeRange: y,
     format: v
-  });
-  return o === "all" ? /* @__PURE__ */ i(O, { title: void 0, placement: U, enterTouchDelay: 0, children: /* @__PURE__ */ M(
-    f,
+  }), h = /* @__PURE__ */ I(
+    a,
     {
-      ...c,
+      ...r,
       sx: [
         {
           display: "inline-flex",
           alignItems: "center",
           gap: 0.5
         },
-        ...Array.isArray(c.sx) ? c.sx : [c.sx]
+        ...Array.isArray(r.sx) ? r.sx : [r.sx]
       ],
       children: [
-        /* @__PURE__ */ i(f, { component: "span", ...c, sx: {}, children: x }),
-        /* @__PURE__ */ i(f, { component: "span", sx: { color: "inherit" }, children: "·" }),
-        /* @__PURE__ */ i(f, { component: "span", sx: { color: "text.secondary" }, children: p }),
-        !u && /* @__PURE__ */ M(F, { children: [
-          /* @__PURE__ */ i(f, { component: "span", sx: { color: "inherit" }, children: "·" }),
-          /* @__PURE__ */ i(A, { locale: e, isUtc: d, setIsUtc: n, useShortTimezone: I })
+        /* @__PURE__ */ n(a, { component: "span", ...r, sx: {}, children: T }),
+        /* @__PURE__ */ n(a, { component: "span", sx: { color: "inherit" }, children: "·" }),
+        /* @__PURE__ */ n(a, { component: "span", sx: { color: "inherit" }, children: e }),
+        !x && /* @__PURE__ */ I(F, { children: [
+          /* @__PURE__ */ n(a, { component: "span", sx: { color: "inherit" }, children: "·" }),
+          /* @__PURE__ */ n(z, { locale: o, isUtc: s, setIsUtc: f, useShortTimezone: D })
         ] })
       ]
     }
-  ) }) : /* @__PURE__ */ i(O, { title: C ? T : void 0, placement: U, enterTouchDelay: 0, children: /* @__PURE__ */ M(
-    f,
+  );
+  return g === "daysLeft" ? /* @__PURE__ */ n(M, { title: h, placement: C, enterTouchDelay: 0, children: /* @__PURE__ */ n(a, { component: "span", children: e }) }) : i === "all" && g === "all" ? /* @__PURE__ */ n(M, { title: void 0, placement: C, enterTouchDelay: 0, children: h }) : /* @__PURE__ */ n(M, { title: U ? m : void 0, placement: C, enterTouchDelay: 0, children: /* @__PURE__ */ I(
+    a,
     {
       sx: {
         display: "inline-flex",
@@ -171,8 +171,8 @@ function et({
         gap: 1
       },
       children: [
-        /* @__PURE__ */ i(f, { component: "span", ...c, children: x }),
-        o === "utc" && !u && /* @__PURE__ */ i(A, { locale: e, isUtc: d, setIsUtc: n, useShortTimezone: I })
+        /* @__PURE__ */ n(a, { component: "span", ...r, children: T }),
+        i === "utc" && !x && /* @__PURE__ */ n(z, { locale: o, isUtc: s, setIsUtc: f, useShortTimezone: D })
       ]
     }
   ) });