fix(docs): update examples and old references

example/with_flutter_sample/lib/chat_app_screen/chat_app_screen.dart

@@ -1,5 +1,5 @@
 import 'package:flutter/material.dart';
-import 'package:skynexui_responsive_stylesheet/skynexui_responsive_stylesheet.dart';
+import 'package:responsive_styles/responsive_styles.dart';
 
 class ChatAppScreen extends StatelessWidget {
   const ChatAppScreen({Key? key}) : super(key: key);

example/with_flutter_sample/lib/flutter_basic/flutter_basic.dart

@@ -1,5 +1,5 @@
 import 'package:flutter/material.dart';
-import 'package:skynexui_responsive_stylesheet/skynexui_responsive_stylesheet.dart';
+import 'package:responsive_styles/responsive_styles.dart';
 
 class FlutterBasic extends StatefulWidget {
   const FlutterBasic({Key? key, required this.title}) : super(key: key);

example/with_flutter_sample/lib/holy_grail_layout/holy_grail_layout.dart

@@ -1,5 +1,5 @@
 import 'package:flutter/material.dart';
-import 'package:skynexui_responsive_stylesheet/skynexui_responsive_stylesheet.dart';
+import 'package:responsive_styles/responsive_styles.dart';
 
 class HolyGrailLayoutScreen extends StatelessWidget {
   const HolyGrailLayoutScreen({Key? key}) : super(key: key);

example/with_flutter_sample/lib/main.dart

@@ -1,5 +1,5 @@
 import 'package:flutter/material.dart';
-import 'package:skynexui_responsive_stylesheet/skynexui_responsive_stylesheet.dart';
+import 'package:responsive_styles/responsive_styles.dart';
 import 'package:with_flutter_sample/chat_app_screen/chat_app_screen.dart';
 import 'package:with_flutter_sample/flutter_basic/flutter_basic.dart';
 import 'package:with_flutter_sample/holy_grail_layout/holy_grail_layout.dart';

example/with_flutter_sample/lib/todo_app/screens/home_screen/home_screen.dart

@@ -1,5 +1,5 @@
 import 'package:flutter/material.dart';
-import 'package:skynexui_responsive_stylesheet/skynexui_responsive_stylesheet.dart';
+import 'package:responsive_styles/responsive_styles.dart';
 import 'package:with_flutter_sample/todo_app/screens/home_screen/theme.dart';
 
 class HomeScreen extends StatefulWidget {

example/with_flutter_sample/pubspec.lock

@@ -228,18 +228,18 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "2.1.1"
+  responsive_styles:
+    dependency: "direct main"
+    description:
+      name: responsive_styles
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.1"
   sky_engine:
     dependency: transitive
     description: flutter
     source: sdk
     version: "0.0.99"
-  skynexui_responsive_stylesheet:
-    dependency: "direct main"
-    description:
-      name: skynexui_responsive_stylesheet
-      url: "https://pub.dartlang.org"
-    source: hosted
-    version: "1.7.0"
   source_gen:
     dependency: transitive
     description:

example/with_flutter_sample/pubspec.yaml

@@ -29,7 +29,7 @@ environment:
 dependencies:
   flutter:
     sdk: flutter
-  skynexui_responsive_stylesheet: any
+  responsive_styles: any
   # The following adds the Cupertino Icons font to your application.
   # Use with the CupertinoIcons class for iOS style icons.
   cupertino_icons: ^1.0.2

example/with_react_sample/package.json

@@ -9,7 +9,7 @@
     "build": "next build"
   },
   "dependencies": {
-    "@skynexui/responsive_stylesheet": "1.9.6",
+    "@displaykit/responsive_styles": "2.0.1",
     "@types/styled-components": "^5.1.25",
     "next": "^12.2.3",
     "react": "^18.2.0",

example/with_react_sample/src/components/Box/Box.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import BaseComponent from "@src/theme/BaseComponent/BaseComponent";
-import { StyleSheet } from "@skynexui/responsive_stylesheet";
+import { StyleSheet } from "@displaykit/responsive_styles";
 
 interface BoxProps {
   tag?: "div" | "section" | string;

example/with_react_sample/src/theme/BaseComponent/BaseComponent.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import styled from "styled-components";
-import { parseStyleSheet, StyleSheet } from "@skynexui/responsive_stylesheet";
+import { parseStyleSheet, StyleSheet } from "@displaykit/responsive_styles";
 
 const StyledBaseComponent = styled.div<any>`
   display: flex;

lib/breakpoints/breakpoints.md

@@ -3,10 +3,10 @@
 ## How to import it?
 
 ```dart
-import 'package:skynexui_responsive_stylesheet/skynexui_responsive_stylesheet.dart';
+import 'package:responsive_styles/responsive_styles.dart';
 ```
 ```js
-import { breakpoints } from '@skynexui/responsive_stylesheet';
+import { breakpoints } from '@displaykit/responsive_styles';
 ```
 
 

lib/grid-item/grid_item.md

@@ -5,7 +5,7 @@
 ### Dart
 
 ```dart
-import 'package:skynexui_responsive_stylesheet/skynexui_responsive_stylesheet.dart';
+import 'package:responsive_styles/responsive_styles.dart';
 ```
 
 - `GridItem` is an abstraction to allow you to use Row and Column in a responsive way. You are able to combine it with `Responsive` and change which component will be used in a declarative way

lib/responsive/responsive.md

@@ -3,7 +3,7 @@
 ## How to import it?
 
 ```dart
-import 'package:skynexui_responsive_stylesheet/skynexui_responsive_stylesheet.dart';
+import 'package:responsive_styles/responsive_styles.dart';
 ```
 ```js
 `Comming Soon...`

scripts/publishToGHRegistry.js

@@ -10,13 +10,13 @@ Promise.allSettled([fetchModule]).then(async ([{ value: fetch }]) => {
 
   const response = await fetch
     .default(
-      "https://github.com/skynexui/responsive_stylesheet/packages/1556737/versions"
+      "https://github.com/displaykit/responsive_styles/packages/1556737/versions"
     )
     .then((res) => res.text());
 
   if (!response.includes(lastTag)) {
     execSync(
-      "npm publish --@skynexui:registry=https://npm.pkg.github.com --force"
+      "npm publish --@displaykit:registry=https://npm.pkg.github.com --force"
     );
   }