@pelatform/ui 1.5.0 → 1.5.2

package/dist/components.cjs

@@ -38,11 +38,11 @@
 
 
 
-var _chunkVSLPH2IRcjs = require('./chunk-VSLPH2IR.cjs');
+var _chunkDBE4IGCPcjs = require('./chunk-DBE4IGCP.cjs');
 
 
 
-var _chunkVECBSKBCcjs = require('./chunk-VECBSKBC.cjs');
+var _chunkBXUKTDPNcjs = require('./chunk-BXUKTDPN.cjs');
 
 
 
@@ -75,9 +75,9 @@ function AlertToast({
   variant = "mono"
 }) {
   _sonner.toast.custom(
-    () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVSLPH2IRcjs.Alert, { variant, icon, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertIcon, { children: iconMap[_nullishCoalesce(icon, () => ( "success"))] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertTitle, { children: message })
+    () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDBE4IGCPcjs.Alert, { variant, icon, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertIcon, { children: iconMap[_nullishCoalesce(icon, () => ( "success"))] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertTitle, { children: message })
     ] }),
     {
       // Auto-dismiss after 4 seconds
@@ -103,9 +103,9 @@ function AlertNotification({ message, variant = "info" }) {
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Info, {});
     }
   };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVSLPH2IRcjs.Alert, { variant, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertIcon, { children: getIcon() }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertTitle, { children: message })
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDBE4IGCPcjs.Alert, { variant, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertIcon, { children: getIcon() }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertTitle, { children: message })
   ] });
 }
 var AlertComingsoon = ({
@@ -114,9 +114,9 @@ var AlertComingsoon = ({
   variant = "mono"
 } = {}) => {
   _sonner.toast.custom(
-    () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVSLPH2IRcjs.Alert, { variant, icon, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertIcon, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleAlert, {}) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertTitle, { children: message })
+    () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDBE4IGCPcjs.Alert, { variant, icon, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertIcon, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleAlert, {}) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertTitle, { children: message })
     ] }),
     {
       // Toast configuration for better UX
@@ -149,14 +149,14 @@ var ConfirmDismissDialog = ({
       onOpenChange(false);
     }
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVSLPH2IRcjs.AlertDialogContent, { className: maxWidth, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVSLPH2IRcjs.AlertDialogHeader, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertDialogTitle, { children: title }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertDialogDescription, { children: description })
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDBE4IGCPcjs.AlertDialogContent, { className: maxWidth, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDBE4IGCPcjs.AlertDialogHeader, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertDialogTitle, { children: title }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertDialogDescription, { children: description })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVSLPH2IRcjs.AlertDialogFooter, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertDialogCancel, { onClick: handleCancel, children: cancelText }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertDialogAction, { onClick: onConfirm, children: confirmText })
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDBE4IGCPcjs.AlertDialogFooter, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertDialogCancel, { onClick: handleCancel, children: cancelText }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertDialogAction, { onClick: onConfirm, children: confirmText })
     ] })
   ] }) });
 };
@@ -326,7 +326,7 @@ function SiteHeader({ className, children }) {
 // src/components/layout/wrapper.tsx
 
 function MaxWidthWrapper({ className, children }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkCJXIPSTGcjs.cn.call(void 0, "mx-auto w-full max-w-screen-xl p-3 lg:px-10", className), children });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkCJXIPSTGcjs.cn.call(void 0, "mx-auto w-full max-w-7xl p-3 lg:px-10", className), children });
 }
 
 // src/components/mdx/code-display.tsx
@@ -345,7 +345,7 @@ function CodeDisplay({
 
 
 function DownloadFile({ children, className, href }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "inline-flex pb-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVECBSKBCcjs.Button, { size: "lg", className: _chunkCJXIPSTGcjs.cn.call(void 0, "rounded-full", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "a", { href, target: "_blank", rel: "noopener noreferrer", children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "inline-flex pb-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBXUKTDPNcjs.Button, { size: "lg", className: _chunkCJXIPSTGcjs.cn.call(void 0, "rounded-full", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "a", { href, target: "_blank", rel: "noopener noreferrer", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Download, { className: "mr-2 size-5" }),
     children
   ] }) }) });
