@sytechui/theme 2.5.0 → 2.6.0

package/dist/components/toggle.mjs

@@ -1,51 +1,53 @@
 import {
   toggle
-} from "../chunk-IB36XVBI.mjs";
-import "../chunk-Z65VJL4Y.mjs";
-import "../chunk-VDS6DP26.mjs";
-import "../chunk-TRZPE5UW.mjs";
-import "../chunk-NKYWOWNW.mjs";
-import "../chunk-4V3RQUZU.mjs";
-import "../chunk-SGV526OS.mjs";
-import "../chunk-FQECQOZE.mjs";
-import "../chunk-QQVGHMSD.mjs";
-import "../chunk-SSU66MWA.mjs";
-import "../chunk-3L7WFLSH.mjs";
-import "../chunk-E34EWEJV.mjs";
-import "../chunk-EJDFNA7Y.mjs";
-import "../chunk-5PWGYVAP.mjs";
-import "../chunk-JS2FQJMX.mjs";
+} from "../chunk-AI6SQS6Z.mjs";
 import "../chunk-GQT3YUX3.mjs";
-import "../chunk-FUKRIH5Z.mjs";
-import "../chunk-YW4DIYUX.mjs";
-import "../chunk-NPGKX3MZ.mjs";
-import "../chunk-3INHRVXM.mjs";
-import "../chunk-IAAKK6MJ.mjs";
-import "../chunk-JGY6VQQQ.mjs";
+import "../chunk-P2SWF4YK.mjs";
+import "../chunk-LV6ZC7XH.mjs";
+import "../chunk-27EH4573.mjs";
+import "../chunk-6Q4A5IGD.mjs";
+import "../chunk-7MY46DKJ.mjs";
+import "../chunk-7CAOOET2.mjs";
+import "../chunk-GYRKKQKN.mjs";
+import "../chunk-CR7SUL27.mjs";
+import "../chunk-3PBT3W4C.mjs";
+import "../chunk-M5F7VFZT.mjs";
+import "../chunk-XOVETH7K.mjs";
+import "../chunk-4XFAHRMJ.mjs";
+import "../chunk-OBSH26UE.mjs";
+import "../chunk-K6X3VPO4.mjs";
+import "../chunk-HRULT2QB.mjs";
+import "../chunk-TYJNRAT2.mjs";
+import "../chunk-GXDNTAQH.mjs";
+import "../chunk-RAC3PSZO.mjs";
+import "../chunk-QU72GCNK.mjs";
+import "../chunk-CBIC7UDL.mjs";
 import "../chunk-D2XMP2NC.mjs";
-import "../chunk-HYWP3BX7.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-Q5TYW2HJ.mjs";
-import "../chunk-JNXXF3DG.mjs";
+import "../chunk-CPSLANMP.mjs";
+import "../chunk-FFKHVGFX.mjs";
 import "../chunk-5ICJA2GK.mjs";
 import "../chunk-M63AFAHO.mjs";
 import "../chunk-HUBDRSA4.mjs";
 import "../chunk-WBQAMGXK.mjs";
-import "../chunk-6TOTQSJE.mjs";
+import "../chunk-SLRWKURF.mjs";
+import "../chunk-IAS3SFA4.mjs";
+import "../chunk-JUEOCLA3.mjs";
 import "../chunk-3LKKH4AR.mjs";
+import "../chunk-T3GWIVAM.mjs";
 import "../chunk-OR5PUD24.mjs";
 import "../chunk-DCEG5LGX.mjs";
 import "../chunk-L2OL7R23.mjs";
 import "../chunk-YZYGFPNK.mjs";
-import "../chunk-JUEOCLA3.mjs";
 import "../chunk-GHZ36ATJ.mjs";
-import "../chunk-T3GWIVAM.mjs";
 export {
   toggle
 };

package/dist/components/user.js

@@ -178,13 +178,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/components/user.mjs

@@ -1,51 +1,53 @@
 import {
   user
-} from "../chunk-IB36XVBI.mjs";
-import "../chunk-Z65VJL4Y.mjs";
-import "../chunk-VDS6DP26.mjs";
-import "../chunk-TRZPE5UW.mjs";
-import "../chunk-NKYWOWNW.mjs";
-import "../chunk-4V3RQUZU.mjs";
-import "../chunk-SGV526OS.mjs";
-import "../chunk-FQECQOZE.mjs";
-import "../chunk-QQVGHMSD.mjs";
-import "../chunk-SSU66MWA.mjs";
-import "../chunk-3L7WFLSH.mjs";
-import "../chunk-E34EWEJV.mjs";
-import "../chunk-EJDFNA7Y.mjs";
-import "../chunk-5PWGYVAP.mjs";
-import "../chunk-JS2FQJMX.mjs";
+} from "../chunk-AI6SQS6Z.mjs";
 import "../chunk-GQT3YUX3.mjs";
