test de proyecto t1 design

.npmrc

+registry=https://pkgs.dev.azure.com/T1Pagos/afrodita/_packaging/AfroditaUI/npm/registry/
+always-auth=true
\ No newline at end of file

next.config.js

+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  transpilePackages: ["@afrodita"], // 👈
+  reactStrictMode: true,
+};
+
+module.exports = {
+  webpack(config) {
+    // Grab the existing rule that handles SVG imports
+    const fileLoaderRule = config.module.rules.find((rule) =>
+        rule.test?.test?.(".svg")
+    );
+
+    config.module.rules.push(
+        // Reapply the existing rule, but only for svg imports ending in ?url
+        {
+          ...fileLoaderRule,
+          test: /\.svg$/i,
+          resourceQuery: /url/, // *.svg?url
+        },
+        // Convert all other *.svg imports to React components
+        {
+          test: /\.svg$/i,
+          issuer: fileLoaderRule.issuer,
+          resourceQuery: { not: [...fileLoaderRule.resourceQuery.not, /url/] }, // exclude if *.svg?url
+          use: [{ loader: "@svgr/webpack", options: { icon: true } }],
+        }
+    );
+
+    // Modify the file loader rule to ignore *.svg, since we have it handled now.
+    fileLoaderRule.exclude = /\.svg$/i;
+
+    return config;
+  },
+  ...nextConfig,
+};
\ No newline at end of file

next.config.mjs

-/** @type {import('next').NextConfig} */
-const nextConfig = {
-  reactStrictMode: true,
-};
-
-export default nextConfig;

package.json

@@ -9,19 +9,24 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@afrodita/ui-kit-t1": "^0.0.10",
+    "@emotion/react": "^11.11.3",
+    "@emotion/styled": "^11.11.0",
+    "@mui/material": "^5.15.7",
+    "@svgr/webpack": "^8.1.0",
+    "next": "14.1.0",
     "react": "^18",
-    "react-dom": "^18",
-    "next": "14.1.0"
+    "react-dom": "^18"
   },
   "devDependencies": {
-    "typescript": "^5",
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "autoprefixer": "^10.0.1",
+    "eslint": "^8",
+    "eslint-config-next": "14.1.0",
     "postcss": "^8",
     "tailwindcss": "^3.3.0",
-    "eslint": "^8",
-    "eslint-config-next": "14.1.0"
+    "typescript": "^5"
   }
 }

src/pages/_app.tsx

 import "@/styles/globals.css";
 import type { AppProps } from "next/app";
+import { ThemeProvider } from "@mui/material/styles";
+import themeV1 from "@afrodita/ui-kit-t1/src/styles/mui-theme/themeV1"; // or we can use themeV2
+import themeV2 from "@afrodita/ui-kit-t1/src/styles/mui-theme/themeV2";
 
 export default function App({ Component, pageProps }: AppProps) {
-  return <Component {...pageProps} />;
+  return <ThemeProvider theme={themeV1}>
+    <Component {...pageProps} />
+  </ThemeProvider>
 }

src/styles/globals.css

@@ -2,7 +2,7 @@
 @tailwind components;
 @tailwind utilities;
 
-:root {
+/*:root {
   --foreground-rgb: 0, 0, 0;
   --background-start-rgb: 214, 219, 220;
   --background-end-rgb: 255, 255, 255;
@@ -30,4 +30,4 @@ body {
   .text-balance {
     text-wrap: balance;
   }
-}
+}*/