@@ -437,7 +437,7 @@ function BackLink({ Link = DefaultLink, children, href, className }) {
       ),
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkVECBSKBCcjs.Button,
+          _chunkBXUKTDPNcjs.Button,
           {
             variant: "secondary",
             mode: "icon",
@@ -511,7 +511,7 @@ function CommandMenu({
   }, [handleButtonClick]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunkVECBSKBCcjs.Button,
+      _chunkBXUKTDPNcjs.Button,
       {
         variant: "outline",
         mode: "input",
@@ -535,17 +535,17 @@ function CommandMenu({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      _chunkVSLPH2IRcjs.CommandDialog,
+      _chunkDBE4IGCPcjs.CommandDialog,
       {
         open,
         onOpenChange: setOpen,
         className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-          "[&_[data-dialog-close]]:end-[0.925rem] [&_[data-dialog-close]]:top-[0.925rem]",
+          "**:data-dialog-close:end-[0.925rem] **:data-dialog-close:top-[0.925rem]",
           classDialog
         ),
         children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.CommandInput, { placeholder: commandInputPlaceholder, "aria-label": "Search commands" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.CommandList, { children })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.CommandInput, { placeholder: commandInputPlaceholder, "aria-label": "Search commands" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.CommandList, { children })
         ]
       }
     )
@@ -566,8 +566,8 @@ function NavItemRenderer({ Link = DefaultLink, item, pathname, level }) {
     )]), () => ( false)))
   )]), () => ( false)) : item.href === pathname || item.href !== "/" && item.href && _optionalChain([pathname, 'optionalAccess', _12 => _12.startsWith, 'call', _13 => _13(item.href)]);
   if (hasChildren && level <= 3) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVSLPH2IRcjs.DropdownMenu, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDBE4IGCPcjs.DropdownMenu, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "button",
         {
           className: _chunkCJXIPSTGcjs.cn.call(void 0, 
@@ -582,7 +582,7 @@ function NavItemRenderer({ Link = DefaultLink, item, pathname, level }) {
         }
       ) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkVSLPH2IRcjs.DropdownMenuContent,
+        _chunkDBE4IGCPcjs.DropdownMenuContent,
         {
           className: "min-w-[150px] overflow-visible",
           side: "bottom",
@@ -626,9 +626,9 @@ function ChildNavItemRenderer({ Link = DefaultLink, item, pathname, level }) {
     (grandchild) => grandchild.href === pathname || grandchild.href !== "/" && grandchild.href && _optionalChain([pathname, 'optionalAccess', _22 => _22.startsWith, 'call', _23 => _23(grandchild.href)])
   )]), () => ( false)));
   if (hasChildren && level <= 3) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVSLPH2IRcjs.DropdownMenuSub, { children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDBE4IGCPcjs.DropdownMenuSub, { children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        _chunkVSLPH2IRcjs.DropdownMenuSubTrigger,
+        _chunkDBE4IGCPcjs.DropdownMenuSubTrigger,
         {
           className: _chunkCJXIPSTGcjs.cn.call(void 0, 
             "flex w-full items-center justify-between text-muted-foreground hover:text-foreground",
@@ -640,7 +640,7 @@ function ChildNavItemRenderer({ Link = DefaultLink, item, pathname, level }) {
           ]
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.DropdownMenuSubContent, { className: "min-w-[150px]", children: _optionalChain([item, 'access', _24 => _24.children, 'optionalAccess', _25 => _25.map, 'call', _26 => _26((child) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.DropdownMenuSubContent, { className: "min-w-[150px]", children: _optionalChain([item, 'access', _24 => _24.children, 'optionalAccess', _25 => _25.map, 'call', _26 => _26((child) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         ChildNavItemRenderer,
         {
           item: child,
@@ -651,7 +651,7 @@ function ChildNavItemRenderer({ Link = DefaultLink, item, pathname, level }) {
       ))]) })
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     Link,
     {
       href: item.href || "",
@@ -696,15 +696,15 @@ function MobileNav({ children, className }) {
     },
     [setMetaColor, metaColor]
   );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkCJXIPSTGcjs.cn.call(void 0, "flex items-center gap-2.5 md:hidden", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVSLPH2IRcjs.Drawer, { open, onOpenChange, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.DrawerTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVECBSKBCcjs.Button, { variant: "ghost", className: "group/toggle size-8 px-0 text-foreground", children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkCJXIPSTGcjs.cn.call(void 0, "flex items-center gap-2.5 md:hidden", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDBE4IGCPcjs.Drawer, { open, onOpenChange, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.DrawerTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkBXUKTDPNcjs.Button, { variant: "ghost", className: "group/toggle size-8 px-0 text-foreground", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Menu, {}),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "Toggle Menu" })
     ] }) }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVSLPH2IRcjs.DrawerContent, { className: "max-h-[60svh] p-0", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.DrawerTitle, { className: "sr-only", children: "Mobile menu" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDBE4IGCPcjs.DrawerContent, { className: "max-h-[60svh] p-0", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.DrawerTitle, { className: "sr-only", children: "Mobile menu" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "overflow-auto p-6", children }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.DrawerDescription, { className: "sr-only", children: "Mobile menu" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.DrawerDescription, { className: "sr-only", children: "Mobile menu" })
     ] })
   ] }) });
 }
@@ -726,9 +726,9 @@ function MobileNavItemRenderer({
   )]), () => ( false)) : item.href === pathname || item.href !== "/" && item.href && _optionalChain([pathname, 'optionalAccess', _37 => _37.startsWith, 'call', _38 => _38(item.href)]);
   if (hasChildren && level <= 3) {
     console.log(item);
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVSLPH2IRcjs.Collapsible, { open: isOpen, onOpenChange: setIsOpen, children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDBE4IGCPcjs.Collapsible, { open: isOpen, onOpenChange: setIsOpen, children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        _chunkVSLPH2IRcjs.CollapsibleTrigger,
+        _chunkDBE4IGCPcjs.CollapsibleTrigger,
         {
           className: _chunkCJXIPSTGcjs.cn.call(void 0, 
             "flex w-full cursor-pointer items-center gap-1 text-sm transition-colors",
@@ -749,7 +749,7 @@ function MobileNavItemRenderer({
           ]
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.CollapsibleContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkCJXIPSTGcjs.cn.call(void 0, "flex flex-col space-y-2.5 pt-3", `ps-5`), children: item.children.map((child) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.CollapsibleContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkCJXIPSTGcjs.cn.call(void 0, "flex flex-col space-y-2.5 pt-3", `ps-5`), children: item.children.map((child) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         MobileNavItemRenderer,
         {
           item: child,
@@ -836,9 +836,9 @@ var QueryProvider = ({ children }) => {
             });
           }
           _sonner.toast.custom(
-            () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVSLPH2IRcjs.Alert, { variant: "mono", icon: "destructive", close: false, children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertIcon, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleAlert, {}) }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertTitle, { children: message })
+            () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDBE4IGCPcjs.Alert, { variant: "mono", icon: "destructive", close: false, children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertIcon, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleAlert, {}) }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertTitle, { children: message })
             ] }),
             {
               position: "top-center",
@@ -870,7 +870,7 @@ function ThemeProvider({ children, ...props }) {
       storageKey: "theme",
       themes: [_chunkI46SELBAcjs.THEME_MODES.LIGHT, _chunkI46SELBAcjs.THEME_MODES.DARK, _chunkI46SELBAcjs.THEME_MODES.SYSTEM],
       ...props,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.TooltipProvider, { delayDuration: 0, children })
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.TooltipProvider, { delayDuration: 0, children })
     }
   );
 }
