@sytechui/theme 2.4.27 → 2.6.0

package/dist/index.mjs

@@ -5,6 +5,7 @@ import {
   avatar,
   avatarGroup,
   badge,
+  bottomBar,
   breadcrumbItem,
   breadcrumbs,
   button,
@@ -44,70 +45,74 @@ import {
   toastRegion,
   toggle,
   user
-} from "./chunk-YLA7KS3I.mjs";
+} from "./chunk-AI6SQS6Z.mjs";
 import {
   colorVariants
 } from "./chunk-GQT3YUX3.mjs";
 import {
   cn
-} from "./chunk-YW4DIYUX.mjs";
+} from "./chunk-P2SWF4YK.mjs";
+import {
+  shimmerText
+} from "./chunk-LV6ZC7XH.mjs";
+import {
+  skeleton
+} from "./chunk-27EH4573.mjs";
 import {
   spacer
-} from "./chunk-VDS6DP26.mjs";
+} from "./chunk-6Q4A5IGD.mjs";
 import {
   spinner
-} from "./chunk-TRZPE5UW.mjs";
+} from "./chunk-7MY46DKJ.mjs";
 import {
   circularProgress,
   progress
-} from "./chunk-NKYWOWNW.mjs";
+} from "./chunk-7CAOOET2.mjs";
 import {
   scrollArea
-} from "./chunk-4V3RQUZU.mjs";
+} from "./chunk-GYRKKQKN.mjs";
 import {
   scrollShadow
-} from "./chunk-SGV526OS.mjs";
-import {
-  skeleton
-} from "./chunk-Z65VJL4Y.mjs";
+} from "./chunk-CR7SUL27.mjs";
 import {
   kbd
-} from "./chunk-FQECQOZE.mjs";
+} from "./chunk-3PBT3W4C.mjs";
+import {
+  datePicker,
+  dateRangePicker
+} from "./chunk-M5F7VFZT.mjs";
+import {
+  divider
+} from "./chunk-XOVETH7K.mjs";
+import {
+  drawer
+} from "./chunk-4XFAHRMJ.mjs";
 import {
   drip
-} from "./chunk-E34EWEJV.mjs";
+} from "./chunk-OBSH26UE.mjs";
 import {
   form
-} from "./chunk-EJDFNA7Y.mjs";
+} from "./chunk-K6X3VPO4.mjs";
 import {
   image
-} from "./chunk-5PWGYVAP.mjs";
+} from "./chunk-HRULT2QB.mjs";
 import {
   dateInput
-} from "./chunk-JS2FQJMX.mjs";
-import {
-  datePicker,
-  dateRangePicker
-} from "./chunk-QQVGHMSD.mjs";
-import {
-  divider
-} from "./chunk-SSU66MWA.mjs";
-import {
-  drawer
-} from "./chunk-3L7WFLSH.mjs";
+} from "./chunk-TYJNRAT2.mjs";
 import {
   autocomplete
-} from "./chunk-FUKRIH5Z.mjs";
+} from "./chunk-GXDNTAQH.mjs";
 import {
   tv
-} from "./chunk-NPGKX3MZ.mjs";
+} from "./chunk-RAC3PSZO.mjs";
 import {
   COMMON_UNITS,
   twMergeConfig
-} from "./chunk-3INHRVXM.mjs";
+} from "./chunk-QU72GCNK.mjs";
 import {
   heroui
-} from "./chunk-WDM42WDU.mjs";
+} from "./chunk-CBIC7UDL.mjs";
+import "./chunk-D2XMP2NC.mjs";
 import {
   absoluteFullClasses,
   baseStyles,
@@ -119,13 +124,13 @@ import {
   ringClasses,
   translateCenterClasses
 } from "./chunk-JGY6VQQQ.mjs";
-import "./chunk-D2XMP2NC.mjs";
-import "./chunk-6US6AURX.mjs";
+import "./chunk-UJC5GXOO.mjs";
+import "./chunk-FJOYYPB2.mjs";
+import "./chunk-RUIUXVZ4.mjs";
+import "./chunk-GSRZWDGA.mjs";
 import "./chunk-AWXUGVFR.mjs";
 import "./chunk-MPVWW3DX.mjs";
 import "./chunk-WH6SPIFG.mjs";
-import "./chunk-RUIUXVZ4.mjs";
-import "./chunk-GSRZWDGA.mjs";
 import "./chunk-WQEDQHKX.mjs";
 import {
   colors
@@ -141,7 +146,7 @@ import {
   lightLayout
 } from "./chunk-HUBDRSA4.mjs";
 import "./chunk-WBQAMGXK.mjs";
-import "./chunk-HYWP3BX7.mjs";
+import "./chunk-SLRWKURF.mjs";
 import {
   commonColors
 } from "./chunk-IAS3SFA4.mjs";
@@ -164,6 +169,7 @@ export {
   avatarGroup,
   badge,
   baseStyles,
+  bottomBar,
   breadcrumbItem,
   breadcrumbs,
   button,
@@ -226,6 +232,7 @@ export {
   scrollShadow,
   select,
   semanticColors,
+  shimmerText,
   skeleton,
   slider,
   snippet,

package/dist/plugin.js

@@ -384,6 +384,7 @@ var colors = {
 var animations = {
   animation: {
     shimmer: "shimmer 2s infinite",
+    "shimmer-text": "shimmer-text var(--shimmer-duration, 2s) linear var(--shimmer-iteration, infinite) var(--shimmer-direction, normal)",
     "drip-expand": "drip-expand 420ms linear",
     "spinner-ease-spin": "spinner-spin 0.8s ease infinite",
     "spinner-linear-spin": "spinner-spin 0.8s linear infinite",
@@ -402,6 +403,14 @@ var animations = {
         transform: "translateX(200%)"
       }
     },
+    "shimmer-text": {
+      "0%": {
+        backgroundPosition: "100% 0"
+      },
+      "100%": {
+        backgroundPosition: "0 0"
+      }
+    },
     "spinner-spin": {
       "0%": {
         transform: "rotate(0deg)"
@@ -655,13 +664,53 @@ var animation_default = {
   }
 };
 
+// src/utilities/shimmer-text.ts
+var readableText = {
+  animation: "none !important",
+  "background-image": "none",
+  "-webkit-text-fill-color": "currentColor"
+};
+var shimmer_text_default = {
+  ".sytech-shimmer-text": {
+    color: "currentColor",
+    "--shimmer-angle": "20deg",
+    "--shimmer-spread": "calc(3ch + 40px)",
+    "--shimmer-iteration": "infinite",
+    "--shimmer-direction": "normal",
+    "@supports ((background-clip: text) or (-webkit-background-clip: text)) and (color: color-mix(in srgb, red, blue))": {
+      "background-image": "linear-gradient(calc(90deg + var(--shimmer-angle)), currentColor calc(50% - var(--shimmer-spread)), color-mix(in srgb, var(--shimmer-color, currentColor) 35%, transparent) 50%, currentColor calc(50% + var(--shimmer-spread)))",
+      "background-repeat": "no-repeat",
+      "background-size": "calc(200% + var(--shimmer-spread) + var(--shimmer-spread)) 100%",
+      "background-position": "100% 0",
+      "background-clip": "text",
+      "-webkit-background-clip": "text",
+      "-webkit-text-fill-color": "transparent"
+    },
+    "&:where([dir='rtl'], [dir='rtl'] *)": {
+      "--shimmer-direction": "reverse"
+    },
+    "&.sytech-shimmer-text-reverse": {
+      "--shimmer-direction": "reverse"
+    },
+    "&.sytech-shimmer-text-reverse:where([dir='rtl'], [dir='rtl'] *)": {
+      "--shimmer-direction": "normal"
+    },
+    "@media (prefers-reduced-motion: reduce)": readableText
+  },
+  ".sytech-shimmer-text-once": {
+    "--shimmer-iteration": "1"
+  },
+  ".sytech-shimmer-text-disabled": readableText
+};
+
 // src/utilities/index.ts
 var utilities = {
   ...custom_default,
   ...transition_default,
   ...scrollbar_hide_default,
   ...text_default,
-  ...animation_default
+  ...animation_default,
+  ...shimmer_text_default
 };
 
 // src/utils/theme.ts

package/dist/plugin.mjs

@@ -1,21 +1,22 @@
 import {
   heroui
-} from "./chunk-WDM42WDU.mjs";
-import "./chunk-JGY6VQQQ.mjs";
+} from "./chunk-CBIC7UDL.mjs";
 import "./chunk-D2XMP2NC.mjs";
-import "./chunk-6US6AURX.mjs";
+import "./chunk-JGY6VQQQ.mjs";
+import "./chunk-UJC5GXOO.mjs";
+import "./chunk-FJOYYPB2.mjs";
+import "./chunk-RUIUXVZ4.mjs";
+import "./chunk-GSRZWDGA.mjs";
 import "./chunk-AWXUGVFR.mjs";
 import "./chunk-MPVWW3DX.mjs";
 import "./chunk-WH6SPIFG.mjs";
-import "./chunk-RUIUXVZ4.mjs";
-import "./chunk-GSRZWDGA.mjs";
 import "./chunk-WQEDQHKX.mjs";
 import "./chunk-CPSLANMP.mjs";
 import "./chunk-FFKHVGFX.mjs";
 import "./chunk-5ICJA2GK.mjs";
 import "./chunk-M63AFAHO.mjs";
 import "./chunk-HUBDRSA4.mjs";
-import "./chunk-HYWP3BX7.mjs";
+import "./chunk-SLRWKURF.mjs";
 import "./chunk-IAS3SFA4.mjs";
 import "./chunk-JUEOCLA3.mjs";
 import "./chunk-3LKKH4AR.mjs";

package/dist/utilities/index.d.mts

@@ -1,4 +1,42 @@
 declare const utilities: {
+    ".sytech-shimmer-text": {
+        color: string;
+        "--shimmer-angle": string;
+        "--shimmer-spread": string;
+        "--shimmer-iteration": string;
+        "--shimmer-direction": string;
+        "@supports ((background-clip: text) or (-webkit-background-clip: text)) and (color: color-mix(in srgb, red, blue))": {
+            "background-image": string;
+            "background-repeat": string;
+            "background-size": string;
+            "background-position": string;
+            "background-clip": string;
+            "-webkit-background-clip": string;
+            "-webkit-text-fill-color": string;
+        };
+        "&:where([dir='rtl'], [dir='rtl'] *)": {
+            "--shimmer-direction": string;
+        };
+        "&.sytech-shimmer-text-reverse": {
+            "--shimmer-direction": string;
+        };
+        "&.sytech-shimmer-text-reverse:where([dir='rtl'], [dir='rtl'] *)": {
+            "--shimmer-direction": string;
+        };
+        "@media (prefers-reduced-motion: reduce)": {
+            animation: string;
+            "background-image": string;
+            "-webkit-text-fill-color": string;
+        };
+    };
+    ".sytech-shimmer-text-once": {
+        "--shimmer-iteration": string;
+    };
+    ".sytech-shimmer-text-disabled": {
+        animation: string;
+        "background-image": string;
+        "-webkit-text-fill-color": string;
+    };
     ".spinner-bar-animation": {
         animation: string;
         "animation-delay": string;

package/dist/utilities/index.d.ts

@@ -1,4 +1,42 @@
 declare const utilities: {
+    ".sytech-shimmer-text": {
+        color: string;
+        "--shimmer-angle": string;
+        "--shimmer-spread": string;
+        "--shimmer-iteration": string;
+        "--shimmer-direction": string;
+        "@supports ((background-clip: text) or (-webkit-background-clip: text)) and (color: color-mix(in srgb, red, blue))": {
+            "background-image": string;
+            "background-repeat": string;
+            "background-size": string;
+            "background-position": string;
+            "background-clip": string;
+            "-webkit-background-clip": string;
+            "-webkit-text-fill-color": string;
+        };
+        "&:where([dir='rtl'], [dir='rtl'] *)": {
+            "--shimmer-direction": string;
+        };
+        "&.sytech-shimmer-text-reverse": {
+            "--shimmer-direction": string;
+        };
+        "&.sytech-shimmer-text-reverse:where([dir='rtl'], [dir='rtl'] *)": {
+            "--shimmer-direction": string;
+        };
+        "@media (prefers-reduced-motion: reduce)": {
+            animation: string;
+            "background-image": string;
+            "-webkit-text-fill-color": string;
+        };
+    };
+    ".sytech-shimmer-text-once": {
+        "--shimmer-iteration": string;
+    };
+    ".sytech-shimmer-text-disabled": {
+        animation: string;
+        "background-image": string;
+        "-webkit-text-fill-color": string;
+    };
     ".spinner-bar-animation": {
         animation: string;
         "animation-delay": string;

package/dist/utilities/index.js

@@ -175,13 +175,53 @@ var animation_default = {
   }
 };
 
+// src/utilities/shimmer-text.ts
+var readableText = {
+  animation: "none !important",
+  "background-image": "none",
+  "-webkit-text-fill-color": "currentColor"
+};
+var shimmer_text_default = {
+  ".sytech-shimmer-text": {
+    color: "currentColor",
+    "--shimmer-angle": "20deg",
+    "--shimmer-spread": "calc(3ch + 40px)",
+    "--shimmer-iteration": "infinite",
+    "--shimmer-direction": "normal",
+    "@supports ((background-clip: text) or (-webkit-background-clip: text)) and (color: color-mix(in srgb, red, blue))": {
+      "background-image": "linear-gradient(calc(90deg + var(--shimmer-angle)), currentColor calc(50% - var(--shimmer-spread)), color-mix(in srgb, var(--shimmer-color, currentColor) 35%, transparent) 50%, currentColor calc(50% + var(--shimmer-spread)))",
+      "background-repeat": "no-repeat",
+      "background-size": "calc(200% + var(--shimmer-spread) + var(--shimmer-spread)) 100%",
+      "background-position": "100% 0",
+      "background-clip": "text",
+      "-webkit-background-clip": "text",
+      "-webkit-text-fill-color": "transparent"
+    },
+    "&:where([dir='rtl'], [dir='rtl'] *)": {
+      "--shimmer-direction": "reverse"
+    },
+    "&.sytech-shimmer-text-reverse": {
+      "--shimmer-direction": "reverse"
+    },
+    "&.sytech-shimmer-text-reverse:where([dir='rtl'], [dir='rtl'] *)": {
+      "--shimmer-direction": "normal"
+    },
+    "@media (prefers-reduced-motion: reduce)": readableText
+  },
+  ".sytech-shimmer-text-once": {
+    "--shimmer-iteration": "1"
+  },
+  ".sytech-shimmer-text-disabled": readableText
+};
+
 // src/utilities/index.ts
 var utilities = {
   ...custom_default,
   ...transition_default,
   ...scrollbar_hide_default,
   ...text_default,
-  ...animation_default
+  ...animation_default,
+  ...shimmer_text_default
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/utilities/index.mjs

@@ -1,11 +1,12 @@
 import {
   utilities
-} from "../chunk-6US6AURX.mjs";
+} from "../chunk-UJC5GXOO.mjs";
+import "../chunk-FJOYYPB2.mjs";
+import "../chunk-RUIUXVZ4.mjs";
+import "../chunk-GSRZWDGA.mjs";
 import "../chunk-AWXUGVFR.mjs";
 import "../chunk-MPVWW3DX.mjs";
 import "../chunk-WH6SPIFG.mjs";
-import "../chunk-RUIUXVZ4.mjs";
-import "../chunk-GSRZWDGA.mjs";
 export {
   utilities
 };

package/dist/utilities/shimmer-text.d.mts

@@ -0,0 +1,42 @@
+declare const _default: {
+    ".sytech-shimmer-text": {
+        color: string;
+        "--shimmer-angle": string;
+        "--shimmer-spread": string;
+        "--shimmer-iteration": string;
+        "--shimmer-direction": string;
+        "@supports ((background-clip: text) or (-webkit-background-clip: text)) and (color: color-mix(in srgb, red, blue))": {
+            "background-image": string;
+            "background-repeat": string;
+            "background-size": string;
+            "background-position": string;
+            "background-clip": string;
+            "-webkit-background-clip": string;
+            "-webkit-text-fill-color": string;
+        };
+        "&:where([dir='rtl'], [dir='rtl'] *)": {
+            "--shimmer-direction": string;
+        };
+        "&.sytech-shimmer-text-reverse": {
+            "--shimmer-direction": string;
+        };
+        "&.sytech-shimmer-text-reverse:where([dir='rtl'], [dir='rtl'] *)": {
+            "--shimmer-direction": string;
+        };
+        "@media (prefers-reduced-motion: reduce)": {
+            animation: string;
+            "background-image": string;
+            "-webkit-text-fill-color": string;
+        };
+    };
+    ".sytech-shimmer-text-once": {
+        "--shimmer-iteration": string;
+    };
+    ".sytech-shimmer-text-disabled": {
+        animation: string;
+        "background-image": string;
+        "-webkit-text-fill-color": string;
+    };
+};
+
+export { _default as default };

package/dist/utilities/shimmer-text.d.ts

@@ -0,0 +1,42 @@
+declare const _default: {
+    ".sytech-shimmer-text": {
+        color: string;
+        "--shimmer-angle": string;
+        "--shimmer-spread": string;
+        "--shimmer-iteration": string;
+        "--shimmer-direction": string;
+        "@supports ((background-clip: text) or (-webkit-background-clip: text)) and (color: color-mix(in srgb, red, blue))": {
+            "background-image": string;
+            "background-repeat": string;
+            "background-size": string;
+            "background-position": string;
+            "background-clip": string;
+            "-webkit-background-clip": string;
+            "-webkit-text-fill-color": string;
+        };
+        "&:where([dir='rtl'], [dir='rtl'] *)": {
+            "--shimmer-direction": string;
+        };
+        "&.sytech-shimmer-text-reverse": {
+            "--shimmer-direction": string;
+        };
+        "&.sytech-shimmer-text-reverse:where([dir='rtl'], [dir='rtl'] *)": {
+            "--shimmer-direction": string;
+        };
+        "@media (prefers-reduced-motion: reduce)": {
+            animation: string;
+            "background-image": string;
+            "-webkit-text-fill-color": string;
+        };
+    };
+    ".sytech-shimmer-text-once": {
+        "--shimmer-iteration": string;
+    };
+    ".sytech-shimmer-text-disabled": {
+        animation: string;
+        "background-image": string;
+        "-webkit-text-fill-color": string;
+    };
+};
+
+export { _default as default };

package/dist/utilities/shimmer-text.js

@@ -0,0 +1,62 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utilities/shimmer-text.ts
+var shimmer_text_exports = {};
+__export(shimmer_text_exports, {
+  default: () => shimmer_text_default
+});
+module.exports = __toCommonJS(shimmer_text_exports);
+var readableText = {
+  animation: "none !important",
+  "background-image": "none",
+  "-webkit-text-fill-color": "currentColor"
+};
+var shimmer_text_default = {
+  ".sytech-shimmer-text": {
+    color: "currentColor",
+    "--shimmer-angle": "20deg",
+    "--shimmer-spread": "calc(3ch + 40px)",
+    "--shimmer-iteration": "infinite",
+    "--shimmer-direction": "normal",
+    "@supports ((background-clip: text) or (-webkit-background-clip: text)) and (color: color-mix(in srgb, red, blue))": {
+      "background-image": "linear-gradient(calc(90deg + var(--shimmer-angle)), currentColor calc(50% - var(--shimmer-spread)), color-mix(in srgb, var(--shimmer-color, currentColor) 35%, transparent) 50%, currentColor calc(50% + var(--shimmer-spread)))",
+      "background-repeat": "no-repeat",
+      "background-size": "calc(200% + var(--shimmer-spread) + var(--shimmer-spread)) 100%",
+      "background-position": "100% 0",
+      "background-clip": "text",
+      "-webkit-background-clip": "text",
+      "-webkit-text-fill-color": "transparent"
+    },
+    "&:where([dir='rtl'], [dir='rtl'] *)": {
+      "--shimmer-direction": "reverse"
+    },
+    "&.sytech-shimmer-text-reverse": {
+      "--shimmer-direction": "reverse"
+    },
+    "&.sytech-shimmer-text-reverse:where([dir='rtl'], [dir='rtl'] *)": {
+      "--shimmer-direction": "normal"
+    },
+    "@media (prefers-reduced-motion: reduce)": readableText
+  },
+  ".sytech-shimmer-text-once": {
+    "--shimmer-iteration": "1"
+  },
+  ".sytech-shimmer-text-disabled": readableText
+};

package/dist/utilities/shimmer-text.mjs

@@ -0,0 +1,6 @@
+import {
+  shimmer_text_default
+} from "../chunk-FJOYYPB2.mjs";
+export {
+  shimmer_text_default as default
+};

package/dist/utils/cn.js

@@ -176,13 +176,53 @@ var animation_default = {
   }
 };
 
+// src/utilities/shimmer-text.ts
+var readableText = {
+  animation: "none !important",
+  "background-image": "none",
+  "-webkit-text-fill-color": "currentColor"
+};
+var shimmer_text_default = {
+  ".sytech-shimmer-text": {
+    color: "currentColor",
+    "--shimmer-angle": "20deg",
+    "--shimmer-spread": "calc(3ch + 40px)",
+    "--shimmer-iteration": "infinite",
+    "--shimmer-direction": "normal",
+    "@supports ((background-clip: text) or (-webkit-background-clip: text)) and (color: color-mix(in srgb, red, blue))": {
+      "background-image": "linear-gradient(calc(90deg + var(--shimmer-angle)), currentColor calc(50% - var(--shimmer-spread)), color-mix(in srgb, var(--shimmer-color, currentColor) 35%, transparent) 50%, currentColor calc(50% + var(--shimmer-spread)))",
+      "background-repeat": "no-repeat",
+      "background-size": "calc(200% + var(--shimmer-spread) + var(--shimmer-spread)) 100%",
+      "background-position": "100% 0",
+      "background-clip": "text",
+      "-webkit-background-clip": "text",
+      "-webkit-text-fill-color": "transparent"
+    },
+    "&:where([dir='rtl'], [dir='rtl'] *)": {
+      "--shimmer-direction": "reverse"
+    },
+    "&.sytech-shimmer-text-reverse": {
+      "--shimmer-direction": "reverse"
+    },
+    "&.sytech-shimmer-text-reverse:where([dir='rtl'], [dir='rtl'] *)": {
+      "--shimmer-direction": "normal"
+    },
+    "@media (prefers-reduced-motion: reduce)": readableText
+  },
+  ".sytech-shimmer-text-once": {
+    "--shimmer-iteration": "1"
+  },
+  ".sytech-shimmer-text-disabled": readableText
+};
+
 // src/utilities/index.ts
 var utilities = {
   ...custom_default,
   ...transition_default,
   ...scrollbar_hide_default,
   ...text_default,
-  ...animation_default
+  ...animation_default,
+  ...shimmer_text_default
 };
 
 // src/utils/tw-merge-config.ts

package/dist/utils/cn.mjs

@@ -1,13 +1,14 @@
 import {
   cn
-} from "../chunk-YW4DIYUX.mjs";
-import "../chunk-3INHRVXM.mjs";
-import "../chunk-6US6AURX.mjs";
+} from "../chunk-P2SWF4YK.mjs";
+import "../chunk-QU72GCNK.mjs";
+import "../chunk-UJC5GXOO.mjs";
+import "../chunk-FJOYYPB2.mjs";
+import "../chunk-RUIUXVZ4.mjs";
+import "../chunk-GSRZWDGA.mjs";
 import "../chunk-AWXUGVFR.mjs";
 import "../chunk-MPVWW3DX.mjs";
 import "../chunk-WH6SPIFG.mjs";
-import "../chunk-RUIUXVZ4.mjs";
-import "../chunk-GSRZWDGA.mjs";
 export {
   cn
 };