feat: renames library

Author: hoangdevnull

apps/web/.eslintrc.js

@@ -1,3 +1,3 @@
 module.exports = {
-  extends: ['@var-ui/eslint-config/library'],
+  extends: ['@var-meta-tech/eslint-config/library'],
 };

apps/web/.storybook/preview.tsx

@@ -3,7 +3,7 @@ import '../src/app/globals.css';
 import { DocsContainer as BaseContainer, DocsContainerProps as BaseContainerProps } from '@storybook/blocks';
 import type { Preview } from '@storybook/react';
 import { themes } from '@storybook/theming';
-import { Toaster } from '@var-ui/core';
+import { Toaster } from '@var-meta-tech/ui';
 import { useDarkMode } from 'storybook-dark-mode';
 
 const preview: Preview = {

apps/web/.storybook/welcome.stories.mdx

@@ -19,18 +19,18 @@ import { Meta, Story } from '@storybook/addon-docs';
 
 ## Install
 
-The UI came with diffences package namely `@var-ui/icon` and `@var-ui/core`
+The UI came with diffences package namely `@var-meta-tech/icon` and `@var-meta-tech/ui`
 
 ```sh
-npm install @var-ui/core @var-ui/icon
+npm install @var-meta-tech/ui @var-meta-tech/icon
 ```
 
 ```sh
-yarn add @var-ui/core @var-ui/icon
+yarn add @var-meta-tech/ui @var-meta-tech/icon
 ```
 
 ```sh
-pnpm i @var-ui/core @var-ui/icon
+pnpm i @var-meta-tech/ui @var-meta-tech/icon
 ```
 
 ## Tailwind CSS Setup
@@ -41,7 +41,7 @@ the following code to your `tailwind.config.js` file:
 
 ```ts
 // tailwind.config.ts
-import { createThemes } from '@var-ui/theme';
+import { createThemes } from '@var-meta-tech/theme';
 import { withTV } from 'tailwind-variants/transformer';
 import type { Config } from 'tailwindcss';
 
@@ -51,7 +51,7 @@ const config: Config = {
     './.storybook/welcome.stories.mdx',
     './src/components/**/*.{js,ts,jsx,tsx,mdx}',
     './src/app/**/*.{js,ts,jsx,tsx,mdx}',
-    './node_modules/@var-ui/core/**/*.{js,ts,jsx,tsx}',
+    './node_modules/@var-meta-tech/ui/**/*.{js,ts,jsx,tsx}',
   ],
   plugins: [createThemes()],
 };
@@ -65,7 +65,7 @@ Now, you can use the component you installed in your application:
 
 ```jsx
 import * as React from 'react';
-import { Button } from '@var-ui/core';
+import { Button } from '@var-meta-tech/ui';
 
 function App() {
   return <Button>Press me</Button>;

apps/web/next.config.js

@@ -2,7 +2,7 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   experimental: {
-    optimizePackageImports: ['@var-ui/icon', '@var-ui/core'],
+    optimizePackageImports: ['@var-meta-tech/icon', '@var-meta-tech/ui'],
   },
 };
 

apps/web/package.json

@@ -16,9 +16,9 @@
     "clean": "rimraf .turbo && rimraf .next out && rimraf storybook-static && rimraf node_modules "
   },
   "dependencies": {
-    "@var-ui/core": "workspace:*",
-    "@var-ui/icons": "workspace:^",
-    "@var-ui/theme": "workspace:*",
+    "@var-meta-tech/ui": "workspace:*",
+    "@var-meta-tech/icons": "workspace:^",
+    "@var-meta-tech/theme": "workspace:*",
     "class-variance-authority": "^0.7.0",
     "dayjs": "^1.11.10",
     "next": "^14.0.3",
@@ -44,7 +44,7 @@
     "@types/node": "^18.11.17",
     "@types/react": "^18.2.5",
     "@types/react-dom": "^18.2.4",
-    "@var-ui/eslint-config": "workspace:*",
+    "@var-meta-tech/eslint-config": "workspace:*",
     "autoprefixer": "^10.4.13",
     "postcss": "^8.4.20",
     "storybook": "^7.5.3",

apps/web/src/app/page.tsx

@@ -10,7 +10,7 @@ import {
   Select,
   toast,
   type AutocompleteProps,
-} from '@var-ui/core';
+} from '@var-meta-tech/ui';
 
 const options: AutocompleteProps['options'] = [
   {

apps/web/src/app/provider.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import React from 'react';
-import { Toaster, type FCC } from '@var-ui/core';
+import { Toaster, type FCC } from '@var-meta-tech/ui';
 import { ThemeProvider } from 'next-themes';
 
 const Provider: FCC = ({ children }) => {

apps/web/src/stories/accordion.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { Meta, StoryFn } from '@storybook/react';
-import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type AccordionProps } from '@var-ui/core';
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type AccordionProps } from '@var-meta-tech/ui';
 
 import { EnhancedView } from '@/components/View';
 

apps/web/src/stories/autocomplete.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { Meta, StoryFn } from '@storybook/react';
-import { Autocomplete, type AutocompleteProps } from '@var-ui/core';
+import { Autocomplete, type AutocompleteProps } from '@var-meta-tech/ui';
 
 import { EnhancedView } from '@/components/View';
 

apps/web/src/stories/avatar-group.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { Meta, StoryFn } from '@storybook/react';
-import { Avatar, AvatarGroup, type AvatarGroupProps } from '@var-ui/core';
+import { Avatar, AvatarGroup, type AvatarGroupProps } from '@var-meta-tech/ui';
 
 import { EnhancedView } from '@/components/View';