Merge pull request #38 from calvo-jp/optimization

Optimization

website/package.json

@@ -14,7 +14,7 @@
     "@untitled-theme/colors": "workspace:*",
     "@untitled-theme/icons-react": "workspace:*",
     "geist": "1.2.2",
-    "next": "14.1.0",
+    "next": "14.1.1-canary.80",
     "next-themes": "0.2.1",
     "react": "^18",
     "react-dom": "^18",

website/src/@modal/(.)icons/[slug]/default.tsx

@@ -0,0 +1,3 @@
+export default function Default() {
+  return null;
+}

website/src/@modal/(.)icons/[slug]/page.tsx

@@ -0,0 +1,19 @@
+import {Dialog} from '@ark-ui/react';
+import {XCloseIcon} from '@untitled-theme/icons-react';
+
+export default function IconDetailsModal() {
+  return (
+    <Dialog.Root open lazyMount unmountOnExit>
+      <Dialog.Backdrop className="fixed inset-0 z-overlay bg-white/25 backdrop-blur-sm data-open:animate-fade-in data-closed:animate-fade-out dark:bg-gray-true-950/50" />
+      <Dialog.Positioner>
+        <Dialog.Content className="fixed bottom-0 right-0 z-modal w-full border-t bg-white p-4 data-open:animate-slide-up data-closed:animate-slide-down md:p-6 lg:p-8 dark:bg-gray-true-950">
+          <div>It works</div>
+
+          <Dialog.CloseTrigger className="absolute right-3 top-3 p-1">
+            <XCloseIcon />
+          </Dialog.CloseTrigger>
+        </Dialog.Content>
+      </Dialog.Positioner>
+    </Dialog.Root>
+  );
+}

website/src/@modal/(.)icons/default.tsx

@@ -0,0 +1,3 @@
+export default function Default() {
+  return null;
+}