"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4663],{5123:function(t,e,r){r.d(e,{Z:function(){return v}});var n=r(4004),o=r(4978),i=r(65),a=r(925);function c(t){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}var l=["children"];function s(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)}return r}function p(t){for(var e=1;e{let t=(0,g.Z)({query:{media:"(max-width: 768px)"}});return(0,n.jsx)(f,{borderTop:"dark",position:"relative",children:(0,n.jsx)(d.Z,{py:16,children:(0,n.jsxs)(h.Z,{columns:3,children:[(0,n.jsx)(y.Z,{display:"flex",gap:8,justifyContent:"start",alignItems:"center",mb:7,children:(0,n.jsxs)(m.Z,{variant:"small",children:["Made with ♥ by"," ",(0,n.jsx)(b.Z,{href:"https://www.prashan.dev",variant:"inline",fs:.75,color:"success",children:"www.prashan.dev"})]})}),(0,n.jsx)(y.Z,{display:"flex",justifyContent:t?"start":"center",alignItems:"center",mb:7,children:(0,n.jsx)(m.Z,{variant:"small",children:"\xa9 2024 www.prashan.dev"})}),(0,n.jsx)(y.Z,{display:"flex",alignItems:"center",gap:8,justifyContent:t?"start":"end",mb:7,children:(0,n.jsx)(b.Z,{variant:"inline",color:"light",fs:.75,href:"/sitemap.xml","data-testid":"Footer_link-sitemap",children:"Sitemap"})})]})})})}},5891:function(t,e,r){r.d(e,{Z:function(){return eB}});var n=r(4004),o=r(4978),i=r(8983),a=r(65),c=r(925);function l(t){return(l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}var s=["children","sticky"];function p(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)}return r}function u(t){for(var e=1;et.length)&&(e=t.length);for(var r=0,n=Array(e);rt.length)&&(e=t.length);for(var r=0,n=Array(e);rt.length)&&(e=t.length);for(var r=0,n=Array(e);r{let{toggleOpenId:e,toggleCloseId:r,searchFieldId:i}=t,[a,c]=(0,o.useState)(""),[l,s]=(0,o.useState)([]);return(0,n.jsx)(tw,{toggleOpen:(0,n.jsx)(R.Z,{arrow:!0,el:(0,n.jsx)(Z.Z,{variant:"icon",notched:!0,id:e,"data-testid":"GlobalSearch_btn-toggle_search_modal",children:(0,n.jsx)(tE,{})}),children:(0,n.jsx)($.Z,{displayPosition:"left",children:(0,n.jsx)(F.Z,{variant:"small",color:"white",children:"Toggle Search Modal"})})}),toggleClose:(0,n.jsx)(Z.Z,{variant:"icon",notched:!0,id:r,children:(0,n.jsx)(tE,{})}),children:(0,n.jsxs)(tZ,{title:(0,n.jsx)(F.Z,{variant:"h3",children:"What are you looking for?"}),children:[(0,n.jsx)(tU,{notched:!0,id:i,onChange:t=>{let e=t.target.value;if(c(e),""===e.trim()){s([]);return}s(t7.filter(t=>t.title.toLowerCase().includes(e.toLowerCase())).slice(0,5))},placeholder:"Search documentation...",children:a&&(0,n.jsx)(tK,{mt:4,title:(0,n.jsx)(L.Z,{children:(0,n.jsx)(F.Z,{variant:"h3",children:"Search Results:"})}),children:l.length>0?l.map((t,e)=>(0,n.jsx)(tQ.Z,{variant:"transparent",href:t.link,children:t.title},e)):(0,n.jsx)(L.Z,{px:8,children:(0,n.jsxs)(F.Z,{variant:"body1",color:"error",children:['No results for "',a,'"']})})})}),!a&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(F.Z,{variant:"h3",mt:16,children:"Common Searches:"}),(0,n.jsxs)(t0.Z,{columns:2,gap:16,children:[(0,n.jsx)(t8,{children:(0,n.jsx)(tQ.Z,{variant:"transparent",href:"/core","data-testid":"GlobalSearch_link-core",children:"@modjs/core"})}),(0,n.jsx)(t8,{children:(0,n.jsx)(tQ.Z,{variant:"transparent",href:"/icons","data-testid":"GlobalSearch_link-icons",children:"@modjs/icons"})})]}),(0,n.jsxs)(t0.Z,{columns:2,gap:16,children:[(0,n.jsx)(t8,{children:(0,n.jsx)(tQ.Z,{variant:"transparent",href:"/core/installation","data-testid":"GlobalSearch_link-core_installation",children:"Core Installation"})}),(0,n.jsx)(t8,{children:(0,n.jsx)(tQ.Z,{variant:"transparent",href:"/icons/installation","data-testid":"GlobalSearch_link-icons_installation",children:"Icons Installation"})})]}),(0,n.jsxs)(t0.Z,{columns:2,gap:16,children:[(0,n.jsx)(t8,{children:(0,n.jsx)(tQ.Z,{variant:"transparent",href:"/core/customization","data-testid":"GlobalSearch_link-core_customization",children:"Core Customization"})}),(0,n.jsx)(t8,{children:(0,n.jsx)(tQ.Z,{variant:"transparent",href:"/icons/customization","data-testid":"GlobalSearch_link-icons_customization",children:"Icons Customization"})})]}),(0,n.jsxs)(t0.Z,{columns:2,gap:16,children:[(0,n.jsx)(t8,{children:(0,n.jsx)(tQ.Z,{variant:"transparent",href:"/core/api/react-accordion","data-testid":"GlobalSearch_link-core_api",children:"Core API"})}),(0,n.jsx)(t8,{children:(0,n.jsx)(tQ.Z,{variant:"transparent",href:"/icons/api","data-testid":"GlobalSearch_link-icons_api",children:"Icons API"})})]})]})]})})},t9=r(3686),et=()=>(0,n.jsx)(n.Fragment,{children:(0,n.jsxs)(tQ.Z,{variant:"icon",href:"https://github.com/modjs-org/modjs",target:"_blank","data-testid":"HomeNavigation_link-github",children:["Github Repository ",(0,n.jsx)(t9.Z,{})]})}),ee=r(1467),er=r(1943),en={type:"light",mode:"#ffffff",typography:{ff:{primary:"KoHo"},fw:{medium:400,semibold:600,bold:700},fs:{xsm:"0.75rem",sm:"0.875rem",md:"1rem",lg:"1.5rem",xl:"2rem"},color:{primary:"#474747",main:"#474747",light:"#8e8e8e",secondary:"#c2c2c2",white:"#ffffff",success:"#5a6b31",error:"#ca3c1f"}},color:{primary:"#1f8eff",secondary:"#474747",main:"#c2c2c2",success:"#5a6b31",error:"#ca3c1f",light:"#f2f2f2",dark:"#c2c2c2",transparent:"transparent"},border:{primary:"1px solid #1f8eff",success:"1px solid #5a6b31",error:"1px solid #ca3c1f",light:"1px solid #f2f2f2",dark:"1px solid #c2c2c2",none:"none"},borderRadius:"2px",avatar:{height:{sm:"32px",md:"64px",lg:"96px"},width:{sm:"32px",md:"64px",lg:"96px"},brightness:{light:"brightness(60%)",normal:"brightness(40%)",dark:"brightness(20%)"}},image:{height:{sm:"96px",md:"240px",lg:"320px"},width:{sm:"96px",md:"240px",lg:"320px"},brightness:{light:"brightness(60%)",normal:"brightness(40%)",dark:"brightness(20%)"}},icons:{height:{sm:"16px",md:"32px",lg:"64px"},width:{sm:"24px",md:"32px",lg:"64px"}},elevation:{light:"drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.1))",normal:"drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.3))",heavy:"drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.6))",none:"none"},opacity:{high:.95,medium:.85,low:.5},scrollbarColor:"#c2c2c2 #f2f2f2",tooltipBg:"#8e8e8e"};let eo={...en,typography:{...en.typography,ff:{primary:"Rajdhani"}}};var ei=r(1381),ea=(0,o.createContext)({isOpen:!1,toggleDropdown:function(){}});function ec(t){return(ec="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}var el=["children","toggleOpen","toggleClose"];function es(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)}return r}function ep(t){for(var e=1;et.length)&&(e=t.length);for(var r=0,n=Array(e);r{let{dropdownToggleOpenText:e,dropdownToggleCloseText:r}=t;return(0,n.jsx)(ey,{toggleOpen:(0,n.jsxs)(Z.Z,{variant:"icon",notched:!0,textTransform:"none","data-testid":"ModjsPackages_btn-toggle_packages_dropdown",children:[e,(0,n.jsx)(eE.Z,{})]}),toggleClose:(0,n.jsxs)(Z.Z,{variant:"icon",notched:!0,textTransform:"none",children:[r,(0,n.jsx)(eF,{})]}),children:(0,n.jsx)(ex,{children:(0,n.jsx)(L.Z,{children:(0,n.jsxs)(L.Z,{my:8,children:[(0,n.jsxs)(t8,{variant:"filled",children:[(0,n.jsx)(eC,{children:(0,n.jsx)(F.Z,{variant:"small",children:"Home"})}),(0,n.jsx)(ez,{children:(0,n.jsx)(tQ.Z,{variant:"transparent",href:"/",pl:0,fs:1,"data-testid":"ModjsPackages_link-home",children:"@modjs v7.0.0"})})]}),(0,n.jsxs)(t8,{variant:"filled",children:[(0,n.jsx)(eC,{children:(0,n.jsx)(F.Z,{variant:"small",children:"Production-Ready React Core UI Components"})}),(0,n.jsx)(ez,{children:(0,n.jsx)(tQ.Z,{variant:"transparent",href:"/core",pl:0,fs:1,"data-testid":"ModjsPackages_link-core",children:"@modjs/core v7.0.0"})})]}),(0,n.jsxs)(t8,{variant:"filled",children:[(0,n.jsx)(eC,{children:(0,n.jsx)(F.Z,{variant:"small",children:"Production-Ready React UI Icons"})}),(0,n.jsx)(ez,{children:(0,n.jsx)(tQ.Z,{variant:"transparent",href:"/icons",pl:0,fs:1,"data-testid":"ModjsPackages_link-icons",children:"@modjs/icons v7.0.0"})})]})]})})})})},eB=t=>{let{currentPage:e}=t,{setTheme:r}=(0,o.useContext)(i.Z);return(0,n.jsx)(n.Fragment,{children:(0,n.jsx)(d,{sticky:!0,borderBottom:"root"===e||"root/core"===e||"root/icons"===e?"none":"",children:(0,n.jsxs)(h.Z,{fluid:"root"!==e&&"root/core"!==e&&"root/icons"!==e,display:"flex",justifyContent:"space-between",children:[(0,n.jsx)(T,{toggleOpen:(0,n.jsx)(R.Z,{arrow:!0,el:(0,n.jsxs)(Z.Z,{variant:"icon","data-testid":"Navbar_btn-toggle_packages_drawer",children:["root/core"===e||"root/core/children"===e?"@modjs/core v7.0.0":"root/icons"===e||"root/icons/children"===e?"@modjs/icons v7.0.0":"@modjs v7.0.0",(0,n.jsx)(k,{})]}),children:(0,n.jsx)($.Z,{displayPosition:"left",children:(0,n.jsx)(F.Z,{variant:"small",color:"white",children:"Toggle Packages Drawer"})})}),toggleClose:(0,n.jsx)(R.Z,{arrow:!0,el:(0,n.jsxs)(Z.Z,{variant:"icon",children:["root/core"===e||"root/core/children"===e?"@modjs/core v7.0.0":"root/icons"===e||"root/icons/children"===e?"@modjs/icons v7.0.0":"@modjs v7.0.0",(0,n.jsx)(j,{})]}),children:(0,n.jsx)($.Z,{displayPosition:"left",children:(0,n.jsx)(F.Z,{variant:"small",color:"white",children:"Toggle Packages Drawer"})})}),children:(0,n.jsx)(Y,{title:(0,n.jsx)(eL,{dropdownToggleOpenText:"root/core"===e||"root/core/children"===e?"@modjs/core v7.0.0":"root/icons"===e||"root/icons/children"===e?"@modjs/icons v7.0.0":"@modjs v7.0.0",dropdownToggleCloseText:"root/core"===e||"root/core/children"===e?"@modjs/core v7.0.0":"root/icons"===e||"root/icons/children"===e?"@modjs/icons v7.0.0":"@modjs v7.0.0"}),children:(0,n.jsx)(W.Z,{children:"root/core"===e||"root/core/children"===e?(0,n.jsx)(ee.Z,{}):"root/icons"===e||"root/icons/children"===e?(0,n.jsx)(er.Z,{}):(0,n.jsx)(et,{})})})}),(0,n.jsx)(L.Z,{children:(0,n.jsxs)(L.Z,{display:"flex",alignItems:"center",gap:8,children:[(0,n.jsx)(t6,{toggleOpenId:"desktop-search-field-toggle-open",toggleCloseId:"desktop-search-field-toggle-close",searchFieldId:"desktop-search"}),(0,n.jsx)(T,{toggleOpen:(0,n.jsx)(R.Z,{arrow:!0,el:(0,n.jsx)(Z.Z,{variant:"icon",children:(0,n.jsx)(tt,{})}),children:(0,n.jsx)($.Z,{displayPosition:"left",children:(0,n.jsx)(F.Z,{variant:"small",color:"white",children:"Toggle Settings Drawer"})})}),children:(0,n.jsx)(Y,{displayPosition:"right",title:(0,n.jsx)(F.Z,{variant:"h3",children:"Settings"}),children:(0,n.jsxs)(L.Z,{display:"flex",gap:8,children:[(0,n.jsxs)(Z.Z,{variant:"icon",onClick:()=>{r(eo),localStorage.setItem("theme",JSON.stringify(eo))},children:["Light Theme ",(0,n.jsx)(ta,{})]}),(0,n.jsxs)(Z.Z,{variant:"icon",onClick:()=>{r(ei.Z),localStorage.setItem("theme",JSON.stringify(ei.Z))},children:["Dark Theme",(0,n.jsx)(tf,{})]})]})})})]})})]})})})}},1467:function(t,e,r){var n=r(4004),o=r(4978),i=r(988),a=r(80),c=r(1358),l=r(4300),s=r(6488),p=r(5527),u=r(1209),f=r(3686);e.Z=()=>{let t=(0,o.useRef)(null),e=(0,o.useRef)(null),[r,d]=(0,o.useState)(null),[h,y]=(0,o.useState)(!1),[m,b]=(0,o.useState)(!1);return(0,o.useEffect)(()=>{d(window.location.pathname)},[r]),(0,o.useEffect)(()=>{r&&(y(/customization/.test(r)||/installation/.test(r)),b(/api/.test(r)))},[m,r]),(0,o.useEffect)(()=>{if(r&&e.current||r&&t.current){let n=e.current.querySelector('[href="'.concat(r,'"]'))||t.current.querySelector('[href="'.concat(r,'"]'));n&&n.scrollIntoView({behavior:"smooth",block:"end"})}},[r]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(i.Z,{variant:"icon",mb:16,href:"https://github.com/modjs-org/modjs/tree/main/packages/core",target:"_blank","data-testid":"CoreNavigation_link-github",children:["Github Repository ",(0,n.jsx)(f.Z,{})]}),(0,n.jsxs)(a.Z,{variant:"transparent",notched:!1,defaultOpen:h,children:[(0,n.jsx)(c.Z,{"data-testid":"CoreNavigation_accordion-getting_started",children:(0,n.jsx)(l.Z,{variant:"h3",children:"Getting Started"})}),(0,n.jsx)(s.Z,{ref:t,children:(0,n.jsxs)(p.Z,{children:[(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/installation",active:/core\/installation$/.test(r),"data-testid":"CoreNavigation_link-installation",children:"Installation"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/customization",active:/core\/customization$/.test(r),"data-testid":"CoreNavigation_link-customization",children:"Customization"})})]})})]}),(0,n.jsxs)(a.Z,{variant:"transparent",notched:!1,defaultOpen:m,children:[(0,n.jsx)(c.Z,{"data-testid":"CoreNavigation_accordion-component_api",children:(0,n.jsx)(l.Z,{variant:"h3",children:"Component API"})}),(0,n.jsx)(s.Z,{ref:e,children:(0,n.jsxs)(p.Z,{children:[(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-accordion",active:/core\/api\/react-accordion$/.test(r),"data-testid":"CoreNavigation_link-accordion-api",children:"Accordion"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-accordion-content",active:/core\/api\/react-accordion-content$/.test(r),"data-testid":"CoreNavigation_link-accordion_content-api",children:"AccordionContent"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-accordion-title",active:/core\/api\/react-accordion-title$/.test(r),"data-testid":"CoreNavigation_link-accordion_title-api",children:"AccordionTitle"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-appbar",active:/core\/api\/react-appbar$/.test(r),"data-testid":"CoreNavigation_link-appbar-api",children:"Appbar"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-article",active:/core\/api\/react-article$/.test(r),"data-testid":"CoreNavigation_link-article-api",children:"Article"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-aside",active:/core\/api\/react-aside$/.test(r),"data-testid":"CoreNavigation_link-aside-api",children:"Aside"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-avatar",active:/core\/api\/react-avatar$/.test(r),"data-testid":"CoreNavigation_link-avatar-api",children:"Avatar"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-box",active:/core\/api\/react-box$/.test(r),"data-testid":"CoreNavigation_link-box-api",children:"Box"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-breadcrumbs",active:/core\/api\/react-breadcrumbs$/.test(r),"data-testid":"CoreNavigation_link-breadcrumbs-api",children:"Breadcrumbs"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-button",active:/core\/api\/react-button$/.test(r),"data-testid":"CoreNavigation_link-button-api",children:"Button"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-card",active:/core\/api\/react-card$/.test(r),"data-testid":"CoreNavigation_link-card-api",children:"Card"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-card-content",active:/core\/api\/react-card-content$/.test(r),"data-testid":"CoreNavigation_link-card_content-api",children:"CardContent"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-card-footer",active:/core\/api\/react-card-footer$/.test(r),"data-testid":"CoreNavigation_link-card_footer-api",children:"CardFooter"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-card-header",active:/core\/api\/react-card-header$/.test(r),"data-testid":"CoreNavigation_link-card_header-api",children:"CardHeader"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-card-media",active:/core\/api\/react-card-media$/.test(r),"data-testid":"CoreNavigation_link-card_media-api",children:"CardMedia"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-card-meta",active:/core\/api\/react-card-meta$/.test(r),"data-testid":"CoreNavigation_link-card_meta-api",children:"CardMeta"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-carousel",active:/core\/api\/react-carousel$/.test(r),"data-testid":"CoreNavigation_link-carousel-api",children:"Carousel"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-carousel-description",active:/core\/api\/react-carousel-description$/.test(r),"data-testid":"CoreNavigation_link-carousel_description-api",children:"CarouselDescription"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-carousel-excerpt",active:/core\/api\/react-carousel-excerpt$/.test(r),"data-testid":"CoreNavigation_link-carousel_excerpt-api",children:"CarouselExcerpt"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-carousel-footer",active:/core\/api\/react-carousel-footer$/.test(r),"data-testid":"CoreNavigation_link-carousel_footer-api",children:"CarouselFooter"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-carousel-item",active:/core\/api\/react-carousel-item$/.test(r),"data-testid":"CoreNavigation_link-carousel_item-api",children:"CarouselItem"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-carousel-media",active:/core\/api\/react-carousel-media$/.test(r),"data-testid":"CoreNavigation_link-carousel_media-api",children:"CarouselMedia"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-code-editor",active:/core\/api\/react-code-editor$/.test(r),"data-testid":"CoreNavigation_link-code_editor-api",children:"CodeEditor"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-confirm-password-field",active:/core\/api\/react-confirm-password-field$/.test(r),"data-testid":"CoreNavigation_link-confirm_password_field-api",children:"ConfirmPasswordField"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-container",active:/core\/api\/react-container$/.test(r),"data-testid":"CoreNavigation_link-container-api",children:"Container"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-copy",active:/core\/api\/react-copy$/.test(r),"data-testid":"CoreNavigation_link-copy-api",children:"Copy"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-copy-response",active:/core\/api\/react-copy-response$/.test(r),"data-testid":"CoreNavigation_link-copy_response-api",children:"CopyResponse"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-create-password-field",active:/core\/api\/react-create-password-field$/.test(r),"data-testid":"CoreNavigation_link-create_password_field-api",children:"CreatePasswordField"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-drawer",active:/core\/api\/react-drawer$/.test(r),"data-testid":"CoreNavigation_link-drawer-api",children:"Drawer"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-drawer-content",active:/core\/api\/react-drawer-content$/.test(r),"data-testid":"CoreNavigation_link-drawer_content-api",children:"DrawerContent"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-dropdown",active:/core\/api\/react-dropdown$/.test(r),"data-testid":"CoreNavigation_link-dropdown-api",children:"Dropdown"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-dropdown-content",active:/core\/api\/react-dropdown-content$/.test(r),"data-testid":"CoreNavigation_link-dropdown_content-api",children:"DropdownContent"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-email-field",active:/core\/api\/react-email-field$/.test(r),"data-testid":"CoreNavigation_link-email_field-api",children:"EmailField"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-fieldset",active:/core\/api\/react-fieldset$/.test(r),"data-testid":"CoreNavigation_link-fieldset-api",children:"Fieldset"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-footer",active:/core\/api\/react-footer$/.test(r),"data-testid":"CoreNavigation_link-footer-api",children:"Footer"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-form",active:/core\/api\/react-form$/.test(r),"data-testid":"CoreNavigation_link-form-api",children:"Form"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-grid",active:/core\/api\/react-grid$/.test(r),"data-testid":"CoreNavigation_link-grid-api",children:"Grid"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-header",active:/core\/api\/react-header$/.test(r),"data-testid":"CoreNavigation_link-header-api",children:"Header"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-image",active:/core\/api\/react-image$/.test(r),"data-testid":"CoreNavigation_link-image-api",children:"Image"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-layout",active:/core\/api\/react-layout$/.test(r),"data-testid":"CoreNavigation_link-layout-api",children:"Layout"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-linear-progress",active:/core\/api\/react-linear-progress$/.test(r),"data-testid":"CoreNavigation_link-linear_progress-api",children:"LinearProgress"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-link",active:/core\/api\/react-link$/.test(r),"data-testid":"CoreNavigation_link-link-api",children:"Link"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-list",active:/core\/api\/react-list$/.test(r),"data-testid":"CoreNavigation_link-list-api",children:"List"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-main",active:/core\/api\/react-main$/.test(r),"data-testid":"CoreNavigation_link-main-api",children:"Main"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-message-area",active:/core\/api\/react-message-area$/.test(r),"data-testid":"CoreNavigation_link-message_area-api",children:"MessageArea"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-modal",active:/core\/api\/react-modal$/.test(r),"data-testid":"CoreNavigation_link-modal-api",children:"Modal"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-modal-content",active:/core\/api\/react-modal-content$/.test(r),"data-testid":"CoreNavigation_link-modal_content-api",children:"ModalContent"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-name-field",active:/core\/api\/react-name-field$/.test(r),"data-testid":"CoreNavigation_link-name_field-api",children:"NameField"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-nav",active:/core\/api\/react-nav$/.test(r),"data-testid":"CoreNavigation_link-nav-api",children:"Nav"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-ordered-list",active:/core\/api\/react-ordered-list$/.test(r),"data-testid":"CoreNavigation_link-ordered_list-api",children:"OrderedList"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-password-field",active:/core\/api\/react-password-field$/.test(r),"data-testid":"CoreNavigation_link-password_field-api",children:"PasswordField"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-phone-field",active:/core\/api\/react-phone-field$/.test(r),"data-testid":"CoreNavigation_link-phone_field-api",children:"PhoneField"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-pill",active:/core\/api\/react-pill$/.test(r),"data-testid":"CoreNavigation_link-pill-api",children:"Pill"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-pre",active:/core\/api\/react-pre$/.test(r),"data-testid":"CoreNavigation_link-pre-api",children:"Pre"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-search-field",active:/core\/api\/react-search-field$/.test(r),"data-testid":"CoreNavigation_link-search_field-api",children:"SearchField"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-search-results",active:/core\/api\/react-search-results$/.test(r),"data-testid":"CoreNavigation_link-search_results-api",children:"SearchResults"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-section",active:/core\/api\/react-section$/.test(r),"data-testid":"CoreNavigation_link-section-api",children:"Section"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-separator",active:/core\/api\/react-separator$/.test(r),"data-testid":"CoreNavigation_link-separator-api",children:"Separator"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-side-navigation",active:/core\/api\/react-side-navigation$/.test(r),"data-testid":"CoreNavigation_link-side_navigation-api",children:"SideNavigation"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-slideshow",active:/core\/api\/react-slideshow$/.test(r),"data-testid":"CoreNavigation_link-slideshow-api",children:"Slideshow"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-slideshow-description",active:/core\/api\/react-slideshow-description$/.test(r),"data-testid":"CoreNavigation_link-slideshow_description-api",children:"SlideshowDescription"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-slideshow-excerpt",active:/core\/api\/react-slideshow-excerpt$/.test(r),"data-testid":"CoreNavigation_link-slideshow_excerpt-api",children:"SlideshowExcerpt"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-slideshow-footer",active:/core\/api\/react-slideshow-footer$/.test(r),"data-testid":"CoreNavigation_link-slideshow_footer-api",children:"SlideshowFooter"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-slideshow-item",active:/core\/api\/react-slideshow-item$/.test(r),"data-testid":"CoreNavigation_link-slideshow_item-api",children:"SlideshowItem"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-slideshow-media",active:/core\/api\/react-slideshow-media$/.test(r),"data-testid":"CoreNavigation_link-slideshow_media-api",children:"SlideshowMedia"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-snackbar",active:/core\/api\/react-snackbar$/.test(r),"data-testid":"CoreNavigation_link-snackbar-api",children:"Snackbar"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-snackbar-content",active:/core\/api\/react-snackbar-content$/.test(r),"data-testid":"CoreNavigation_link-snackbar_content-api",children:"SnackbarContent"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-snackbar-header",active:/core\/api\/react-snackbar-header$/.test(r),"data-testid":"CoreNavigation_link-snackbar_header-api",children:"SnackbarHeader"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-table",active:/core\/api\/react-table$/.test(r),"data-testid":"CoreNavigation_link-table-api",children:"Table"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-table-body",active:/core\/api\/react-table-body$/.test(r),"data-testid":"CoreNavigation_link-table_body-api",children:"TableBody"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-table-data",active:/core\/api\/react-table-data$/.test(r),"data-testid":"CoreNavigation_link-table_data-api",children:"TableData"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-table-head",active:/core\/api\/react-table-head$/.test(r),"data-testid":"CoreNavigation_link-table_head-api",children:"TableHead"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-table-header",active:/core\/api\/react-table-header$/.test(r),"data-testid":"CoreNavigation_link-table_header-api",children:"TableHeader"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-table-row",active:/core\/api\/react-table-row$/.test(r),"data-testid":"CoreNavigation_link-table_row-api",children:"TableRow"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-text-field",active:/core\/api\/react-text-field$/.test(r),"data-testid":"CoreNavigation_link-text_field-api",children:"TextField"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-textarea",active:/core\/api\/react-textarea$/.test(r),"data-testid":"CoreNavigation_link-textarea-api",children:"TextArea"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-toolbar",active:/core\/api\/react-toolbar$/.test(r),"data-testid":"CoreNavigation_link-toolbar-api",children:"Toolbar"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-tooltip",active:/core\/api\/react-tooltip$/.test(r),"data-testid":"CoreNavigation_link-tooltip-api",children:"Tooltip"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-tooltip-content",active:/core\/api\/react-tooltip-content$/.test(r),"data-testid":"CoreNavigation_link-tooltip_content-api",children:"TooltipContent"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-typography",active:/api\/react-typography$/.test(r),"data-testid":"CoreNavigation_link-typography-api",children:"Typography API"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-unordered-list",active:/core\/api\/react-unordered-list$/.test(r),"data-testid":"CoreNavigation_link-unordered_list-api",children:"UnorderedList"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/core/api/react-url-field",active:/core\/api\/react-url-field$/.test(r),"data-testid":"CoreNavigation_link-url_field-api",children:"UrlField"})})]})})]})]})}},1943:function(t,e,r){var n=r(4004),o=r(4978),i=r(988),a=r(80),c=r(1358),l=r(4300),s=r(6488),p=r(5527),u=r(1209),f=r(3686);e.Z=()=>{let t=(0,o.useRef)(null),e=(0,o.useRef)(null),[r,d]=(0,o.useState)(null),[h,y]=(0,o.useState)(!1),[m,b]=(0,o.useState)(!1);return(0,o.useEffect)(()=>{d(window.location.pathname)},[r]),(0,o.useEffect)(()=>{r&&(y(/customization/.test(r)||/installation/.test(r)),b(/api/.test(r)))},[m,r]),(0,o.useEffect)(()=>{if(r&&e.current||r&&t.current){let n=e.current.querySelector('[href="'.concat(r,'"]'))||t.current.querySelector('[href="'.concat(r,'"]'));n&&n.scrollIntoView({behavior:"smooth",block:"end"})}},[r]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(i.Z,{variant:"icon",mb:16,href:"https://github.com/modjs-org/modjs/tree/main/packages/icons",target:"_blank","data-testid":"IconsNavigation_link-github",children:["Github Repository ",(0,n.jsx)(f.Z,{})]}),(0,n.jsxs)(a.Z,{variant:"transparent",notched:!1,defaultOpen:h,children:[(0,n.jsx)(c.Z,{"data-testid":"IconsNavigation_accordion-getting_started",children:(0,n.jsx)(l.Z,{variant:"h3",children:"Getting Started"})}),(0,n.jsx)(s.Z,{ref:t,children:(0,n.jsxs)(p.Z,{children:[(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/icons/installation",active:/icons\/installation$/.test(r),"data-testid":"IconsNavigation_link-installation",children:"Installation"})}),(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/icons/customization",active:/icons\/customization$/.test(r),"data-testid":"IconsNavigation_link-customization",children:"Customization"})})]})})]}),(0,n.jsxs)(a.Z,{variant:"transparent",notched:!1,defaultOpen:m,children:[(0,n.jsx)(c.Z,{"data-testid":"IconsNavigation_accordion-component_api",children:(0,n.jsx)(l.Z,{variant:"h3",children:"Component API"})}),(0,n.jsx)(s.Z,{ref:e,children:(0,n.jsx)(p.Z,{children:(0,n.jsx)(u.Z,{children:(0,n.jsx)(i.Z,{variant:"transparent",href:"/icons/api",active:/icons\/api$/.test(r),"data-testid":"IconsNavigation_link-icons_api",children:"Icons API"})})})})]})]})}},8983:function(t,e,r){var n=r(4978),o=r(1381);let i=(0,n.createContext)({theme:o.Z,setTheme:()=>{}});e.Z=i},9362:function(t,e,r){r.d(e,{Z:function(){return s}});var n=r(4004),o=r(4978),i=r(65),a=function(t){var e=t.children,r=t.theme;return(0,n.jsx)(i.f6,{theme:r,children:e})},c=r(8983),l=r(1381),s=t=>{let{children:e}=t,[r,i]=(0,o.useState)(l.Z);return(0,o.useEffect)(()=>{let t=JSON.parse(localStorage.getItem("theme"));i(t),t||i(l.Z)},[]),(0,n.jsx)(c.Z.Provider,{value:{theme:r,setTheme:i},children:(0,n.jsx)(a,{theme:r,children:e})})}},1381:function(t,e,r){r.d(e,{Z:function(){return o}});var n={type:"dark",mode:"#121111",typography:{ff:{primary:"KoHo"},fw:{medium:400,semibold:600,bold:700},fs:{xsm:"0.75rem",sm:"0.875rem",md:"1rem",lg:"1.5rem",xl:"2rem"},color:{primary:"#ffffff",main:"#c2c2c2",light:"#8e8e8e",secondary:"#474747",white:"#ffffff",success:"#5a6b31",error:"#ca3c1f"}},color:{primary:"#1f8eff",secondary:"#ffffff",main:"#c2c2c2",success:"#5a6b31",error:"#ca3c1f",light:"#1f1d1d",dark:"#474747",transparent:"transparent"},border:{primary:"1px solid #1f8eff",success:"1px solid #5a6b31",error:"1px solid #ca3c1f",light:"1px solid #1f1d1d",dark:"1px solid #474747",none:"none"},borderRadius:"2px",avatar:{height:{sm:"32px",md:"64px",lg:"96px"},width:{sm:"32px",md:"64px",lg:"96px"},brightness:{light:"brightness(60%)",normal:"brightness(40%)",dark:"brightness(20%)"}},image:{height:{sm:"96px",md:"240px",lg:"320px"},width:{sm:"96px",md:"240px",lg:"320px"},brightness:{light:"brightness(60%)",normal:"brightness(40%)",dark:"brightness(20%)"}},icons:{height:{sm:"1rem",md:"2rem",lg:"4rem"},width:{sm:"1.5rem",md:"2rem",lg:"4rem"}},elevation:{light:"drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.1))",normal:"drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.3))",heavy:"drop-shadow(0px 10px 5px rgba(0, 0, 0, 0.6))",none:"none"},opacity:{high:.95,medium:.85,low:.5},scrollbarColor:"#474747 #1f1d1d",tooltipBg:"#383636"},o={...n,typography:{...n.typography,ff:{primary:"Rajdhani"}}}},80:function(t,e,r){var n=r(4978),o=r(65),i=r(925),a=r(2578),c=r(4004);function l(t){return(l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}var s=["children","variant","notched","defaultOpen"];function p(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,n)}return r}function u(t){for(var e=1;et.length)&&(e=t.length);for(var r=0,n=Array(e);rt.length)&&(e=t.length);for(var r=0,n=Array(e);rt.length)&&(e=t.length);for(var r=0,n=Array(e);r