-import "../chunk-FUKRIH5Z.mjs";
-import "../chunk-YW4DIYUX.mjs";
-import "../chunk-NPGKX3MZ.mjs";
-import "../chunk-3INHRVXM.mjs";
-import "../chunk-IAAKK6MJ.mjs";
-import "../chunk-JGY6VQQQ.mjs";
+import "../chunk-P2SWF4YK.mjs";
+import "../chunk-LV6ZC7XH.mjs";
+import "../chunk-27EH4573.mjs";
+import "../chunk-6Q4A5IGD.mjs";
+import "../chunk-7MY46DKJ.mjs";
+import "../chunk-7CAOOET2.mjs";
+import "../chunk-GYRKKQKN.mjs";
+import "../chunk-CR7SUL27.mjs";
+import "../chunk-3PBT3W4C.mjs";
+import "../chunk-M5F7VFZT.mjs";
+import "../chunk-XOVETH7K.mjs";
+import "../chunk-4XFAHRMJ.mjs";
+import "../chunk-OBSH26UE.mjs";
+import "../chunk-K6X3VPO4.mjs";
+import "../chunk-HRULT2QB.mjs";
+import "../chunk-TYJNRAT2.mjs";
+import "../chunk-GXDNTAQH.mjs";
+import "../chunk-RAC3PSZO.mjs";
+import "../chunk-QU72GCNK.mjs";
+import "../chunk-CBIC7UDL.mjs";
 import "../chunk-D2XMP2NC.mjs";
-import "../chunk-HYWP3BX7.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-Q5TYW2HJ.mjs";
-import "../chunk-JNXXF3DG.mjs";
+import "../chunk-CPSLANMP.mjs";
+import "../chunk-FFKHVGFX.mjs";
 import "../chunk-5ICJA2GK.mjs";
 import "../chunk-M63AFAHO.mjs";
 import "../chunk-HUBDRSA4.mjs";
 import "../chunk-WBQAMGXK.mjs";
-import "../chunk-6TOTQSJE.mjs";
+import "../chunk-SLRWKURF.mjs";
+import "../chunk-IAS3SFA4.mjs";
+import "../chunk-JUEOCLA3.mjs";
 import "../chunk-3LKKH4AR.mjs";
+import "../chunk-T3GWIVAM.mjs";
 import "../chunk-OR5PUD24.mjs";
 import "../chunk-DCEG5LGX.mjs";
 import "../chunk-L2OL7R23.mjs";
 import "../chunk-YZYGFPNK.mjs";
-import "../chunk-JUEOCLA3.mjs";
 import "../chunk-GHZ36ATJ.mjs";
-import "../chunk-T3GWIVAM.mjs";
 export {
   user
 };

package/dist/index.d.mts

@@ -30,6 +30,7 @@ export { DividerVariantProps, divider } from './components/divider.mjs';
 export { KbdSlots, KbdVariantProps, kbd } from './components/kbd.mjs';
 export { TabsReturnType, TabsSlots, TabsVariantProps, tabs } from './components/tabs.mjs';
 export { SkeletonSlots, SkeletonVariantProps, skeleton } from './components/skeleton.mjs';
+export { ShimmerTextVariantProps, shimmerText } from './components/shimmer-text.mjs';
 export { SelectSlots, SelectVariantProps, select } from './components/select.mjs';
 export { MenuItemSlots as ListboxItemSlots, MenuItemVariantProps as ListboxItemVariantProps, MenuSectionSlots as ListboxSectionSlots, MenuSectionVariantProps as ListboxSectionVariantProps, MenuSlots as ListboxSlots, MenuVariantProps as ListboxVariantProps, MenuItemSlots, MenuItemVariantProps, MenuSectionSlots, MenuSectionVariantProps, MenuSlots, MenuVariantProps, menu as listbox, menuItem as listboxItem, menuSection as listboxSection, menu, menuItem, menuSection } from './components/menu.mjs';
 export { ScrollShadowVariantProps, scrollShadow } from './components/scroll-shadow.mjs';

