PageSourceSearch

https://materialm-tailwind-nextjs-free.vercel.app/

html materialm-tailwind-nextjs-free.vercel.app collected 2026-10-03 07:17:10 UTC 168,783 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html data-dpl-id="dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/0h7~ky9e283g7.css?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/0slkafdr19_q..css?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/0dehdzc_9uaub.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA"/>
1<script src="/_next/static/chunks/0sxdm_1pe1-co.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" async=""></script>
1<script src="/_next/static/chunks/1026od.e2qrz9.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" async=""></script>
1<script src="/_next/static/chunks/0dlgf-riteyaz.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" async=""></script>
1<script src="/_next/static/chunks/0qa0dtvyv~5i5.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" async=""></script>
1<script src="/_next/static/chunks/turbopack-0o.12~hf8jx1w.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" async=""></script>
1<script src="/_next/static/chunks/1502l15e5iq2x.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" async=""></script>
1<script src="/_next/static/chunks/0td3f0i-~xufx.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" async=""></script>
1<script src="/_next/static/chunks/0-odnozt3wdyi.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" async=""></script>
1<script src="/_next/static/chunks/0xyoh4o5iqepc.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" async=""></script>
1<script src="/_next/static/chunks/0i9kod.lh0r34.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" async=""></script>
1<script src="/_next/static/chunks/10hls8gveqp39.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" async=""></script>
1<script src="/_next/static/chunks/0xrm5tnqtmwf4.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" async=""></script>
1<script src="/_next/static/chunks/0y4ohm~l2hrqr.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" async=""></script>
1<script src="/_next/static/chunks/0wxi9__qm4~bc.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" async=""></script>
1<script src="/_next/static/chunks/0hriuad--p2~-.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" async=""></script>
1<script src="/_next/static/chunks/0xpnmwtp7efpb.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" async=""></script>
1<script src="/_next/static/chunks/17~9cxxpwmx7a.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" async=""></script>
1<script src="/_next/static/chunks/0qbhcoob0sre3.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" async=""></script>
1<link rel="icon" href="/favicon.svg" type="image/svg+xml"/><meta name="next-size-adjust" content=""/><title>MaterialM-Nextjs-Free</title><meta name="description" content="Generated by create next app"/>
1<script src="/_next/static/chunks/03~yq9q893hmn.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" noModule=""></script>
1</head><body class="inter_5972bc34-module__OU16Qa__className"><div hidden=""><!--$--><!--/$--></div>
1<script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","theme","system",null,["light","dark"],null,true,true)</script>
1<div class="py-3.5 px-6 z-40 sticky top-0 bg-[linear-gradient(90deg,#0f0533_0%,#1b0a5c_100%)]"><div class="flex flex-col lg:flex-row gap-4 items-center justify-between"><div class="md:flex hidden items-center gap-5"><a href="https://wrappixel.com"><img alt="data" loading="lazy" width="147" height="28" decoding="async" data-nimg="1" style="color:transparent" src="/images/logos/logo-wrappixel.svg?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA"/></a><div class="xl:flex items-center gap-4 pl-5 border-l border-opacity-20 border-white hidden"><a target="_blank" class="flex items-center gap-2 text-white hover:text-[#714bff]" href="https://wrappixel.com/templates/category/nextjs-templates/"><span></span><h4 class="text-base text-white font-normal leading-none">Templates</h4></a><a target="_blank" class="flex items-center gap-2 text-white hover:text-[#714bff]" href="https://support.wrappixel.com/"><span></span><h4 class="text-base text-white font-normal leading-none">Help</h4></a><a target="_blank" class="flex items-center gap-2 text-white hover:text-[#714bff]" href="https://wrappixel.com/hire-us/"><span></span><h4 class="text-base text-white font-normal leading-none">Hire Us</h4></a></div></div><div class="flex flex-col md:flex-row items-center gap-4 justify-center"><h4 class="text-sm font-semibold uppercase bg-[linear-gradient(90deg,#FFFFFF_0%,#8D70F8_100%)] [-webkit-background-clip:text] bg-clip-text [-webkit-text-fill-color:transparent]">Checkout Pro Version</h4><div class="flex flex-col sm:flex-row items-center gap-2.5"><div class="flex items-center gap-2.5"><button class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:cursor-pointer hover:text-white h-10 px-5 py-2 rounded-sm! border border-[#ffffff66] bg-transparent text-white hover:bg-[#8d70f8]" type="button" id="radix-_R_5kpflb_" aria-haspopup="menu" aria-expanded="false" data-state="closed">Live Preview</button><a target="_blank" class="flex items-center px-4 py-[11px] rounded-sm gap-2 text-white bg-[#8d70f8] hover:bg-[#714bff]" href="https://wrappixel.com/templates/materialm-next-js-tailwind-dashboard-template/?ref=376"><span></span><h4 class="text-base text-white font-normal leading-none">Get Pro</h4></a></div><a target="_blank" class="flex items-center px-4 py-[11px] rounded-sm gap-2 text-black bg-[#b3f143] hover:bg-[#90de03]" href="https://wrappixel.com/all-access-pass/"><span></span><h4 class="text-base text-link font-normal leading-none">All Access Pass</h4></a></div></div></div></div><div class="flex w-full min-h-screen bg-lightgray dark:bg-dark"><div class="page-wrapper flex w-full"><div class="xl:block hidden"><div data-slot="sidebar-wrapper" style="--sidebar-width:16rem;--sidebar-width-icon:3rem" class="group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full"><div><div data-slot="sidebar" class="text-sidebar-foreground flex w-(--sidebar-width) flex-col border-r border-border transition-all duration-300 ease-in-out fixed left-0 top-0 xl:top-[70px] border-none shadow-boxShadow bg-background z-10 h-screen" dir="ltr" style="width:270px;color:#2b2b2b"><div data-slot="sidebar-content" data-sidebar="content" class="flex min-h-0 flex-1 flex-col gap-2 group-data-[collapsible=icon]:overflow-hidden !px-0"><div data-slot="sidebar-group" data-sidebar="group" class="relative flex w-full min-w-0 flex-col"><div class="px-4 flex items-center brand-logo overflow-hidden"><div data-slot="sidebar-header" data-sidebar="header" class="flex flex-col gap-2 py-3"><div class="min-h-[50px] overflow-hidden flex w-[253px] whitespace-nowrap  line-clamp-1  py-2  overflow-ellipsis  justify-end justify-start "><a class="w-[40px] flex  overflow-visible" to="/" style="text-decoration:none" href="/"><span class="text-gray-800"><a href="/"><img alt="logo" loading="lazy" width="152" height="36" decoding="async" data-nimg="1" class="block dark:hidden rtl:scale-x-[-1]" style="color:transparent" src="/images/logos/materialm-dark-logo.svg?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA"/><img alt="logo" loading="lazy" width="152" height="36" decoding="async" data-nimg="1" class="hidden dark:block rtl:scale-x-[-1]" style="color:transparent" src="/images/logos/materialm-light-logo.svg?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA"/></a></span></a></div></div></div><div data-simplebar="init" class="h-[calc(100vh-100px)]"><div class="simplebar-wrapper"><div class="simplebar-height-auto-observer-wrapper"><div class="simplebar-height-auto-observer"></div></div><div class="simplebar-mask"><div class="simplebar-offset"><div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content"><div class="simplebar-content"><div class="px-6"><div><div class="mb-1"><div><div data-slot="sidebar-group-label" data-sidebar="group-label" class="ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md mt-5 outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 #2b2b2b hide-menu text-charcoal font-bold uppercase text-xs dar
1k:text-darkcharcoal">Dashboards</div><div></div></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_self" to="/" style="text-decoration:none" href="/"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-primary text-white h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !bg-lightprimary !text-primary !hover-bg-lightprimary !rounded-3xl" style="background-color:#5d87ff;color:#ffffff" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="true"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Dashboard</span></span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Ecommerce</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/dashboards/analytics" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/dashboards/analytics"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Analytics</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" 
1class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/dashboards/crm" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/dashboards/crm"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">CRM</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div class="w-full mt-0.5 text-link dark:text-darklink !rounded-3xl"><div data-state="closed" data-slot="collapsible" class="flex flex-col"><button class="side_sub transition-all duration-200 ease-in-out flex items-center gap-3 _shadcn_sub_menu_5w7yq_1 mt-0.5 text-link dark:text-darklink !rounded-3xl rounded-md text-sidebar-txtclr  hover:translate-x-1 cursor-pointer hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground" type="button" aria-controls="radix-_R_31cpj9flb_" aria-expanded="false" data-state="closed" data-slot="collapsible-trigger"><div class="flex items-center justify-between w-full"><div class="flex items-center gap-3"><span class="text-inherit"><span></span></span><span class="text-sm truncate leading-tight">Front Pages</span></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div></button><div data-state="closed" id="radix-_R_31cpj9flb_" hidden="" data-slot="collapsible-content" class=" flex flex-col"></div></div></div></div><div><div class="mb-1"><div><div data-slot="sidebar-group-label" data-sidebar="group-label" class="ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md mt-5 outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 #2b2b2b hide-menu text-charcoal font-bold uppercase text-xs dark:text-darkcharcoal">AI</div><div></div></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://tailwindbuilder.ai/table-builder" style="text-decoration:none" href="https://tailwindbuilder.ai/table-builder"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Ai Table Builder</span></span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" 
1class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://tailwindbuilder.ai/form-builder" style="text-decoration:none" href="https://tailwindbuilder.ai/form-builder"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Ai Form Builder</span></span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://tailwindbuilder.ai/chart-builder" style="text-decoration:none" href="https://tailwindbuilder.ai/chart-builder"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Ai Chart Builder</span></span></div></div></a></li></ul></div></div></div><div><div class="mb-1"><div><div data-slot="sidebar-group-label" data-sidebar="group-label" class="ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md mt-5 outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 #2b2b2b hide-menu text-charcoal font-bold uppercase text-xs dark:text-darkcharcoal">Utilities</div><div></div></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_self" to="/utilities/typography" style="text-decoration:none" href="/utilities/typography"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Typography</span></span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" 
1class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_self" to="/utilities/table" style="text-decoration:none" href="/utilities/table"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Table</span></span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_self" to="/utilities/form" style="text-decoration:none" href="/utilities/form"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Form</span></span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_self" to="/user-profile" style="text-decoration:none" href="/user-profile"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">User Profile</span></span></div></div></a></li></ul></div></div></div><div><div class="mb-1"><div><div data-slot="sidebar-group-label" data-sidebar="group-label" class="ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md mt-5 outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 #2b2b2b hide-menu text-charcoal font-bold uppercase text-xs dar
1k:text-darkcharcoal">Apps</div><div></div></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_self" to="/apps/notes" style="text-decoration:none" href="/apps/notes"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Notes</span></span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_self" to="/apps/tickets" style="text-decoration:none" href="/apps/tickets"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Tickets</span></span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/apps/contacts" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/apps/contacts"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Contacts</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div class="w-full mt-0.5 text-link dark:text-darklink !rounded-3xl"><div data-state="closed" data-slot="collapsible" class="flex flex-col"><button class="side_sub transition-all duration-200 ease-in-out flex items-center gap-3 _shadcn_sub_menu_5w7yq_1 mt-0.5 text-link dark:text-darklink !rounded-3xl rounded-md text-sidebar-txtclr  hover:translate-x-1 cursor-pointer hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground" type="button" aria-controls="radix-_R_2kcpj9flb_" aria-expanded="false" data-state="closed" data-slot="collapsible-trigger"><div class="flex items-center justify-between w-full"><div class="flex items-center gap-3"><span class="text-inherit"><span></span></span><span class="text-sm truncate leading-tight">Ecommerce</span></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
1ox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div></button><div data-state="closed" id="radix-_R_2kcpj9flb_" hidden="" data-slot="collapsible-content" class=" flex flex-col"></div></div></div><div class="w-full mt-0.5 text-link dark:text-darklink !rounded-3xl"><div data-state="closed" data-slot="collapsible" class="flex flex-col"><button class="side_sub transition-all duration-200 ease-in-out flex items-center gap-3 _shadcn_sub_menu_5w7yq_1 mt-0.5 text-link dark:text-darklink !rounded-3xl rounded-md text-sidebar-txtclr  hover:translate-x-1 cursor-pointer hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground" type="button" aria-controls="radix-_R_34cpj9flb_" aria-expanded="false" data-state="closed" data-slot="collapsible-trigger"><div class="flex items-center justify-between w-full"><div class="flex items-center gap-3"><span class="text-inherit"><span></span></span><span class="text-sm truncate leading-tight">Blogs</span></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div></button><div data-state="closed" id="radix-_R_34cpj9flb_" hidden="" data-slot="collapsible-content" class=" flex flex-col"></div></div></div><div class="w-full mt-0.5 text-link dark:text-darklink !rounded-3xl"><div data-state="closed" data-slot="collapsible" class="flex flex-col"><button class="side_sub transition-all duration-200 ease-in-out flex items-center gap-3 _shadcn_sub_menu_5w7yq_1 mt-0.5 text-link dark:text-darklink !rounded-3xl rounded-md text-sidebar-txtclr  hover:translate-x-1 cursor-pointer hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground" type="button" aria-controls="radix-_R_3kcpj9flb_" aria-expanded="false" data-state="closed" data-slot="collapsible-trigger"><div class="flex items-center justify-between w-full"><div class="flex items-center gap-3"><span class="text-inherit"><span></span></span><span class="text-sm truncate leading-tight">User Profile</span></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div></button><div data-state="closed" id="radix-_R_3kcpj9flb_" hidden="" data-slot="collapsible-content" class=" flex flex-col"></div></div></div><div class="w-full mt-0.5 text-link dark:text-darklink !rounded-3xl"><div data-state="closed" data-slot="collapsible" class="flex flex-col"><button class="side_sub transition-all duration-200 ease-in-out flex items-center gap-3 _shadcn_sub_menu_5w7yq_1 mt-0.5 text-link dark:text-darklink !rounded-3xl rounded-md text-sidebar-txtclr  hover:translate-x-1 cursor-pointer hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground" type="button" aria-controls="radix-_R_44cpj9flb_" aria-expanded="false" data-state="closed" data-slot="collapsible-trigger"><div class="flex items-center justify-between w-full"><div class="flex items-center gap-3"><span class="text-inherit"><span></span></span><span class="text-sm truncate leading-tight">Invoice</span></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div></button><div data-state="closed" id="radix-_R_44cpj9flb_" hidden="" data-slot="collapsible-content" class=" flex flex-col"></div></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1">
1<li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/apps/chats" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/apps/chats"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Chats</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/apps/calendar" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/apps/calendar"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Calendar</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/apps/email" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/apps/email"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Email</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" 
1class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/apps/kanban" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/apps/kanban"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Kanban</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div></div><div><div class="mb-1"><div><div data-slot="sidebar-group-label" data-sidebar="group-label" class="ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md mt-5 outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 #2b2b2b hide-menu text-charcoal font-bold uppercase text-xs dark:text-darkcharcoal">Pro Pages</div><div></div></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/theme-pages/account-settings" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/theme-pages/account-settings"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Account Setting</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" 
1class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/theme-pages/faq" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/theme-pages/faq"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">FAQ</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/theme-pages/pricing" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/theme-pages/pricing"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Pricing</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1">
1<li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/landingpage" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/landingpage"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Landingpage</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/theme-pages/casl" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/theme-pages/casl"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Roll Base Access</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div></div><div><div class="mb-1"><div><div data-slot="sidebar-group-label" data-sidebar="group-label" class="ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md mt-5 outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 #2b2b2b hide-menu text-charcoal font-bold uppercase text-xs dar
1k:text-darkcharcoal">Widgets</div><div></div></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/widgets/cards" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/widgets/cards"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Cards</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/widgets/banners" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/widgets/banners"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Banners</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" 
1class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/widgets/charts" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/widgets/charts"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Charts</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div></div><div><div class="mb-1"><div><div data-slot="sidebar-group-label" data-sidebar="group-label" class="ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md mt-5 outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 #2b2b2b hide-menu text-charcoal font-bold uppercase text-xs dark:text-darkcharcoal">UI</div><div></div></div></div><div class="w-full mt-0.5 text-link dark:text-darklink !rounded-3xl"><div data-state="closed" data-slot="collapsible" class="flex flex-col"><button class="side_sub transition-all duration-200 ease-in-out flex items-center gap-3 _shadcn_sub_menu_5w7yq_1 mt-0.5 text-link dark:text-darklink !rounded-3xl rounded-md text-sidebar-txtclr  hover:translate-x-1 cursor-pointer hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground" type="button" aria-controls="radix-_R_17cpj9flb_" aria-expanded="false" data-state="closed" data-slot="collapsible-trigger"><div class="flex items-center justify-between w-full"><div class="flex items-center gap-3"><span class="text-inherit"><span></span></span><span class="text-sm truncate leading-tight">Ui Elements</span></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div></button><div data-state="closed" id="radix-_R_17cpj9flb_" hidden="" data-slot="collapsible-content" class=" flex flex-col"></div></div></div></div><div><div class="mb-1"><div><div data-slot="sidebar-group-label" data-sidebar="group-label" class="ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md mt-5 outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 #2b2b2b hide-menu text-charcoal font-bold uppercase text-xs dar
1k:text-darkcharcoal">Headless Ui</div><div></div></div></div><div class="w-full mt-0.5 text-link dark:text-darklink !rounded-3xl"><div data-state="closed" data-slot="collapsible" class="flex flex-col"><button class="side_sub transition-all duration-200 ease-in-out flex items-center gap-3 _shadcn_sub_menu_5w7yq_1 mt-0.5 text-link dark:text-darklink !rounded-3xl rounded-md text-sidebar-txtclr  hover:translate-x-1 cursor-pointer hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground" type="button" aria-controls="radix-_R_18cpj9flb_" aria-expanded="false" data-state="closed" data-slot="collapsible-trigger"><div class="flex items-center justify-between w-full"><div class="flex items-center gap-3"><span class="text-inherit"><span></span></span><span class="text-sm truncate leading-tight">Ui Elements</span></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div></button><div data-state="closed" id="radix-_R_18cpj9flb_" hidden="" data-slot="collapsible-content" class=" flex flex-col"></div></div></div><div class="w-full mt-0.5 text-link dark:text-darklink !rounded-3xl"><div data-state="closed" data-slot="collapsible" class="flex flex-col"><button class="side_sub transition-all duration-200 ease-in-out flex items-center gap-3 _shadcn_sub_menu_5w7yq_1 mt-0.5 text-link dark:text-darklink !rounded-3xl rounded-md text-sidebar-txtclr  hover:translate-x-1 cursor-pointer hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground" type="button" aria-controls="radix-_R_1ocpj9flb_" aria-expanded="false" data-state="closed" data-slot="collapsible-trigger"><div class="flex items-center justify-between w-full"><div class="flex items-center gap-3"><span class="text-inherit"><span></span></span><span class="text-sm truncate leading-tight">Form Elements</span></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div></button><div data-state="closed" id="radix-_R_1ocpj9flb_" hidden="" data-slot="collapsible-content" class=" flex flex-col"></div></div></div></div><div><div class="mb-1"><div><div data-slot="sidebar-group-label" data-sidebar="group-label" class="ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md mt-5 outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 #2b2b2b hide-menu text-charcoal font-bold uppercase text-xs dark:text-darkcharcoal">Tables</div><div></div></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/tables/basic" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/tables/basic"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Basic Tables</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" 
1class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/tables/striped-row" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/tables/striped-row"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Striped Rows Table</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/tables/hover-table" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/tables/hover-table"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Hover Table</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1">
1<li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/tables/checkbox-table" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/tables/checkbox-table"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Checkbox Table</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div></div><div><div class="mb-1"><div><div data-slot="sidebar-group-label" data-sidebar="group-label" class="ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md mt-5 outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 #2b2b2b hide-menu text-charcoal font-bold uppercase text-xs dark:text-darkcharcoal">React Tables</div><div></div></div></div><div class="w-full mt-0.5 text-link dark:text-darklink !rounded-3xl"><div data-state="closed" data-slot="collapsible" class="flex flex-col"><button class="side_sub transition-all duration-200 ease-in-out flex items-center gap-3 _shadcn_sub_menu_5w7yq_1 mt-0.5 text-link dark:text-darklink !rounded-3xl rounded-md text-sidebar-txtclr  hover:translate-x-1 cursor-pointer hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground" type="button" aria-controls="radix-_R_1acpj9flb_" aria-expanded="false" data-state="closed" data-slot="collapsible-trigger"><div class="flex items-center justify-between w-full"><div class="flex items-center gap-3"><span class="text-inherit"><span></span></span><span class="text-sm truncate leading-tight">React Tables</span></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div></button><div data-state="closed" id="radix-_R_1acpj9flb_" hidden="" data-slot="collapsible-content" class=" flex flex-col"></div></div></div></div><div><div class="mb-1"><div><div data-slot="sidebar-group-label" data-sidebar="group-label" class="ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md mt-5 outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 #2b2b2b hide-menu text-charcoal font-bold uppercase text-xs dark:text-darkcharcoal">Charts</div><div></div></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" 
1class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/charts/line" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/charts/line"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Line Chart</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/charts/area" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/charts/area"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Area Chart</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1">
1<li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/charts/gradient" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/charts/gradient"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Gradient Chart</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/charts/candlestick" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/charts/candlestick"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Candlestick</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/charts/column" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/charts/column"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Column</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" 
1class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/charts/doughnut" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/charts/doughnut"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Doughnut &amp; Pie</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/charts/radialbar" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/charts/radialbar"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Radialbar &amp; Radar</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div></div><div><div class="mb-1"><div><div data-slot="sidebar-group-label" data-sidebar="group-label" class="ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md mt-5 outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 #2b2b2b hide-menu text-charcoal font-bold uppercase text-xs dar
1k:text-darkcharcoal">Forms</div><div></div></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/forms/form-elements" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/forms/form-elements"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Forms Elements</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/forms/form-layouts" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/forms/form-layouts"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Forms Layouts</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" 
1class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/forms/form-horizontal" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/forms/form-horizontal"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Forms Horizontal</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/forms/form-vertical" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/forms/form-vertical"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Forms Vertical</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1">
1<li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/forms/form-custom" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/forms/form-custom"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Forms Custom</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_blank" to="https://material-m-nextjs-main.vercel.app/forms/form-validation" style="text-decoration:none" href="https://material-m-nextjs-main.vercel.app/forms/form-validation"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Form Validation</span></span><span data-slot="badge" class="inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-lightsecondary text-secondary !ml-auto">Pro</span></div></div></a></li></ul></div></div></div><div><div class="mb-1"><div><div data-slot="sidebar-group-label" data-sidebar="group-label" class="ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md mt-5 outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 #2b2b2b hide-menu text-charcoal font-bold uppercase text-xs dar
1k:text-darkcharcoal">Auth</div><div></div></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_self" to="/auth/login" style="text-decoration:none" href="/auth/login"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Login</span></span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_self" to="/auth/register" style="text-decoration:none" href="/auth/register"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Register</span></span></div></div></a></li></ul></div></div><div class="w-full mt-0.5 text-link dark:text-darklink !rounded-3xl"><div data-state="closed" data-slot="collapsible" class="flex flex-col"><button class="side_sub transition-all duration-200 ease-in-out flex items-center gap-3 _shadcn_sub_menu_5w7yq_1 mt-0.5 text-link dark:text-darklink !rounded-3xl rounded-md text-sidebar-txtclr  hover:translate-x-1 cursor-pointer hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground" type="button" aria-controls="radix-_R_2dcpj9flb_" aria-expanded="false" data-state="closed" data-slot="collapsible-trigger"><div class="flex items-center justify-between w-full"><div class="flex items-center gap-3"><span class="text-inherit"><span></span></span><span class="text-sm truncate leading-tight">Auth Pages</span></div><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right" aria-hidden="true"><path d="m9 18 6-6-6-6"></path></svg></div></button><div data-state="closed" id="radix-_R_2dcpj9flb_" hidden="" data-slot="collapsible-content" class=" flex flex-col"></div></div></div></div><div><div class="mb-1"><div><div data-slot="sidebar-group-label" data-sidebar="group-label" class="ring-sidebar-ring flex h-8 shrink-0 items-center rounded-md mt-5 outline-hidden transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 #2b2b2b hide-menu text-charcoal font-bold uppercase text-xs dar
1k:text-darkcharcoal">Extra</div><div></div></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_self" to="/icons/solar" style="text-decoration:none" href="/icons/solar"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Icons</span></span></div></div></a></li></ul></div></div><div><div data-slot="sidebar-group-content" data-sidebar="group-content" class="w-full text-sm"><ul data-slot="sidebar-menu" data-sidebar="menu" class="flex w-full min-w-0 flex-col gap-1"><li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative"><a target="_self" to="/sample-page" style="text-decoration:none" href="/sample-page"><div class="side_sub mb-0.5 peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-md text-left outline-hidden ring-sidebar-ring transition-[width,height,padding] focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 [&amp;&gt;span:last-child]:truncate [&amp;&gt;svg]:size-4 [&amp;&gt;svg]:shrink-0 h-8 text-sm bg-transparent hover:bg-sidebar-accent hover:text-sidebar-accent-foreground dark:hover:text-sidebar-accent-foreground h-full whitespace-nowrap shadcn_menu_item _shadcn_menu_item_1385i_1 transition-all duration-300 ease-in-out hover:translate-x-1 rounded-md cursor-pointer hover:bg-lightprimary! hover:text-primary! mt-0.5 text-link dark:text-darklink !rounded-3xl" data-slot="sidebar-menu-button" data-sidebar="menu-button" data-size="default" data-active="false"><div><span></span></div><div class="flex items-center justify-between w-full "><span class="text-sm leading-tight truncate"><span class="truncate flex-1">Sample Page</span></span></div></div></a></li></ul></div></div></div><div class="mt-9  overflow-hidden"><div class="flex w-full bg-lightprimary rounded-lg p-6"><div class="lg:w-1/2 w-full"><h5 class="text-base text-charcoal">Haven&#x27;t Account?</h5><button class="inline-flex items-center justify-center gap-2 rounded-full font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 hover:cursor-pointer bg-primary text-white hover:bg-primaryemphasis h-10 px-5 py-2 whitespace-nowrap mt-2 text-[13px]">Get Pro</button></div><div class="lg:w-1/2 w-full -mt-4 ml-[26px] scale-[1.2] shrink-0"><img alt="rocket" loading="lazy" width="100" height="100" decoding="async" data-nimg="1" style="color:transparent" src="/images/backgrounds/rocket.png?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA"/></div></div></div></div></div></div></div></div><div class="simplebar-placeholder"></div></div><div class="simplebar-track simplebar-horizontal"><div class="simplebar-scrollbar"></div></div><div class="simplebar-track simplebar-vertical"><div class="simplebar-scrollbar"></div></div></div></div></div></div></div></div></div><div class="body-wrapper w-full"><header class="sticky top-0 xl:top-[68px] z-2 bg-transparent"><nav class="rounded-none  py-4 sm:ps-6 max-w-full! sm:pe-10 dark:bg-dark flex justify-between items-center px-6"><div class="px-3.5 hover:text-primary dark:hover:text-primary text-link dark:text-darklink relative after:absolute after:w-10 after:h-10 after:rounded-full hover:after:bg-lightprimary  after:bg-transparent roun
1ded-full xl:hidden flex justify-center items-center cursor-pointer"><span></span></div><div class="block xl:hidden"><a href="/"><img alt="logo" loading="lazy" width="152" height="36" decoding="async" data-nimg="1" class="block dark:hidden rtl:scale-x-[-1]" style="color:transparent" src="/images/logos/materialm-dark-logo.svg?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA"/><img alt="logo" loading="lazy" width="152" height="36" decoding="async" data-nimg="1" class="hidden dark:block rtl:scale-x-[-1]" style="color:transparent" src="/images/logos/materialm-light-logo.svg?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA"/></a></div><div class="flex xl:hidden items-center"><div class="hover:text-primary px-2 md:px-15 group focus:ring-0 rounded-full flex justify-center items-center cursor-pointer text-gray relative"><span class="flex items-center justify-center relative after:absolute after:w-10 after:h-10 after:rounded-full after:-top-1/2   group-hover:after:bg-lightprimary"><span></span></span></div><div class="xl:block "><div class="flex gap-0 items-center relative"><div class="relative group/menu px-15"><div class="relative" type="button" id="radix-_R_2dd9flb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><span class="relative after:absolute after:w-10 after:h-10 after:rounded-full hover:text-primary after:-top-1/2 hover:after:bg-lightprimary rounded-full flex justify-center items-center cursor-pointer group-hover/menu:after:bg-lightprimary group-hover/menu:text-primary"><span></span></span><span class="rounded-full absolute -end-[6px] -top-[5px] text-[10px] h-2 w-2 bg-primary flex justify-center items-center"></span></div></div></div></div><div class="relative group/menu ps-15 shrink-0"><span class="hover:text-primary hover:bg-lightprimary rounded-full flex justify-center items-center cursor-pointer group-hover/menu:bg-lightprimary group-hover/menu:text-primary" type="button" id="radix-_R_3dd9flb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><img alt="logo" loading="lazy" width="35" height="35" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" src="/images/profile/user-1.jpg?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA"/></span></div></div><div class="hidden xl:flex items-center justify-between w-full"><div class="flex items-center gap-2"><div class="relative"><span></span><input type="text" class="flex h-10 w-full border px-3 py-2 text-sm disabled:cursor-not-allowed disabled:opacity-50 file:border-0 file:rounded-sm file:text-sm file:font-medium file:text-primary file:mr-5 focus-visible:outline-0 border-ld bg-transparent text-ld placeholder:text-muted-foreground dark:placeholder:text-white/30 focus-visible:border-primary focus-visible:ring-0 rounded-xl pl-10" placeholder="Search..."/></div></div><div class="flex w-full justify-end items-end"><div class="flex gap-0 items-center "><div class="relative lg:block hidden group w-fit shadow-grid-shadow bg-[radial-gradient(100%_707.08%_at_0%_0%,#15CEBD_0%,#548AFE_33.82%,#E02FD6_72.12%,#FDB54E_100%)] p-0.5 rounded-full"><a class="flex items-center gap-2.5 px-3 py-1.5 bg-background rounded-full transition-all dark:hover:bg-[radial-gradient(100%_707.08%_at_0%_0%,#15CEBD36_0%,#548AFE36_33.82%,#E02FD636_72.12%,#FDB54E36_100%)] group hover:bg-[radial-gradient(100%_707.08%_at_0%_0%,#15CEBD36_0%,#548AFE36_33.82%,#E02FD636_72.12%,#FDB54E36_100%)]" href="https://tailwind-admin.com/#pricing"><p class="text-base font-semibold">Check Pro Version</p></a></div><div class="hover:text-primary px-15 group focus:ring-0 rounded-full flex justify-center items-center cursor-pointer text-gray relative"><span class="flex items-center justify-center relative after:absolute after:w-10 after:h-10 after:rounded-full after:-top-1/2   group-hover:after:bg-lightprimary"><span></span></span></div><div class="xl:block "><div class="flex gap-0 items-center relative"><div class="relative group/menu px-15"><div class="relative" type="button" id="radix-_R_ehd9flb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><span class="relative after:absolute after:w-10 after:h-10 after:rounded-full hover:text-primary after:-top-1/2 hover:after:bg-lightprimary rounded-full flex justify-center items-center cursor-pointer group-hover/menu:after:bg-lightprimary group-hover/menu:text-primary"><span></span></span><span class="rounded-full absolute -end-[6px] -top-[5px] text-[10px] h-2 w-2 bg-primary flex justify-center items-center"></span></div></div></div></div><div class="relative group/menu ps-15 shrink-0"><span class="hover:text-primary hover:bg-lightprimary rounded-full flex justify-center items-center cursor-pointer group-hover/menu:bg-lightprimary group-hover/menu:text-primary" type="button" id="radix-_R_ihd9flb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><img alt="logo" loading="lazy" width="35" height="35" decoding="async" data-nimg="1" class="rounded-full" style="color:transparent" src="/images/profile/user-1.jpg?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA"/></span></div></div></div></div></nav></header><div class="container mx-auto px-6 py-30"><div class="grid grid-cols-12 gap-30"><div class="lg:col-span-8 col-span-12"><div class="rounded-3xl dark:shadow-dark-md shadow-md bg-background p-6 relative w-full break-words"><div class="flex justify-between items-center"><h5 class="card-title">Sales Profit</h5><button type="button" role="combobox" aria-controls="radix-_R_14lfl9flb_" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-slot="select-trigger" data-size="default" class="border-input data-[placeholder]:text-muted-foreground [&amp;_svg:not([class*=&#x27;text-&#x27;])]:text-muted-foreground focus-visible:outline-0 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;
1size-&#x27;])]:size-4 w-[140px]"><span data-slot="select-value" style="pointer-events:none"></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-4 opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></select></div><div class="-ms-4 -me-3 mt-2"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--></div></div></div><div class="lg:col-span-4 col-span-12"><div class="grid grid-cols-12 "><div class="col-span-12 mb-30"><div class="bg-lighterror rounded-3xl p-6 relative w-full break-words"><div class="flex items-center justify-between"><div class="flex items-center gap-3"><span class="w-14 h-10 rounded-full flex items-center justify-center  bg-error text-white"><span></span></span><h5 class="text-base opacity-70">Total followers</h5></div><div><span class="h-9 w-9 flex justify-center items-center rounded-full cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800" type="button" id="radix-_R_4l5fl9flb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true" height="22" width="22" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"></path></svg></span></div></div><div class="grid grid-cols-12 gap-[24px] items-end mt-3"><div class="xl:col-span-6 col-span-7"><h2 class="text-3xl mb-3">4,562</h2><span class="font-semibold border rounded-full border-black/5 dark:border-white/10 py-0.5 px-[10px] leading-[normal] text-xs text-dark dark:text-darklink"><span class="opacity-70">+23% last month</span></span></div><div class="xl:col-span-6  col-span-5 "><div class="rounded-bars md:ps-7"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--></div></div></div></div></div><div class="col-span-12"><div class="bg-lightsecondary rounded-3xl p-6 relative w-full break-words"><div class="flex items-center justify-between"><div class="flex items-center gap-3"><span class="w-14 h-10 rounded-full flex items-center justify-center bg-secondary text-white"><span></span></span><h5 class="text-base opacity-70">Total Income</h5></div><span class="h-9 w-9 flex justify-center items-center rounded-full cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800" type="button" id="radix-_R_4p5fl9flb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true" height="22" width="22" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"></path></svg></span></div><div class="grid grid-cols-12 gap-[24px] items-end mt-10"><div class="xl:col-span-6 col-span-7"><h2 class="text-3xl mb-3">$6,280</h2><span class="font-semibold border rounded-full border-black/5 dark:border-white/10 py-0.5 px-[10px] leading-[normal] text-xs text-dark dark:text-darklink"><span class="opacity-70">+18% last month</span></span></div><div class="xl:col-span-6 col-span-5"><div class="rounded-bars md:ps-7"><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--></div></div></div></div></div></div></div><div class="lg:col-span-8 col-span-12"><div class="rounded-3xl dark:shadow-dark-md shadow-md bg-background py-6 px-0 relative w-full break-words"><div class="px-6"><h5 class="card-title">Popular Products</h5><p class="card-subtitle">Total 9k Visitors</p></div><div data-simplebar="init" class="max-h-[450px]"><div class="simplebar-wrapper"><div class="simplebar-height-auto-observer-wrapper"><div class="simplebar-height-auto-observer"></div></div><div class="simplebar-mask"><div class="simplebar-offset"><div class="simplebar-content-wrapper" tabindex="0" role="region" aria-label="scrollable content"><div class="simplebar-content"><div class="overflow-x-auto"><div data-slot="table-container" class="relative w-full overflow-x-auto"><table data-slot="table" class="w-full caption-bottom text-sm"><thead data-slot="table-header" class="[&amp;_tr]:border-b"><tr data-slot="table-row" class="data-[state=selected]:bg-muted border-b border-ld transition-colors"><th data-slot="table-head" class="text-foreground h-10 text-left align-middle font-medium whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px] p-6">Products</th><th data-slot="table-head" class="text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px]">Payment</th><th data-slot="table-head" class="text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px]">Status</th><th data-slot="table-head" class="text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px]"></th></tr></thead><tbody data-slot="table-body" class="[&amp;_tr:last-child]:border-0"><tr data-slot="table-row" class="data-[state=selected]:bg-muted border-b border-ld transition-colors"><td data-slot="table-cell" class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px] whitespace-nowrap ps-6"><div class="flex gap-3 items-center"><img alt="icon" loading="lazy" width="60" height="60" decoding="async" data-nimg="1" class="h-[60px] w-[60px] rounded-md" style="color:transparent" src="/_next/static/media/s1.0b0opzk72wgts.jpg?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA"/><div class="truncate line-clamp-2 max-w-56"><h6 class="text-sm">iPhone 13 pro max-Pacific Blue-128GB storage</h6></div></div></td><td data-slot="table-cell" class="p-4 align-middle whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px]"><h5 class="text-base text-wrap">$180<span class="text-dark dark:text-darklink opacity-70"><span class="mx-1">/</span>
1499</span></h5><div class="text-sm font-medium text-dark dark:text-darklink opacity-70 mb-2 text-wrap">Partially paid</div><div class="me-5"><div aria-valuemax="100" aria-valuemin="0" role="progressbar" data-state="indeterminate" data-max="100" class="relative h-1 w-full overflow-hidden rounded-full bg-gray-200 dark:bg-white/15"><div data-state="indeterminate" data-max="100" class="h-full w-full flex-1 transition-all bg-warning" style="transform:translateX(-55%)"></div></div></div></td><td data-slot="table-cell" class="p-4 align-middle whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px]"><div class="inline-flex items-center rounded-full px-2.5 py-1 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-lightsuccess text-success border-0">Confirmed</div></td><td data-slot="table-cell" class="p-4 align-middle whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px]"><span class="h-9 w-9 flex justify-center items-center rounded-full hover:bg-lightprimary hover:text-primary cursor-pointer" type="button" id="radix-_R_11kplfl9flb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true" height="22" width="22" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"></path></svg></span></td></tr><tr data-slot="table-row" class="data-[state=selected]:bg-muted border-b border-ld transition-colors"><td data-slot="table-cell" class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px] whitespace-nowrap ps-6"><div class="flex gap-3 items-center"><img alt="icon" loading="lazy" width="60" height="60" decoding="async" data-nimg="1" class="h-[60px] w-[60px] rounded-md" style="color:transparent" src="/_next/static/media/s2.1607.9dye7sb6.jpg?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA"/><div class="truncate line-clamp-2 max-w-56"><h6 class="text-sm">
1Apple MacBook Pro 13 inch-M1-8/256GB-space</h6></div></div></td><td data-slot="table-cell" class="p-4 align-middle whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px]"><h5 class="text-base text-wrap">$120<span class="text-dark dark:text-darklink opacity-70"><span class="mx-1">/</span>499</span></h5><div class="text-sm font-medium text-dark dark:text-darklink opacity-70 mb-2 text-wrap">Full paid</div><div class="me-5"><div aria-valuemax="100" aria-valuemin="0" role="progressbar" data-state="indeterminate" data-max="100" class="relative h-1 w-full overflow-hidden rounded-full bg-gray-200 dark:bg-white/15"><div data-state="indeterminate" data-max="100" class="h-full w-full flex-1 transition-all bg-success" style="transform:translateX(-0%)"></div></div></div></td><td data-slot="table-cell" class="p-4 align-middle whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px]"><div class="inline-flex items-center rounded-full px-2.5 py-1 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-lightsuccess text-success border-0">Confirmed</div></td><td data-slot="table-cell" class="p-4 align-middle whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px]"><span class="h-9 w-9 flex justify-center items-center rounded-full hover:bg-lightprimary hover:text-primary cursor-pointer" type="button" id="radix-_R_12kplfl9flb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true" height="22" width="22" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"></path></svg></span></td></tr><tr data-slot="table-row" class="data-[state=selected]:bg-muted border-b border-ld transition-colors"><td data-slot="table-cell" class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px] whitespace-nowrap ps-6"><div class="flex gap-3 items-center"><img alt="icon" loading="lazy" width="60" height="60" decoding="async" data-nimg="1" class="h-[60px] w-[60px] rounded-md" style="color:transparent" src="/_next/static/media/s3.0ymqe6qdhh41e.jpg?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA"/><div class="truncate line-clamp-2 max-w-56"><h6 class="text-sm">PlayStation 5 DualSense Wireless Controller</h6></div></div></td><td data-slot="table-cell" class="p-4 align-middle whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px]"><h5 class="text-base text-wrap">$120<span class="text-dark dark:text-darklink opacity-70"><span class="mx-1">/</span>499</span></h5><div class="text-sm font-medium text-dark dark:text-darklink opacity-70 mb-2 text-wrap">Cancelled</div><div class="me-5"><div aria-valuemax="100" aria-valuemin="0" role="progressbar" data-state="indeterminate" data-max="100" class="relative h-1 w-full overflow-hidden rounded-full bg-gray-200 dark:bg-white/15"><div data-state="indeterminate" data-max="100" class="h-full w-full flex-1 transition-all bg-error" style="transform:translateX(-0%)"></div></div></div></td><td data-slot="table-cell" class="p-4 align-middle whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px]"><div class="inline-flex items-center rounded-full px-2.5 py-1 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-lighterror text-error border-0">Cancelled</div></td><td data-slot="table-cell" class="p-4 align-middle whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px]"><span class="h-9 w-9 flex justify-center items-center rounded-full hover:bg-lightprimary hover:text-primary cursor-pointer" type="button" id="radix-_R_13kplfl9flb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true" height="22" width="22" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"></path></svg></span></td></tr><tr data-slot="table-row" class="data-[state=selected]:bg-muted border-b border-ld transition-colors"><td data-slot="table-cell" class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px] whitespace-nowrap ps-6"><div class="flex gap-3 items-center"><img alt="icon" loading="lazy" width="60" height="60" decoding="async" data-nimg="1" class="h-[60px] w-[60px] rounded-md" style="color:transparent" src="/_next/static/media/s5.13plz4ajm5d4t.jpg?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA"/><div class="truncate line-clamp-2 max-w-56"><h6 class="text-sm">Amazon Basics Mesh, Mid-Back, Swivel Office</h6></div></div></td><td data-slot="table-cell" class="p-4 align-middle whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px]"><h5 class="text-base text-wrap">$120<span class="text-dark dark:text-darklink opacity-70"><span class="mx-1">/</span>
1499</span></h5><div class="text-sm font-medium text-dark dark:text-darklink opacity-70 mb-2 text-wrap">Partially paid</div><div class="me-5"><div aria-valuemax="100" aria-valuemin="0" role="progressbar" data-state="indeterminate" data-max="100" class="relative h-1 w-full overflow-hidden rounded-full bg-gray-200 dark:bg-white/15"><div data-state="indeterminate" data-max="100" class="h-full w-full flex-1 transition-all bg-warning" style="transform:translateX(-55%)"></div></div></div></td><td data-slot="table-cell" class="p-4 align-middle whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px]"><div class="inline-flex items-center rounded-full px-2.5 py-1 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-lightsuccess text-success border-0">Confirmed</div></td><td data-slot="table-cell" class="p-4 align-middle whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px]"><span class="h-9 w-9 flex justify-center items-center rounded-full hover:bg-lightprimary hover:text-primary cursor-pointer" type="button" id="radix-_R_14kplfl9flb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true" height="22" width="22" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"></path></svg></span></td></tr><tr data-slot="table-row" class="data-[state=selected]:bg-muted border-b border-ld transition-colors"><td data-slot="table-cell" class="p-4 align-middle [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px] whitespace-nowrap ps-6"><div class="flex gap-3 items-center"><img alt="icon" loading="lazy" width="60" height="60" decoding="async" data-nimg="1" class="h-[60px] w-[60px] rounded-md" style="color:transparent" src="/_next/static/media/s4.0~f5.8gyn_0ng.jpg?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA"/><div class="truncate line-clamp-2 max-w-56"><h6 class="text-sm">Sony X85J 75 Inch Sony 4K Ultra HD LED Smart</h6></div></div></td><td data-slot="table-cell" class="p-4 align-middle whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px]"><h5 class="text-base text-wrap">$120<span class="text-dark dark:text-darklink opacity-70"><span class="mx-1">/</span>499</span></h5><div class="text-sm font-medium text-dark dark:text-darklink opacity-70 mb-2 text-wrap">Full paid</div><div class="me-5"><div aria-valuemax="100" aria-valuemin="0" role="progressbar" data-state="indeterminate" data-max="100" class="relative h-1 w-full overflow-hidden rounded-full bg-gray-200 dark:bg-white/15"><div data-state="indeterminate" data-max="100" class="h-full w-full flex-1 transition-all bg-success" style="transform:translateX(-0%)"></div></div></div></td><td data-slot="table-cell" class="p-4 align-middle whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px]"><div class="inline-flex items-center rounded-full px-2.5 py-1 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 bg-lightsuccess text-success border-0">Confirmed</div></td><td data-slot="table-cell" class="p-4 align-middle whitespace-nowrap [&amp;:has([role=checkbox])]:pr-0 [&amp;&gt;[role=checkbox]]:translate-y-[2px]"><span class="h-9 w-9 flex justify-center items-center rounded-full hover:bg-lightprimary hover:text-primary cursor-pointer" type="button" id="radix-_R_15kplfl9flb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true" height="22" width="22" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"></path></svg></span></td></tr></tbody></table></div></div></div></div></div></div><div class="simplebar-placeholder"></div></div><div class="simplebar-track simplebar-horizontal"><div class="simplebar-scrollbar"></div></div><div class="simplebar-track simplebar-vertical"><div class="simplebar-scrollbar"></div></div></div></div></div><div class="lg:col-span-4 col-span-12"><div class="rounded-3xl dark:shadow-dark-md shadow-md bg-background p-6 relative w-full break-words"><div class="flex items-center justify-between"><h5 class="card-title">Earning Reports</h5><span class="h-9 w-9 flex justify-center items-center rounded-full hover:bg-lightprimary hover:text-primary curs
1or-pointer" type="button" id="radix-_R_165fl9flb_" aria-haspopup="menu" aria-expanded="false" data-state="closed"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" aria-hidden="true" height="22" width="22" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" d="M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"></path></svg></span></div><div class="flex flex-col mt-2"><div class="flex items-center justify-between py-5 border-b border-ld"><div class="flex gap-3 items-center"><span class="w-14 h-10 rounded-full flex items-center justify-center bg-lightprimary text-primary"><span></span></span><div><h4 class="text-sm mb-1">Bank Transfer</h4><p class="text-darklink text-xs flex items-center gap-1">and +1 more<!-- --> <span></span></p></div></div><div class="rounded-full border px-2.5 py-1 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent flex items-center gap-1 bg-lightsuccess text-success"><span></span>16.3%</div></div><div class="flex items-center justify-between py-5 border-b border-ld"><div class="flex gap-3 items-center"><span class="w-14 h-10 rounded-full flex items-center justify-center bg-lighterror text-error"><span></span></span><div><h4 class="text-sm mb-1">Net Profit</h4><p class="text-darklink text-xs flex items-center gap-1">and +4 more<!-- --> <span></span></p></div></div><div class="rounded-full border px-2.5 py-1 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent flex items-center gap-1 bg-lightsuccess text-success"><span></span>12.55%</div></div><div class="flex items-center justify-between py-5 border-b border-ld"><div class="flex gap-3 items-center"><span class="w-14 h-10 rounded-full flex items-center justify-center bg-lightsecondary text-secondary"><span></span></span><div><h4 class="text-sm mb-1">Total Income</h4><p class="text-darklink text-xs flex items-center gap-1">and +4 more<!-- --> <span></span></p></div></div><div class="rounded-full border px-2.5 py-1 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent flex items-center gap-1 bg-lightsuccess text-success"><span></span>12.55%</div></div><div class="flex items-center justify-between py-5 border-b border-ld"><div class="flex gap-3 items-center"><span class="w-14 h-10 rounded-full flex items-center justify-center bg-lightwarning text-warning"><span></span></span><div><h4 class="text-sm mb-1">Total Expenses</h4><p class="text-darklink text-xs flex items-center gap-1">and +2 more<!-- --> <span></span></p></div></div><div class="rounded-full border px-2.5 py-1 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent flex items-center gap-1 bg-lightsuccess text-success"><span></span>8.28%</div></div><div class="flex items-center justify-between py-5 border-b border-ld"><div class="flex gap-3 items-center"><span class="w-14 h-10 rounded-full flex items-center justify-center bg-lighterror text-error"><span></span></span><div><h4 class="text-sm mb-1">Net Profit</h4><p class="text-darklink text-xs flex items-center gap-1">and +4 more<!-- --> <span></span></p></div></div><div class="rounded-full border px-2.5 py-1 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent flex items-center gap-1 bg-lightsuccess text-success"><span></span>10.55%</div></div><a class="text-base text-center pt-6 font-semibold text-dark dark:text-darklink hover:text-primary dark:hover:text-primary" href="/">View more markets</a></div></div></div><div class="col-span-12"><div class="grid grid-cols-12 gap-30"><div class="lg:col-span-4 col-span-12"><a class="group" href=""><div class="rounded-3xl dark:shadow-dark-md shadow-md bg-background p-0 relative w-full break-words overflow-hidden"><div class="relative"><img alt="materialm" loading="lazy" width="1080" height="720" decoding="async" data-nimg="1" style="color:transparent" src="/_next/static/media/blog-img1.0_er.~ct4_c3g.jpg?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA"/><div class="inline-flex items-center rounded-full border px-2.5 py-1 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent absolute bottom-4 right-4 bg-white text-dark">2 min Read</div></div><div class="px-6 pb-6"><img alt="user" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="h-10 w-10 rounded-full -mt-7 relative z-1" style="color:transparent" src="/_next/static/media/user-6.0x3j6i6mtxe0s.jpg?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA"/><div class="inline-flex items-center rounded-full border px-2.5 py-1 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-lightgray dark:bg-link text-customdark mt-6">Social</div><h5 class="text-lg my-6 group-hover:text-primary line-clamp-2">As yen tumbles, gadget-loving Japan goes for secondhand iPhones</h5><div class="flex"><div class="flex gap-2 me-6 items-center"><span></span><span class="text-sm text-darklink">9,125</span></div><div class="flex gap-2 items-center"><span></span><span class="text-sm text-darklink">9,125</span></div><div class="flex gap-1 items-center ms-auto"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-dark" height="15" width="15" xmlns="http://www.w3.org/2000/svg"><path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path></svg> <span class="text-sm text-darklink">Mon, Dec 19</span></div></div></div></div></a></div><div class="lg:col-span-4 col-span-12"><a class="group" href=""><div class="rounded-3xl dark:shadow-dark-md shadow-md bg-background p-0 relative w-full break-words overflow-hidden"><div class="relative"><img alt="materialm" loading="lazy" width="1080" height="720" decoding="async" data-nimg="1" style="color:transparent" src="/_next/static/media/blog-img2.0f~54v4v.52xr.jpg?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA"/><div class="inline-flex items-center rounded-full border px-2.5 py-1 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent absolute bottom-4 right-4 bg-white text-dark">2 min Read</div></div><div class="px-6 pb-6"><img alt="user" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="h-10 w-10 rounded-full -mt-7 relative z-1" style="color:transparent" src="/_next/static/media/user-2.0e-smbwpr4dq-.jpg?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA"/><div class="inline-flex items-center rounded-full border px-2.5 py-1 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-lightgray dark:bg-link text-customdark mt-6">Gadget</div><h5 class="text-lg my-6 group-hover:text-primary line-clamp-2">Intel loses bid to revive antitrust case against patent foe Fortress</h5><div class="flex"><div class="flex gap-2 me-6 items-center"><span></span><span class="text-sm text-darklink">4,150</span></div><div class="flex gap-2 items-center"><span></span><span class="text-sm text-darklink">4,150</span></div><div class="flex gap-1 items-center ms-auto"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-dark" height="15" width="15" xmlns="http://www.w3.org/2000/svg"><path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path></svg> <span class="text-sm text-darklink">
1Sun, Dec 18</span></div></div></div></div></a></div><div class="lg:col-span-4 col-span-12"><a class="group" href=""><div class="rounded-3xl dark:shadow-dark-md shadow-md bg-background p-0 relative w-full break-words overflow-hidden"><div class="relative"><img alt="materialm" loading="lazy" width="1080" height="720" decoding="async" data-nimg="1" style="color:transparent" src="/_next/static/media/blog-img3.0yn8~~ipr66.d.jpg?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA"/><div class="inline-flex items-center rounded-full border px-2.5 py-1 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent absolute bottom-4 right-4 bg-white text-dark">2 min Read</div></div><div class="px-6 pb-6"><img alt="user" loading="lazy" width="500" height="500" decoding="async" data-nimg="1" class="h-10 w-10 rounded-full -mt-7 relative z-1" style="color:transparent" src="/_next/static/media/user-3.0s7c96v_yhazv.jpg?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA"/><div class="inline-flex items-center rounded-full border px-2.5 py-1 text-xs font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 border-transparent bg-lightgray dark:bg-link text-customdark mt-6">Health</div><h5 class="text-lg my-6 group-hover:text-primary line-clamp-2">COVID outbreak deepens as more lockdowns loom in China</h5><div class="flex"><div class="flex gap-2 me-6 items-center"><span></span><span class="text-sm text-darklink">9,480</span></div><div class="flex gap-2 items-center"><span></span><span class="text-sm text-darklink">9,480</span></div><div class="flex gap-1 items-center ms-auto"><svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" class="text-dark" height="15" width="15" xmlns="http://www.w3.org/2000/svg"><path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path></svg> <span class="text-sm text-darklink">Sat, Dec 17</span></div></div></div></div></a></div></div></div></div><!--$--><!--/$--></div></div></div></div>
1<script src="/_next/static/chunks/0dehdzc_9uaub.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA" id="_R_" async=""></script>
1<script>(self.__next_f=self.__next_f||[]).push([0])</script>
1<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[63107,[\"/_next/static/chunks/1502l15e5iq2x.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0td3f0i-~xufx.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\"],\"ThemeProvider\"]\n3:I[1322,[\"/_next/static/chunks/1502l15e5iq2x.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0td3f0i-~xufx.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\"],\"default\"]\n4:I[13694,[\"/_next/static/chunks/1502l15e5iq2x.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0td3f0i-~xufx.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\"],\"default\"]\n5:I[32986,[\"/_next/static/chunks/1502l15e5iq2x.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0td3f0i-~xufx.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0-odnozt3wdyi.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\"],\"Image\"]\n6:I[56930,[\"/_next/static/chunks/1502l15e5iq2x.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0td3f0i-~xufx.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0-odnozt3wdyi.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\"],\"\"]\n7:I[83447,[\"/_next/static/chunks/1502l15e5iq2x.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0td3f0i-~xufx.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\"],\"ClientSegmentRoot\"]\n8:I[20385,[\"/_next/static/chunks/1502l15e5iq2x.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0td3f0i-~xufx.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0xyoh4o5iqepc.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0i9kod.lh0r34.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/10hls8gveqp39.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0xrm5tnqtmwf4.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0y4ohm~l2hrqr.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0wxi9__qm4~bc.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\"],\"default\"]\nc:I[19095,[\"/_next/static/chunks/1502l15e5iq2x.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0td3f0i-~xufx.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\"],\"default\",1]\n:HL[\"/_next/static/chunks/0h7~ky9e283g7.css?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"style\"]\n:HL[\"/_next/static/chunks/0slkafdr19_q..css?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"style\"]\n:HL[\"/_next/static/media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
1<script>self.__next_f.push([1,"0:{\"P\":null,\"c\":[\"\",\"\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"(DashboardLayout)\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",16],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0h7~ky9e283g7.css?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/1502l15e5iq2x.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0td3f0i-~xufx.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[\"$\",\"link\",null,{\"rel\":\"icon\",\"href\":\"/favicon.svg\",\"type\":\"image/svg+xml\"}]}],[\"$\",\"body\",null,{\"className\":\"inter_5972bc34-module__OU16Qa__className\",\"children\":[\"$\",\"$L2\",null,{\"attribute\":\"class\",\"defaultTheme\":\"system\",\"enableSystem\":true,\"disableTransitionOnChange\":true,\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"h-screen flex items-center justify-center bg-background\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center\",\"children\":[[\"$\",\"$L5\",null,{\"src\":\"/images/backgrounds/errorimg.svg\",\"alt\":\"error\",\"className\":\"mb-4\",\"width\":400,\"height\":300}],[\"$\",\"h1\",null,{\"className\":\"text-ld text-4xl mb-6\",\"children\":\"Opps!!!\"}],[\"$\",\"h6\",null,{\"className\":\"text-xl text-ld\",\"children\":\"This page you are looking for could not be found.\"}],[\"$\",\"$L6\",null,{\"href\":\"/\",\"children\":\"Go Back to Home\",\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg]:size-4 [\u0026_svg]:shrink-0 hover:cursor-pointer bg-primary text-white hover:bg-primaryemphasis h-10 px-5 py-2 mt-6 mx-auto\",\"ref\":null}]]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0slkafdr19_q..css?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0xyoh4o5iqepc.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0i9kod.lh0r34.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/10hls8gveqp39.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/0xrm5tnqtmwf4.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/0y4ohm~l2hrqr.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-5\",{\"src\":\"/_next/static/chunks/0wxi9__qm4~bc.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L7\",null,{\"Component\":\"$8\",\"slots\":{\"children\":[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"div\",null,{\"className\":\"h-screen flex items-center justify-center bg-background\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-center\",\"children\":[[\"$\",\"$L5\",null,{\"src\":\"/images/backgrounds/errorimg.svg\",\"alt\":\"error\",\"className\":\"mb-4\",\"width\":400,\"height\"
1:300}],[\"$\",\"h1\",null,{\"className\":\"text-ld text-4xl mb-6\",\"children\":\"Opps!!!\"}],[\"$\",\"h6\",null,{\"className\":\"text-xl text-ld\",\"children\":\"This page you are looking for could not be found.\"}],[\"$\",\"$L6\",null,{\"href\":\"/\",\"children\":\"Go Back to Home\",\"className\":\"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [\u0026_svg]:pointer-events-none [\u0026_svg]:size-4 [\u0026_svg]:shrink-0 hover:cursor-pointer bg-primary text-white hover:bg-primaryemphasis h-10 px-5 py-2 mt-6 mx-auto\",\"ref\":null}]]}]}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]},\"serverProvidedParams\":{\"params\":{},\"promises\":[\"$@9\"]}}]]}],{\"children\":[\"$La\",{},null,false,null]},null,false,null]},null,false,null],\"$Lb\",false]],\"m\":\"$undefined\",\"G\":[\"$c\",[\"$Ld\"]],\"S\":true,\"h\":null,\"s\":\"$undefined\",\"l\":\"$undefined\",\"p\":\"$undefined\",\"d\":\"$undefined\"}\n"])</script>
1<script>self.__next_f.push([1,"e:I[72129,[\"/_next/static/chunks/1502l15e5iq2x.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0td3f0i-~xufx.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0xyoh4o5iqepc.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0i9kod.lh0r34.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/10hls8gveqp39.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0xrm5tnqtmwf4.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0y4ohm~l2hrqr.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0wxi9__qm4~bc.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0hriuad--p2~-.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0xpnmwtp7efpb.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/17~9cxxpwmx7a.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0qbhcoob0sre3.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\"],\"default\"]\nf:I[23820,[\"/_next/static/chunks/1502l15e5iq2x.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0td3f0i-~xufx.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0xyoh4o5iqepc.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0i9kod.lh0r34.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/10hls8gveqp39.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0xrm5tnqtmwf4.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0y4ohm~l2hrqr.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0wxi9__qm4~bc.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0hriuad--p2~-.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0xpnmwtp7efpb.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/17~9cxxpwmx7a.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0qbhcoob0sre3.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\"],\"default\"]\n10:I[85807,[\"/_next/static/chunks/1502l15e5iq2x.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0td3f0i-~xufx.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0xyoh4o5iqepc.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0i9kod.lh0r34.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/10hls8gveqp39.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0xrm5tnqtmwf4.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0y4ohm~l2hrqr.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0wxi9__qm4~bc.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0hriuad--p2~-.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0xpnmwtp7efpb.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/17~9cxxpwmx7a.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0qbhcoob0sre3.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\"],\"default\"]\n11:I[75718,[\"/_next/static/chunks/1502l15e5iq2x.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0td3f0i-~xufx.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0xyoh4o5iqepc.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0i9kod.lh0r34.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/10hls8gveqp39.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0xrm5tnqtmwf4.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0y4ohm~l2hrqr.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0wxi9__qm4~bc.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0hriuad--p2~-.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0xpnmwtp7efpb.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/17~9cxxpwmx7a.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0qbhcoob0sre3.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\"],\"default\"]\n12:I[70624,[\"/_next/static/chunks/1502l15e5iq2x.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0td3f0i-~xufx.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0xyoh4o5iqepc.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0i9kod.lh0r34.js?dpl=dpl_Ev4U1uAymyueZTZ1"])</script>
1<script>self.__next_f.push([1,"puTfqxzZ5xDA\",\"/_next/static/chunks/10hls8gveqp39.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0xrm5tnqtmwf4.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0y4ohm~l2hrqr.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0wxi9__qm4~bc.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0hriuad--p2~-.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0xpnmwtp7efpb.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/17~9cxxpwmx7a.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0qbhcoob0sre3.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\"],\"default\"]\n13:I[56018,[\"/_next/static/chunks/1502l15e5iq2x.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0td3f0i-~xufx.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0xyoh4o5iqepc.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0i9kod.lh0r34.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/10hls8gveqp39.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0xrm5tnqtmwf4.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0y4ohm~l2hrqr.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0wxi9__qm4~bc.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0hriuad--p2~-.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0xpnmwtp7efpb.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/17~9cxxpwmx7a.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0qbhcoob0sre3.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\"],\"default\"]\n14:I[757,[\"/_next/static/chunks/1502l15e5iq2x.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0td3f0i-~xufx.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\"],\"OutletBoundary\"]\n15:\"$Sreact.suspense\"\n17:I[757,[\"/_next/static/chunks/1502l15e5iq2x.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0td3f0i-~xufx.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\"],\"ViewportBoundary\"]\n19:I[757,[\"/_next/static/chunks/1502l15e5iq2x.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"/_next/static/chunks/0td3f0i-~xufx.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\"],\"MetadataBoundary\"]\n"])</script>
1<script>self.__next_f.push([1,"a:[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-cols-12 gap-30\",\"children\":[[\"$\",\"div\",null,{\"className\":\"lg:col-span-8 col-span-12\",\"children\":[\"$\",\"$Le\",null,{}]}],[\"$\",\"div\",null,{\"className\":\"lg:col-span-4 col-span-12\",\"children\":[\"$\",\"div\",null,{\"className\":\"grid grid-cols-12 \",\"children\":[[\"$\",\"div\",null,{\"className\":\"col-span-12 mb-30\",\"children\":[\"$\",\"$Lf\",null,{}]}],[\"$\",\"div\",null,{\"className\":\"col-span-12\",\"children\":[\"$\",\"$L10\",null,{}]}]]}]}],[\"$\",\"div\",null,{\"className\":\"lg:col-span-8 col-span-12\",\"children\":[\"$\",\"$L11\",null,{}]}],[\"$\",\"div\",null,{\"className\":\"lg:col-span-4 col-span-12\",\"children\":[\"$\",\"$L12\",null,{}]}],[\"$\",\"div\",null,{\"className\":\"col-span-12\",\"children\":[\"$\",\"$L13\",null,{}]}]]}],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/0hriuad--p2~-.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/0xpnmwtp7efpb.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/17~9cxxpwmx7a.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/0qbhcoob0sre3.js?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L14\",null,{\"children\":[\"$\",\"$15\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@16\"}]}]]}]\n"])</script>
1<script>self.__next_f.push([1,"b:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L17\",null,{\"children\":\"$L18\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L19\",null,{\"children\":[\"$\",\"$15\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L1a\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\nd:[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/0h7~ky9e283g7.css?dpl=dpl_Ev4U1uAymyueZTZ1puTfqxzZ5xDA\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]\n9:\"$0:f:0:1:1:children:0:props:children:1:props:serverProvidedParams:params\"\n"])</script>
1<script>self.__next_f.push([1,"18:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
1<script>self.__next_f.push([1,"16:null\n1a:[[\"$\",\"title\",\"0\",{\"children\":\"MaterialM-Nextjs-Free\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Generated by create next app\"}]]\n"])</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.