Merge pull request #1889 from SUI-Components/studio-improvement

fix(packages/sui-studio): studio improvements

Author: andresin87

package-lock.json

@@ -82,4 +82,4 @@
   "stylelint": {
     "extends": "./node_modules/@s-ui/lint/stylelint.config.js"
   }
-}
+}

package.json

@@ -23,7 +23,7 @@ interface HeadProps {
   }>
 }
 
-interface MetaProps extends React.ComponentProps<typeof MetaPrimitive> {}
+type MetaProps = React.ComponentProps<typeof MetaPrimitive> & {}
 
 interface MetaTagInverterProps extends React.MetaHTMLAttributes<HTMLMetaElement> {
   'data-rh': string

packages/sui-react-head/src/index.tsx

@@ -10,6 +10,7 @@
   "license": "MIT",
   "dependencies": {
     "@babel/cli": "7",
+    "@radix-ui/react-switch": "1",
     "@s-ui/bundler": "9",
     "@s-ui/helpers": "1",
     "@s-ui/react-context": "1",
@@ -18,6 +19,7 @@
     "@testing-library/react": "10.4.9",
     "@testing-library/react-hooks": "4.0.1",
     "@testing-library/user-event": "13.5.0",
+    "@types/react": "17",
     "chai": "4.3.10",
     "chai-dom": "1.12.0",
     "classnames": "2.5.1",
@@ -36,7 +38,9 @@
     "react": "17",
     "react-docgen": "5.3.1",
     "react-dom": "17",
-    "react-test-renderer": "17"
+    "react-test-renderer": "17",
+    "react-toggle-dark-mode": "1.1.1",
+    "use-prefers-color-scheme": "1.1.3"
   },
   "config": {
     "sui-bundler": {