package/dist/index.d.ts

@@ -30,6 +30,7 @@ export { DividerVariantProps, divider } from './components/divider.js';
 export { KbdSlots, KbdVariantProps, kbd } from './components/kbd.js';
 export { TabsReturnType, TabsSlots, TabsVariantProps, tabs } from './components/tabs.js';
 export { SkeletonSlots, SkeletonVariantProps, skeleton } from './components/skeleton.js';
+export { ShimmerTextVariantProps, shimmerText } from './components/shimmer-text.js';
 export { SelectSlots, SelectVariantProps, select } from './components/select.js';
 export { MenuItemSlots as ListboxItemSlots, MenuItemVariantProps as ListboxItemVariantProps, MenuSectionSlots as ListboxSectionSlots, MenuSectionVariantProps as ListboxSectionVariantProps, MenuSlots as ListboxSlots, MenuVariantProps as ListboxVariantProps, MenuItemSlots, MenuItemVariantProps, MenuSectionSlots, MenuSectionVariantProps, MenuSlots, MenuVariantProps, menu as listbox, menuItem as listboxItem, menuSection as listboxSection, menu, menuItem, menuSection } from './components/menu.js';
 export { ScrollShadowVariantProps, scrollShadow } from './components/scroll-shadow.js';

package/dist/index.js

