issue-#40 - Replaced '@lit-labs/react' dep with '@lit/react' one and minor cleanups on navigation-items file and currently not used app/components/ pages.

Author: elycruz

apps/atomic-ui-js-site/package.json

@@ -19,7 +19,7 @@
     "> 0.2% and not dead"
   ],
   "dependencies": {
-    "@lit-labs/react": "^2.1.2",
+    "@lit/react": "^1.0.4",
     "@mdx-js/loader": "^2.3.0",
     "@mdx-js/react": "^2.3.0",
     "@next/mdx": "^13.5.4",

apps/atomic-ui-js-site/src/app/components/x-typeahead/page.tsx

@@ -39,11 +39,6 @@ export const navigationItems: NavItem[] = [{
           'label': 'X-toggleonscroll',
           'uri': '/components/x-toggleonscroll/',
           'alias': 'x-toggleonscroll'
-        },
-        {
-          'label': 'X-typeahead',
-          'uri': '/components/x-typeahead/',
-          'alias': 'x-typeahead'
         }
       ]
     },

apps/atomic-ui-js-site/src/data/generated/navigation-items.ts

@@ -38,31 +38,31 @@
   },
   "homepage": "https://github.com/elycruz/atomic-ui-js#readme",
   "dependencies": {
-    "@lit-labs/react": "^2.1.2",
-    "lit": "^3.1.0"
+    "@lit/react": "^1.0.4",
+    "lit": "^3.1.2"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "^7.5.3",
-    "@storybook/addon-links": "^7.5.3",
-    "@storybook/blocks": "^7.5.3",
-    "@storybook/web-components": "^7.5.3",
-    "@storybook/web-components-vite": "^7.5.3",
+    "@storybook/addon-essentials": "^7.6.17",
+    "@storybook/addon-links": "^7.6.17",
+    "@storybook/blocks": "^7.6.17",
+    "@storybook/web-components": "^7.6.17",
+    "@storybook/web-components-vite": "^7.6.17",
     "@types/node": "18.16.3",
-    "eslint": "^8.54.0",
+    "eslint": "^8.56.0",
     "eslint-plugin-storybook": "^0.6.15",
     "husky": "^8.0.3",
-    "postcss": "^8.4.31",
+    "postcss": "^8.4.35",
     "prettier": "^2.8.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "rollup": "^3.29.4",
-    "storybook": "^7.5.3",
+    "storybook": "^7.6.17",
     "stylelint": "^15.11.0",
     "stylelint-config-standard": "^33.0.0",
     "stylelint-config-standard-scss": "^9.0.0",
-    "turbo": "^1.10.16",
+    "turbo": "^1.12.4",
     "typedoc": "^0.24.8",
-    "typescript": "^5.2.2",
-    "webpack": "^5.89.0"
+    "typescript": "^5.3.3",
+    "webpack": "^5.90.3"
   }
 }

package.json

@@ -18,7 +18,7 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "@lit-labs/react": "^2.1.2",
+    "@lit/react": "^1.0.4",
     "@mdx-js/loader": "^2.3.0",
     "@mdx-js/react": "^2.3.0",
     "@types/react": "18.2.0",
@@ -31,7 +31,7 @@
     "react-dom": "^18.2.0"
   },
   "peerDependencies": {
-    "@lit-labs/react": "^2.1.2",
+    "@lit/react": "^1.0.4",
     "atomic-ui-js": "workspace:^",
     "atomic-ui-js-react": "workspace:^",
     "lit": "^3.1.0",

packages/atomic-ui-js-next/package.json

@@ -22,15 +22,15 @@
     "@mdx-js/loader": "^2.3.0",
     "@mdx-js/react": "^2.3.0",
     "@types/react": "18.2.0",
-    "@lit-labs/react": "^2.1.2",
+    "@lit/react": "^1.0.4",
     "atomic-ui-js": "workspace:^",
     "lit": "^3.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "typescript": "^5.0.4"
   },
   "peerDependencies": {
-    "@lit-labs/react": "^2.1.2",
+    "@lit/react": "^1.0.4",
     "atomic-ui-js": "workspace:^",
     "lit": "^3.1.0",
     "react": "^18.2.0",

packages/atomic-ui-js-react/package.json

@@ -1,7 +1,7 @@
 'use client';
 
 import React from 'react';
-import {createComponent} from '@lit-labs/react';
+import {createComponent} from '@lit/react';
 import {XAppbarElement, xAppbarEvents} from 'atomic-ui-js/x-appbar/index.js';
 
 const XAppbarComponent = createComponent({

packages/atomic-ui-js-react/x-appbar/index.js

@@ -1,7 +1,7 @@
 'use client';
 
 import React from 'react';
-import {createComponent} from '@lit-labs/react';
+import {createComponent} from '@lit/react';
 import {XFieldElement} from 'atomic-ui-js/x-field/index.js';
 
 const XFieldComponent = createComponent({

packages/atomic-ui-js-react/x-field/index.js

@@ -1,7 +1,7 @@
 'use client';
 
 import React from 'react';
-import {createComponent} from '@lit-labs/react';
+import {createComponent} from '@lit/react';
 import {XRippleElement} from 'atomic-ui-js/x-ripple/index.js';
 
 const XRippleComponent = createComponent({

packages/atomic-ui-js-react/x-ripple/index.js

@@ -1,7 +1,7 @@
 'use client';
 
 import React from 'react';
-import {createComponent} from '@lit-labs/react';
+import {createComponent} from '@lit/react';
 import {XToggleOnScrollElement} from 'atomic-ui-js/x-toggleonscroll/index.js';
 
 const XToggleOnScrollComponent = createComponent({

packages/atomic-ui-js-react/x-toggleonscroll/index.js

@@ -1,7 +1,7 @@
 'use client';
 
 import React from 'react';
-import {createComponent} from '@lit-labs/react';
+import {createComponent} from '@lit/react';
 import {XTypeaheadElement} from 'atomic-ui-js/x-typeahead/index.js';
 
 const XTypeaheadComponent = createComponent({