@solostylist/ui-kit 1.0.129 → 1.0.131

package/dist/s-glow-button/s-glow-button.js

@@ -1,23 +1,23 @@
 import { j as p } from "../jsx-runtime-OVHDjVDe.js";
-import { useRef as x } from "react";
+import { useRef as s } from "react";
 import { useColorScheme as g, useTheme as d, Button as h, alpha as e, Box as n } from "@mui/material";
 import b from "../s-moving-border/s-moving-border.js";
-const y = ({
+const f = ({
   borderRadius: r = 12,
   children: i,
   duration: o = 6e3,
   // 6 second animation cycle
   ...l
 }) => {
-  const m = x(null), { mode: a } = g(), t = d(), c = a === "light" ? (t.vars || t).palette.primary.main : (t.vars || t).palette.primary.light, s = a === "light" ? 90 : 110;
+  const m = s(null), { mode: a } = g(), t = d(), x = a === "light" ? (t.vars || t).palette.primary.main : (t.vars || t).palette.primary.light, c = a === "light" ? 90 : 110;
   return /* @__PURE__ */ p.jsx(
     b,
     {
       duration: o,
       borderRadius: r,
       height: 60,
-      glowSize: s,
-      glowColor: c,
+      glowSize: c,
+      glowColor: x,
       children: /* @__PURE__ */ p.jsx(
         h,
         {
@@ -154,6 +154,13 @@ const y = ({
                 },
                 // Text glow animation on parent hover
                 "button:hover &": {
+                  backgroundPosition: "100% 0, 50% 50%",
+                  transform: "scale(1.02)",
+                  textShadow: a === "light" ? `0 2px 4px ${e(t.palette.common.black, 0.12)}, 
+                     0 4px 12px ${e(t.palette.primary.main, 0.15)}, 
+                     0 0 20px ${e(t.palette.primary.main, 0.1)}` : `0 3px 6px ${e(t.palette.common.black, 0.5)}, 
+                     0 6px 16px ${e(t.palette.primary.light, 0.25)}, 
+                     0 0 30px ${e(t.palette.primary.light, 0.15)}`,
                   animation: "textGlow 2s ease-in-out infinite alternate"
                 },
                 // Keyframe animation for subtle text glow
@@ -201,5 +208,5 @@ const y = ({
   );
 };
 export {
-  y as default
+  f as default
 };

package/dist/theme/theme-primitives.js

@@ -260,10 +260,10 @@ const l = m(), e = {
 }, x = {
   palette: {
     gradient: {
-      primary: "linear-gradient(90deg, #0f4c8c 0%, #2bb8cc 100%);",
-      secondary: "linear-gradient(90deg, #0066c4 0%, #15b561 77.25%)",
-      indigo: "linear-gradient(to right, transparent, #4338ca, transparent)",
-      sky: "linear-gradient(to right, transparent, #0c7bb7, transparent)"
+      primary: "linear-gradient(90deg, #0ea5e9 0%, #2563eb 100%)",
+      secondary: "linear-gradient(90deg, #8b5cf6 0%, #ec4899 100%)",
+      indigo: "linear-gradient(to right, transparent, rgba(79, 70, 229, 0.6), transparent)",
+      sky: "linear-gradient(to right, transparent, rgba(14, 165, 233, 0.55), transparent)"
     },
     blackAlpha: {
       zero: h[0],
@@ -321,7 +321,7 @@ const l = m(), e = {
       dark: o[700]
     },
     grey: a,
-    divider: r(a[200], 0.9),
+    divider: r(a[300], 0.9),
     background: {
       default: a[50],
       paper: a[100]

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.129",
+  "version": "1.0.131",
   "description": "advanced ui kit for solostylist",
   "private": false,
   "type": "module",