@@ -103,6 +103,7 @@ __export(index_exports, {
   scrollShadow: () => scrollShadow,
   select: () => select,
   semanticColors: () => semanticColors,
+  shimmerText: () => shimmerText,
   skeleton: () => skeleton,
   slider: () => slider,
   snippet: () => snippet,
@@ -274,13 +275,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
@@ -3137,27 +3178,27 @@ var bottomBar = tv({
     color: {
       default: {
         link: "data-[selected=true]:text-foreground",
-        selectionIndicator: ["border-foreground/30", "bg-default-200/80", "after:bg-foreground"]
+        selectionIndicator: ["bg-default-200/80", "after:bg-foreground"]
       },
       primary: {
         link: "data-[selected=true]:text-primary",
-        selectionIndicator: ["border-primary/40", "bg-primary/15", "after:bg-primary"]
+        selectionIndicator: ["bg-primary/15", "after:bg-primary"]
       },
       secondary: {
         link: "data-[selected=true]:text-secondary",
-        selectionIndicator: ["border-secondary/40", "bg-secondary/15", "after:bg-secondary"]
+        selectionIndicator: ["bg-secondary/15", "after:bg-secondary"]
       },
       success: {
         link: "data-[selected=true]:text-success",
-        selectionIndicator: ["border-success/40", "bg-success/15", "after:bg-success"]
+        selectionIndicator: ["bg-success/15", "after:bg-success"]
       },
       warning: {
         link: "data-[selected=true]:text-warning",
-        selectionIndicator: ["border-warning/40", "bg-warning/15", "after:bg-warning"]
+        selectionIndicator: ["bg-warning/15", "after:bg-warning"]
       },
       danger: {
         link: "data-[selected=true]:text-danger",
-        selectionIndicator: ["border-danger/40", "bg-danger/15", "after:bg-danger"]
+        selectionIndicator: ["bg-danger/15", "after:bg-danger"]
       }
     },
     variant: {
@@ -3167,15 +3208,16 @@ var bottomBar = tv({
           "bg-transparent",
           "after:absolute",
           "after:bottom-0",
-          "after:left-[10%]",
-          "after:h-0.5",
-          "after:w-4/5",
+          "after:left-1/2",
+          "after:h-[5px]",
+          "after:w-5",
+          "after:-translate-x-1/2",
           "after:rounded-full",
           "after:content-['']"
         ]
       },
       ghost: {
-        selectionIndicator: ["border", "bg-transparent"]
+        selectionIndicator: "bg-transparent"
       }
     },
     hideLabels: {
@@ -7783,6 +7825,30 @@ var skeleton = tv({
   defaultVariants: {}
 });
 
+// src/components/shimmer-text.ts
+var shimmerText = tv({
+  base: "sytech-shimmer-text animate-shimmer-text",
+  variants: {
+    direction: {
+      auto: "",
+      reverse: "sytech-shimmer-text-reverse"
+    },
+    iteration: {
+      infinite: "",
+      once: "sytech-shimmer-text-once"
+    },
+    disableAnimation: {
+      true: "sytech-shimmer-text-disabled !animate-none",
+      false: ""
+    }
+  },
+  defaultVariants: {
+    direction: "auto",
+    iteration: "infinite",
+    disableAnimation: false
+  }
+});
+
 // src/components/select.ts
 var select = tv({
   slots: {
@@ -12900,6 +12966,7 @@ var import_shared_utils = require("@sytechui/shared-utils");
 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",
@@ -12918,6 +12985,14 @@ var animations = {
         transform: "translateX(200%)"
       }
     },
+    "shimmer-text": {
+      "0%": {
+        backgroundPosition: "100% 0"
+      },
+      "100%": {
+        backgroundPosition: "0 0"
+      }
+    },
     "spinner-spin": {
       "0%": {
         transform: "rotate(0deg)"
@@ -13332,6 +13407,7 @@ var heroui = (config = {}) => {
   scrollShadow,
   select,
   semanticColors,
+  shimmerText,
   skeleton,
   slider,
   snippet,

package/dist/index.mjs

@@ -45,70 +45,74 @@ import {
   toastRegion,
   toggle,
   user
-} from "./chunk-IB36XVBI.mjs";
+} from "./chunk-AI6SQS6Z.mjs";
+import {
+  colorVariants
+} from "./chunk-GQT3YUX3.mjs";
+import {
+  cn
+} from "./chunk-P2SWF4YK.mjs";
+import {
+  shimmerText
+} from "./chunk-LV6ZC7XH.mjs";
 import {
   skeleton
-} from "./chunk-Z65VJL4Y.mjs";
+} 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";
+} from "./chunk-CR7SUL27.mjs";
 import {
   kbd
-} from "./chunk-FQECQOZE.mjs";
+} from "./chunk-3PBT3W4C.mjs";
 import {
   datePicker,
   dateRangePicker
-} from "./chunk-QQVGHMSD.mjs";
+} from "./chunk-M5F7VFZT.mjs";
 import {
   divider
-} from "./chunk-SSU66MWA.mjs";
+} from "./chunk-XOVETH7K.mjs";
 import {
   drawer
-} from "./chunk-3L7WFLSH.mjs";
+} 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 {
-  colorVariants
-} from "./chunk-GQT3YUX3.mjs";
+} from "./chunk-TYJNRAT2.mjs";
 import {
   autocomplete
-} from "./chunk-FUKRIH5Z.mjs";
-import {
-  cn
-} from "./chunk-YW4DIYUX.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-IAAKK6MJ.mjs";
+} from "./chunk-CBIC7UDL.mjs";
+import "./chunk-D2XMP2NC.mjs";
 import {
   absoluteFullClasses,
   baseStyles,
@@ -120,21 +124,20 @@ import {
   ringClasses,
   translateCenterClasses
 } from "./chunk-JGY6VQQQ.mjs";
-import "./chunk-D2XMP2NC.mjs";
-import "./chunk-HYWP3BX7.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
-} from "./chunk-Q5TYW2HJ.mjs";
+} from "./chunk-CPSLANMP.mjs";
 import {
   semanticColors
-} from "./chunk-JNXXF3DG.mjs";
+} from "./chunk-FFKHVGFX.mjs";
 import "./chunk-5ICJA2GK.mjs";
 import "./chunk-M63AFAHO.mjs";
 import {
@@ -143,17 +146,18 @@ import {
   lightLayout
 } from "./chunk-HUBDRSA4.mjs";
 import "./chunk-WBQAMGXK.mjs";
+import "./chunk-SLRWKURF.mjs";
 import {
   commonColors
-} from "./chunk-6TOTQSJE.mjs";
+} from "./chunk-IAS3SFA4.mjs";
+import "./chunk-JUEOCLA3.mjs";
 import "./chunk-3LKKH4AR.mjs";
+import "./chunk-T3GWIVAM.mjs";
 import "./chunk-OR5PUD24.mjs";
 import "./chunk-DCEG5LGX.mjs";
 import "./chunk-L2OL7R23.mjs";
 import "./chunk-YZYGFPNK.mjs";
-import "./chunk-JUEOCLA3.mjs";
 import "./chunk-GHZ36ATJ.mjs";
-import "./chunk-T3GWIVAM.mjs";
 export {
   COMMON_UNITS,
   absoluteFullClasses,
@@ -228,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