@@ -883,7 +883,7 @@ var Announcement = ({
   className,
   ...props
 }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  _chunkVSLPH2IRcjs.Badge,
+  _chunkDBE4IGCPcjs.Badge,
   {
     variant,
     className: _chunkCJXIPSTGcjs.cn.call(void 0, 
@@ -966,14 +966,14 @@ function Book(props) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "div",
     {
-      className: _chunkCJXIPSTGcjs.cn.call(void 0, "group inline-block w-fit [perspective:900px]"),
+      className: _chunkCJXIPSTGcjs.cn.call(void 0, "group perspective-[900px] inline-block w-fit"),
       style: {
         "--book-color": color,
         "--text-color": textColor,
         "--book-depth": `${depth || 4}cqw`,
         "--book-width": `${width || 196}px`
       },
-      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative aspect-[49/60] w-fit min-w-[calc(var(--book-width))] rotate-0 transition-transform duration-500 ease-out contain-inline-size [transform-style:preserve-3d] group-hover:[transform:rotateY(-20deg)_scale(1.066)translateX(-8px)]", children: [
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "transform-3d group-hover:transform-[rotateY(-20deg)_scale(1.066)translateX(-8px)] relative aspect-49/60 w-fit min-w-[calc(var(--book-width))] rotate-0 transition-transform duration-500 ease-out contain-inline-size", children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           Stack,
           {
@@ -987,7 +987,7 @@ function Book(props) {
                   grow: true,
                   direction: "row",
                   className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-                    "relative min-w-[calc(var(--book-width))] overflow-hidden bg-[var(--book-color)]"
+                    "relative min-w-[calc(var(--book-width))] overflow-hidden bg-(--book-color)"
                   ),
                   children: [
                     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-y-0 min-w-[8.2%] bg-book-bind-bg opacity-100 mix-blend-overlay" }),
@@ -1023,7 +1023,7 @@ function Book(props) {
           "div",
           {
             "aria-hidden": true,
-            className: "book-bg absolute left-0 h-full w-full rounded-r rounded-l-md bg-[var(--book-color)]",
+            className: "book-bg absolute left-0 h-full w-full rounded-r rounded-l-md bg-(--book-color)",
             style: {
               transform: "translateZ(calc(-1 * var(--book-depth)))"
             }
@@ -1782,7 +1782,7 @@ function ModeSwitcher({
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Sun, {});
   };
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    _chunkVECBSKBCcjs.Button,
+    _chunkBXUKTDPNcjs.Button,
     {
       variant,
       size,
@@ -1820,10 +1820,7 @@ function MovingLabel({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     Component,
     {
-      className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-        "relative h-9 overflow-hidden bg-transparent p-[1px] text-xl",
-        containerClassName
-      ),
+      className: _chunkCJXIPSTGcjs.cn.call(void 0, "relative h-9 overflow-hidden bg-transparent p-px text-xl", containerClassName),
       style: {
         borderRadius
       },
@@ -1842,7 +1839,7 @@ function MovingLabel({
           "div",
           {
             className: _chunkCJXIPSTGcjs.cn.call(void 0, 
-              "relative flex h-full w-full items-center justify-center border border-slate-800 bg-slate-900/[0.5] text-sm text-white antialiased backdrop-blur-xl",
+              "relative flex h-full w-full items-center justify-center border border-slate-800 bg-slate-900/50 text-sm text-white antialiased backdrop-blur-xl",
               className
             ),
             style: {
@@ -1936,9 +1933,9 @@ function RecaptchaPopover({
       const token = getToken();
       if (!token) {
         _sonner.toast.custom(
-          () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVSLPH2IRcjs.Alert, { variant: "mono", icon: "destructive", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertIcon, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleAlert, {}) }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertTitle, { children: "Please complete the reCAPTCHA verification." })
+          () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDBE4IGCPcjs.Alert, { variant: "mono", icon: "destructive", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertIcon, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleAlert, {}) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertTitle, { children: "Please complete the reCAPTCHA verification." })
           ] }),
           {
             position: "top-center"
@@ -1950,9 +1947,9 @@ function RecaptchaPopover({
     } catch (error) {
       console.error("Error getting reCAPTCHA token:", error);
       _sonner.toast.custom(
-        () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVSLPH2IRcjs.Alert, { variant: "mono", icon: "destructive", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertIcon, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleAlert, {}) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertTitle, { children: "Please complete the reCAPTCHA verification." })
+        () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDBE4IGCPcjs.Alert, { variant: "mono", icon: "destructive", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertIcon, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleAlert, {}) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertTitle, { children: "Please complete the reCAPTCHA verification." })
         ] }),
         {
           position: "top-center"
@@ -1977,7 +1974,7 @@ function RecaptchaPopover({
         children: [
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-4", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: containerRef, className: "min-h-[78px]" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVECBSKBCcjs.Button, { type: "button", variant: "mono", onClick: handleVerify, className: "w-full", children: verifyButtonText })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBXUKTDPNcjs.Button, { type: "button", variant: "mono", onClick: handleVerify, className: "w-full", children: verifyButtonText })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.Popover.Arrow, { className: "fill-white" })
         ]
@@ -2008,9 +2005,9 @@ function Subscribe({
   const validateEmail = () => {
     if (!email.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) {
       _sonner.toast.custom(
-        () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVSLPH2IRcjs.Alert, { variant: "mono", icon: "destructive", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertIcon, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleAlert, {}) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertTitle, { children: invalidEmailMessage })
+        () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDBE4IGCPcjs.Alert, { variant: "mono", icon: "destructive", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertIcon, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleAlert, {}) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertTitle, { children: invalidEmailMessage })
         ] }),
         {
           position: "top-center"
@@ -2031,9 +2028,9 @@ function Subscribe({
   const handleVerifiedSubmit = async (token) => {
     if (!token) {
       _sonner.toast.custom(
-        () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVSLPH2IRcjs.Alert, { variant: "mono", icon: "destructive", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertIcon, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleAlert, {}) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertTitle, { children: recaptchaMessage })
+        () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDBE4IGCPcjs.Alert, { variant: "mono", icon: "destructive", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertIcon, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleAlert, {}) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertTitle, { children: recaptchaMessage })
         ] }),
         {
           position: "top-center"
@@ -2063,9 +2060,9 @@ function Subscribe({
       const data = await res.json();
       if (res.ok) {
         _sonner.toast.custom(
-          () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVSLPH2IRcjs.Alert, { variant: "mono", icon: "success", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertIcon, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleCheck, {}) }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertTitle, { children: successMessage })
+          () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDBE4IGCPcjs.Alert, { variant: "mono", icon: "success", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertIcon, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleCheck, {}) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertTitle, { children: successMessage })
           ] }),
           {
             position: "top-center"
@@ -2082,9 +2079,9 @@ function Subscribe({
         setEmail("");
       } else {
         _sonner.toast.custom(
-          () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVSLPH2IRcjs.Alert, { variant: "mono", icon: "destructive", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertIcon, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleAlert, {}) }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertTitle, { children: data.message || errorMessage })
+          () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDBE4IGCPcjs.Alert, { variant: "mono", icon: "destructive", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertIcon, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleAlert, {}) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertTitle, { children: data.message || errorMessage })
           ] }),
           {
             position: "top-center"
@@ -2094,9 +2091,9 @@ function Subscribe({
     } catch (err) {
       console.error("Newsletter subscription error:", err);
       _sonner.toast.custom(
-        () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVSLPH2IRcjs.Alert, { variant: "mono", icon: "destructive", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertIcon, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleAlert, {}) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AlertTitle, { children: errorMessage })
+        () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDBE4IGCPcjs.Alert, { variant: "mono", icon: "destructive", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertIcon, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.CircleAlert, {}) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AlertTitle, { children: errorMessage })
         ] }),
         {
           position: "top-center"
@@ -2121,7 +2118,7 @@ function Subscribe({
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: handleSubmit, className: "flex gap-2.5", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkVECBSKBCcjs.Input,
+            _chunkBXUKTDPNcjs.Input,
             {
               type: "email",
               value: email,
@@ -2146,7 +2143,7 @@ function Subscribe({
               onVerify: handleVerifiedSubmit,
               verifyButtonText,
               trigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkVECBSKBCcjs.Button,
+                _chunkBXUKTDPNcjs.Button,
                 {
                   type: "submit",
                   className: "h-auto rounded-lg bg-white px-5 py-3 font-semibold text-black/80 hover:bg-white hover:text-black",
@@ -2182,10 +2179,10 @@ var ToolbarActions = ({ children }) => {
 function UserAvatar({ className, indicator = false, src, alt }) {
   const name = _nullishCoalesce(alt, () => ( "User"));
   const initial = getInitials(name);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVSLPH2IRcjs.Avatar, { className, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AvatarImage, { src: _nullishCoalesce(src, () => ( void 0)), alt: name }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AvatarFallback, { children: initial }),
-    indicator && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AvatarIndicator, { className: "-end-2 -top-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVSLPH2IRcjs.AvatarStatus, { variant: "online", className: "size-2.5" }) })
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkDBE4IGCPcjs.Avatar, { className, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AvatarImage, { src: _nullishCoalesce(src, () => ( void 0)), alt: name }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AvatarFallback, { children: initial }),
+    indicator && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AvatarIndicator, { className: "-end-2 -top-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkDBE4IGCPcjs.AvatarStatus, { variant: "online", className: "size-2.5" }) })
   ] });
 }
 var getInitials = (name, count) => {

package/dist/components.js

@@ -38,11 +38,11 @@ import {
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
   TooltipProvider
-} from "./chunk-CYFW37N5.js";
+} from "./chunk-TYEFU7IG.js";
 import {
   Button,
   Input
-} from "./chunk-OMPNDLGS.js";
+} from "./chunk-TB6DU23O.js";
 import {
   useMetaColor,
   useRecaptchaV2
@@ -326,7 +326,7 @@ function SiteHeader({ className, children }) {
 // src/components/layout/wrapper.tsx
 import { jsx as jsx10 } from "react/jsx-runtime";
 function MaxWidthWrapper({ className, children }) {
-  return /* @__PURE__ */ jsx10("div", { className: cn("mx-auto w-full max-w-screen-xl p-3 lg:px-10", className), children });
+  return /* @__PURE__ */ jsx10("div", { className: cn("mx-auto w-full max-w-7xl p-3 lg:px-10", className), children });
 }
 
 // src/components/mdx/code-display.tsx
@@ -540,7 +540,7 @@ function CommandMenu({
         open,
         onOpenChange: setOpen,
         className: cn(
-          "[&_[data-dialog-close]]:end-[0.925rem] [&_[data-dialog-close]]:top-[0.925rem]",
+          "**:data-dialog-close:end-[0.925rem] **:data-dialog-close:top-[0.925rem]",
           classDialog
         ),
         children: [
@@ -966,14 +966,14 @@ function Book(props) {
   return /* @__PURE__ */ jsx26(
     "div",
     {
-      className: cn("group inline-block w-fit [perspective:900px]"),
+      className: cn("group perspective-[900px] inline-block w-fit"),
       style: {
         "--book-color": color,
         "--text-color": textColor,
         "--book-depth": `${depth || 4}cqw`,
         "--book-width": `${width || 196}px`
       },
-      children: /* @__PURE__ */ jsxs15("div", { className: "relative aspect-[49/60] w-fit min-w-[calc(var(--book-width))] rotate-0 transition-transform duration-500 ease-out contain-inline-size [transform-style:preserve-3d] group-hover:[transform:rotateY(-20deg)_scale(1.066)translateX(-8px)]", children: [
+      children: /* @__PURE__ */ jsxs15("div", { className: "transform-3d group-hover:transform-[rotateY(-20deg)_scale(1.066)translateX(-8px)] relative aspect-49/60 w-fit min-w-[calc(var(--book-width))] rotate-0 transition-transform duration-500 ease-out contain-inline-size", children: [
         /* @__PURE__ */ jsxs15(
           Stack,
           {
@@ -987,7 +987,7 @@ function Book(props) {
                   grow: true,
                   direction: "row",
                   className: cn(
-                    "relative min-w-[calc(var(--book-width))] overflow-hidden bg-[var(--book-color)]"
+                    "relative min-w-[calc(var(--book-width))] overflow-hidden bg-(--book-color)"
                   ),
                   children: [
                     /* @__PURE__ */ jsx26("div", { className: "absolute inset-y-0 min-w-[8.2%] bg-book-bind-bg opacity-100 mix-blend-overlay" }),
@@ -1023,7 +1023,7 @@ function Book(props) {
           "div",
           {
             "aria-hidden": true,
-            className: "book-bg absolute left-0 h-full w-full rounded-r rounded-l-md bg-[var(--book-color)]",
+            className: "book-bg absolute left-0 h-full w-full rounded-r rounded-l-md bg-(--book-color)",
             style: {
               transform: "translateZ(calc(-1 * var(--book-depth)))"
             }
@@ -1820,10 +1820,7 @@ function MovingLabel({
   return /* @__PURE__ */ jsxs20(
     Component,
     {
-      className: cn(
-        "relative h-9 overflow-hidden bg-transparent p-[1px] text-xl",
-        containerClassName
-      ),
+      className: cn("relative h-9 overflow-hidden bg-transparent p-px text-xl", containerClassName),
       style: {
         borderRadius
       },
@@ -1842,7 +1839,7 @@ function MovingLabel({
           "div",
           {
             className: cn(
-              "relative flex h-full w-full items-center justify-center border border-slate-800 bg-slate-900/[0.5] text-sm text-white antialiased backdrop-blur-xl",
+              "relative flex h-full w-full items-center justify-center border border-slate-800 bg-slate-900/50 text-sm text-white antialiased backdrop-blur-xl",
               className
             ),
             style: {