@solostylist/ui-kit 2.0.6 → 2.0.8

package/dist/theme/theme-primitives.d.ts

@@ -14,6 +14,7 @@ declare module '@mui/system' {
 declare module '@mui/material/styles' {
     interface InteractionTokens {
         mediaHoverOpacity: number;
+        mediaIdleOpacity: number;
     }
     interface RadiusScale {
         none: number;
@@ -468,5 +469,6 @@ export declare const radius: {
 /** Shared interaction tokens resolved through the MUI theme. */
 export declare const interaction: {
     mediaHoverOpacity: number;
+    mediaIdleOpacity: number;
 };
 export declare const shadows: Shadows;

package/dist/theme/theme-primitives.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../theme-primitives-CRfnMsNy.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../theme-primitives-DXekeATD.js";
 export { o as colorSchemes, n as interaction, i as radius, t as shadows, e as shape, r as sxConfig, a as typography };

package/dist/{theme-primitives-CRfnMsNy.js → theme-primitives-DXekeATD.js}

@@ -1,11 +1,11 @@
-import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "./colors-CNjL5fhq.js";
-import { a as m, i as h, n as g, o as _, r as v, s as y } from "./gradients-DSnBONEQ.js";
+import { a as e, c as t, d as n, f as r, i, l as a, m as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p } from "./colors-DscJqo7m.js";
+import { a as m, i as h, n as g, o as _, r as v, s as y } from "./gradients-CUC4WH9i.js";
 import { alpha as b, createTheme as x, lighten as S } from "@mui/material/styles";
 //#region ../core/dist/interaction.js
-var C = .9, w = { gradient: {
+var C = .9, w = .72, T = { gradient: {
 	themeKey: "palette.gradient",
 	cssProperty: "backgroundImage"
-} }, T = x(), E = { palette: {
+} }, E = x(), D = { palette: {
 	gradient: g,
 	blackAlpha: {
 		zero: _[0],
@@ -93,7 +93,7 @@ var C = .9, w = { gradient: {
 		selected: b(u[600], .3)
 	},
 	baseShadow: "hsla(220, 30%, 5%, 0.7) 0px 4px 16px 0px, hsla(220, 25%, 10%, 0.8) 0px 8px 16px -5px"
-} }, D = {
+} }, O = {
 	light: { palette: {
 		gradient: h,
 		blackAlpha: {
@@ -183,72 +183,75 @@ var C = .9, w = { gradient: {
 		},
 		baseShadow: "rgba(15, 23, 42, 0.08) 0px 2px 8px 0px, rgba(15, 23, 42, 0.04) 0px 1px 2px -1px"
 	} },
-	dark: E
-}, O = {
+	dark: D
+}, k = {
 	fontFamily: "Outfit, sans-serif",
 	h1: {
-		fontSize: T.typography.pxToRem(36),
+		fontSize: E.typography.pxToRem(36),
 		fontWeight: 600,
 		lineHeight: 1.2,
 		letterSpacing: -.5
 	},
 	h2: {
-		fontSize: T.typography.pxToRem(30),
+		fontSize: E.typography.pxToRem(30),
 		fontWeight: 600,
 		lineHeight: 1.2
 	},
 	h3: {
-		fontSize: T.typography.pxToRem(24),
+		fontSize: E.typography.pxToRem(24),
 		fontWeight: 600,
 		lineHeight: 1.2
 	},
 	h4: {
-		fontSize: T.typography.pxToRem(20),
+		fontSize: E.typography.pxToRem(20),
 		fontWeight: 600,
 		lineHeight: 1.2
 	},
 	h5: {
-		fontSize: T.typography.pxToRem(18),
+		fontSize: E.typography.pxToRem(18),
 		fontWeight: 600,
 		lineHeight: 1.2
 	},
 	h6: {
-		fontSize: T.typography.pxToRem(16),
+		fontSize: E.typography.pxToRem(16),
 		fontWeight: 600,
 		lineHeight: 1.2
 	},
 	subtitle1: {
-		fontSize: T.typography.pxToRem(16),
+		fontSize: E.typography.pxToRem(16),
 		fontWeight: 500
 	},
 	subtitle2: {
-		fontSize: T.typography.pxToRem(14),
+		fontSize: E.typography.pxToRem(14),
 		fontWeight: 500
 	},
 	body1: {
-		fontSize: T.typography.pxToRem(16),
+		fontSize: E.typography.pxToRem(16),
 		fontWeight: 400
 	},
 	body2: {
-		fontSize: T.typography.pxToRem(14),
+		fontSize: E.typography.pxToRem(14),
 		fontWeight: 400
 	},
 	caption: {
-		fontSize: T.typography.pxToRem(12),
+		fontSize: E.typography.pxToRem(12),
 		fontWeight: 400,
 		color: "var(--s-palette-text-secondary)"
 	}
-}, k = { borderRadius: 8 }, A = {
+}, A = { borderRadius: 8 }, j = {
 	none: 0,
-	sm: k.borderRadius * .5,
-	md: k.borderRadius,
-	lg: k.borderRadius * 1.5,
-	xl: k.borderRadius * 2,
+	sm: A.borderRadius * .5,
+	md: A.borderRadius,
+	lg: A.borderRadius * 1.5,
+	xl: A.borderRadius * 2,
 	full: 9999
-}, j = { mediaHoverOpacity: C }, M = [
+}, M = {
+	mediaHoverOpacity: C,
+	mediaIdleOpacity: w
+}, N = [
 	"none",
 	"var(--s-palette-baseShadow)",
-	...T.shadows.slice(2)
+	...E.shadows.slice(2)
 ];
 //#endregion
-export { k as a, M as i, j as n, w as o, A as r, O as s, D as t };
+export { A as a, N as i, M as n, T as o, j as r, k as s, O as t };

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "2.0.6",
+  "version": "2.0.8",
   "description": "advanced ui kit for solostylist",
   "type": "module",
   "main": "dist/main.js",
@@ -187,6 +187,7 @@
     "@types/node": "^25.8.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
+    "@types/react-syntax-highlighter": "^15.5.13",
     "@types/uuid": "^11.0.0",
     "@typescript-eslint/eslint-plugin": "^8.59.3",
     "@typescript-eslint/parser": "^8.59.3",
@@ -216,6 +217,7 @@
     "react-dropzone": "^15.0.0",
     "react-i18next": "^16.6.6",
     "react-router-dom": "^7.15.1",
+    "react-syntax-highlighter": "^16.1.0",
     "rimraf": "^6.1.3",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.3",
@@ -245,6 +247,6 @@
   "author": "Lê Đặng Trường Đạt",
   "license": "ISC",
   "dependencies": {
-    "@solostylist/core": "^1.0.6"
+    "@solostylist/core": "^1.0.9"
   }
 }