@windrun-huaiin/third-ui 6.0.0 → 6.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,3 +1,4 @@
1
+ /* eslint-disable */
1
2
  var __create = Object.create;
2
3
  var __defProp = Object.defineProperty;
3
4
  var __defProps = Object.defineProperties;
@@ -29963,6 +29964,50 @@ var buttonVariants2 = cva2(
29963
29964
  }
29964
29965
  }
29965
29966
  );
29967
+ var maskImage = "linear-gradient(to bottom,white,transparent), radial-gradient(circle at top center, white, transparent)";
29968
+ var rainbowLayer = /* @__PURE__ */ jsxs20(Fragment5, { children: [
29969
+ /* @__PURE__ */ jsx46(
29970
+ "div",
29971
+ {
29972
+ className: "absolute inset-0 z-[-1]",
29973
+ style: {
29974
+ maskImage,
29975
+ maskComposite: "intersect",
29976
+ animation: "fd-moving-banner 16s linear infinite",
29977
+ "--start": "rgba(0,87,255,0.5)",
29978
+ "--mid": "rgba(255,0,166,0.77)",
29979
+ "--end": "rgba(255,77,0,0.4)",
29980
+ "--via": "rgba(164,255,68,0.4)",
29981
+ animationDirection: "reverse",
29982
+ backgroundImage: "repeating-linear-gradient(60deg, var(--end), var(--start) 2%, var(--start) 5%, transparent 8%, transparent 14%, var(--via) 18%, var(--via) 22%, var(--mid) 28%, var(--mid) 30%, var(--via) 34%, var(--via) 36%, transparent, var(--end) calc(50% - 12px))",
29983
+ backgroundSize: "200% 100%",
29984
+ mixBlendMode: "difference"
29985
+ }
29986
+ }
29987
+ ),
29988
+ /* @__PURE__ */ jsx46(
29989
+ "div",
29990
+ {
29991
+ className: "absolute inset-0 z-[-1]",
29992
+ style: {
29993
+ maskImage,
29994
+ maskComposite: "intersect",
29995
+ animation: "fd-moving-banner 20s linear infinite",
29996
+ "--start": "rgba(255,120,120,0.5)",
29997
+ "--mid": "rgba(36,188,255,0.4)",
29998
+ "--end": "rgba(64,0,255,0.51)",
29999
+ "--via": "rgba(255,89,0,0.56)",
30000
+ backgroundImage: "repeating-linear-gradient(45deg, var(--end), var(--start) 4%, var(--start) 8%, transparent 9%, transparent 14%, var(--mid) 16%, var(--mid) 20%, transparent, var(--via) 36%, var(--via) 40%, transparent 42%, var(--end) 46%, var(--end) calc(50% - 16.8px))",
30001
+ backgroundSize: "200% 100%",
30002
+ mixBlendMode: "color-dodge"
30003
+ }
30004
+ }
30005
+ ),
30006
+ /* @__PURE__ */ jsx46("style", { children: `@keyframes fd-moving-banner {
30007
+ from { background-position: 0% 0; }
30008
+ to { background-position: 100% 0; }
30009
+ }` })
30010
+ ] });
29966
30011
  function Banner(_a) {
29967
30012
  var _b = _a, {
29968
30013
  id,
@@ -30041,50 +30086,6 @@ function Banner(_a) {
30041
30086
  })
30042
30087
  );
30043
30088
  }
30044
- var maskImage = "linear-gradient(to bottom,white,transparent), radial-gradient(circle at top center, white, transparent)";
30045
- var rainbowLayer = /* @__PURE__ */ jsxs20(Fragment5, { children: [
30046
- /* @__PURE__ */ jsx46(
30047
- "div",
30048
- {
30049
- className: "absolute inset-0 z-[-1]",
30050
- style: {
30051
- maskImage,
30052
- maskComposite: "intersect",
30053
- animation: "fd-moving-banner 16s linear infinite",
30054
- "--start": "rgba(0,87,255,0.5)",
30055
- "--mid": "rgba(255,0,166,0.77)",
30056
- "--end": "rgba(255,77,0,0.4)",
30057
- "--via": "rgba(164,255,68,0.4)",
30058
- animationDirection: "reverse",
30059
- backgroundImage: "repeating-linear-gradient(60deg, var(--end), var(--start) 2%, var(--start) 5%, transparent 8%, transparent 14%, var(--via) 18%, var(--via) 22%, var(--mid) 28%, var(--mid) 30%, var(--via) 34%, var(--via) 36%, transparent, var(--end) calc(50% - 12px))",
30060
- backgroundSize: "200% 100%",
30061
- mixBlendMode: "difference"
30062
- }
30063
- }
30064
- ),
30065
- /* @__PURE__ */ jsx46(
30066
- "div",
30067
- {
30068
- className: "absolute inset-0 z-[-1]",
30069
- style: {
30070
- maskImage,
30071
- maskComposite: "intersect",
30072
- animation: "fd-moving-banner 20s linear infinite",
30073
- "--start": "rgba(255,120,120,0.5)",
30074
- "--mid": "rgba(36,188,255,0.4)",
30075
- "--end": "rgba(64,0,255,0.51)",
30076
- "--via": "rgba(255,89,0,0.56)",
30077
- backgroundImage: "repeating-linear-gradient(45deg, var(--end), var(--start) 4%, var(--start) 8%, transparent 9%, transparent 14%, var(--mid) 16%, var(--mid) 20%, transparent, var(--via) 36%, var(--via) 40%, transparent 42%, var(--end) 46%, var(--end) calc(50% - 16.8px))",
30078
- backgroundSize: "200% 100%",
30079
- mixBlendMode: "color-dodge"
30080
- }
30081
- }
30082
- ),
30083
- /* @__PURE__ */ jsx46("style", { children: `@keyframes fd-moving-banner {
30084
- from { background-position: 0% 0; }
30085
- to { background-position: 100% 0; }
30086
- }` })
30087
- ] });
30088
30089
 
30089
30090
  // src/fuma/fuma-banner-suit.tsx
30090
30091
  import { Fragment as Fragment6, jsx as jsx47 } from "react/jsx-runtime";
@@ -30093,7 +30094,8 @@ function FumaBannerSuit(_0) {
30093
30094
  const t = yield getTranslations({ locale, namespace: "home" });
30094
30095
  const heightValue = showBanner ? 3 : 0.5;
30095
30096
  const height = `${heightValue}rem`;
30096
- return /* @__PURE__ */ jsx47(Fragment6, { children: showBanner ? /* @__PURE__ */ jsx47(Banner, { variant: "rainbow", changeLayout: true, height: heightValue, children: /* @__PURE__ */ jsx47("p", { className: "text-xl", children: t("banner") }) }) : /* @__PURE__ */ jsx47(
30097
+ const bannerText = t("banner");
30098
+ return /* @__PURE__ */ jsx47(Fragment6, { children: showBanner ? /* @__PURE__ */ jsx47(Banner, { variant: "rainbow", changeLayout: true, height: heightValue, children: /* @__PURE__ */ jsx47("p", { className: "text-xl", children: bannerText }) }) : /* @__PURE__ */ jsx47(
30097
30099
  "div",
30098
30100
  {
30099
30101
  className: "fixed top-0 left-0 w-screen z-[1001] m-0 rounded-none bg-neutral-100 dark:bg-neutral-900",