feat: add skeleton gradients and shimmer animations

src/index.ts

@@ -99,7 +99,20 @@ const srJuggernautPandaPreset = (config?: themeConfig) => {
           extrabold: { value: '800' },
           black: { value: '900' }
         },
-        gradients: {},
+        gradients: {
+          skeleton: {
+            value: {
+              type: 'linear',
+              placement: 'to right',
+              stops: [
+                'color-mix(in srgb, {colors.neutral.12} 0%, transparent 100%) 0%',
+                'color-mix(in srgb, {colors.neutral.12} 10%, transparent 100%) 20%',
+                'color-mix(in srgb, {colors.neutral.12} 30%, transparent 100%) 30%',
+                'color-mix(in srgb, {colors.neutral.12} 0%, transparent 100%) 40%'
+              ]
+            }
+          }
+        },
         letterSpacings: {},
         lineHeights: {
           none: { value: '1em' },
@@ -133,6 +146,16 @@ const srJuggernautPandaPreset = (config?: themeConfig) => {
         },
         zIndex: {}
       },
+      keyframes: {
+        shimmerRight: {
+          '0%': { transform: 'translateX(-100%)' },
+          '100%': { transform: 'translateX(150%)' }
+        },
+        shimmerLeft: {
+          '0%': { transform: 'translateX(100%)' },
+          '100%': { transform: 'translateX(-150%)' }
+        }
+      },
       semanticTokens: {
         colors: {
           neutral: neutral,