diff --git a/404.html b/404.html index 14a5a8f..8eed6c4 100644 --- a/404.html +++ b/404.html @@ -4,4 +4,4 @@ var computedColorScheme = colorScheme !== "auto" ? colorScheme : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"; document.documentElement.setAttribute("data-mantine-color-scheme", computedColorScheme); } catch (e) {} -

404

This page could not be found.

\ No newline at end of file +

404

This page could not be found.

\ No newline at end of file diff --git a/_next/static/chunks/pages/index-0f46a4f14b7b1d4a.js b/_next/static/chunks/pages/index-9ed6201dde851968.js similarity index 99% rename from _next/static/chunks/pages/index-0f46a4f14b7b1d4a.js rename to _next/static/chunks/pages/index-9ed6201dde851968.js index dee272b..c9b3a04 100644 --- a/_next/static/chunks/pages/index-0f46a4f14b7b1d4a.js +++ b/_next/static/chunks/pages/index-9ed6201dde851968.js @@ -1 +1 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5405],{9536:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return t(9886)}])},9886:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return nl}});var i=t(4246),r=t(7378),o=t(7098),a=t(6677),s=t(2238),l=t(4366),c=t(149),d=t(624),m=t(1251),h=t.n(m);function p(e){let{className:n,...t}=e;return(0,i.jsx)(c.x,{component:"span",className:(0,d.Z)(h().code,n),...t})}var u=t(1996);function x(e){let{errorOf:n}=e;return(0,i.jsxs)(c.x,{children:[(0,i.jsxs)(c.x,{span:!0,c:"red",children:["Error loading component ",n," data."," "]}),"If you see this message please let us know by"," ",(0,i.jsx)(u.e,{href:"https://github.com/mantinedev/mantine/issues/new?assignees=&labels=&template=docs_report.yml",target:"_blank",children:"opening an issue on GitHub"}),"."]})}function g(e){let{component:n,query:t,data:r}=e;if(!r[n])return(0,i.jsx)(x,{errorOf:"props"});let o=Object.keys(r[n].props).filter(e=>r[n].props[e].name.toLowerCase().includes(t.toLowerCase().trim())).map(e=>{let o=r[n].props[e];return(0,i.jsxs)(s.i.Tr,{children:[(0,i.jsxs)(s.i.Td,{style:{whiteSpace:"nowrap"},children:[(0,i.jsx)(l.y,{highlight:t,component:"span",fz:"sm",children:o.name}),o.required&&(0,i.jsxs)(c.x,{component:"sup",c:"red",fz:"xs",children:[" ","*"]})]}),(0,i.jsx)(s.i.Td,{children:(0,i.jsx)(p,{children:o.type.name})}),(0,i.jsx)(s.i.Td,{children:(0,i.jsx)(c.x,{fz:"sm",dangerouslySetInnerHTML:{__html:o.description}})})]},e)});return 0===o.length?(0,i.jsx)(c.x,{c:"dimmed",mb:"xl",fz:"sm",children:"Nothing found"}):(0,i.jsx)(s.i.ScrollContainer,{minWidth:800,children:(0,i.jsxs)(s.i,{layout:"fixed",children:[(0,i.jsx)(s.i.Thead,{children:(0,i.jsxs)(s.i.Tr,{children:[(0,i.jsx)(s.i.Th,{w:210,children:"Name"}),(0,i.jsx)(s.i.Th,{w:310,children:"Type"}),(0,i.jsx)(s.i.Th,{children:"Description"})]})}),(0,i.jsx)(s.i.Tbody,{children:o})]})})}var j=t(4046),b=t(2033),f=t(7854);function y(e){let{component:n,componentPrefix:t}=e;return t?t===n?n:"".concat(t,".").concat(n.replace(t,"")):n}var _=t(5628),v=t.n(_);function C(e){let{components:n,componentPrefix:t,data:o}=e,[a,s]=(0,r.useState)(""),l=n.map(e=>(0,i.jsxs)("div",{className:v().section,children:[(0,i.jsxs)(j.D,{order:2,className:v().title,children:[y({component:e,componentPrefix:t})," component props"]}),(0,i.jsx)(g,{component:e,query:a,data:o})]},e));return(0,i.jsxs)("div",{className:v().root,children:[(0,i.jsx)(b.o,{className:v().search,value:a,onChange:e=>s(e.currentTarget.value),leftSection:(0,i.jsx)(f.Z,{className:v().searchIcon}),placeholder:"Search props",radius:"md",size:"lg",autoFocus:!0}),l]})}var w=t(502),T=t(4485),q=t(603),N=t(7261),k=t(1598),B=t.n(k);function E(e){if(0===e.length)return -1;let n=e.reduce((e,n,t)=>Math.abs(e.position)e.depth>1),p=()=>{o(E(d.current.map(e=>e.getNode().getBoundingClientRect())))};if((0,r.useEffect)(()=>{let e=function(){let e=document.getElementById("mdx");return e?function(e){let n=[];for(let t=0;tdocument.getElementById(i.id)})}return n}(Array.from(e.querySelectorAll("[data-heading]"))):[]}();return d.current=e,l(e),o(E(e.map(e=>e.getNode().getBoundingClientRect()))),window.addEventListener("scroll",p),()=>window.removeEventListener("scroll",p)},[]),0===h.length)return null;let u=h.map((e,n)=>(0,i.jsx)(c.x,{component:"a",fz:"sm",className:B().link,mod:{active:t===n},href:"#".concat(e.id),__vars:{"--toc-link-offset":"".concat(e.depth-1)},onClick:n=>{n.preventDefault(),m.replace("".concat(m.pathname,"#").concat(e.id))},children:e.content},e.id));return(0,i.jsx)(w.x,{component:"nav",mod:{"with-tabs":n},className:B().wrapper,children:(0,i.jsx)("div",{className:B().inner,children:(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:B().header,children:[(0,i.jsx)(N.Z,{style:{width:(0,T.h)(20),height:(0,T.h)(20)},stroke:1.5}),(0,i.jsx)(c.x,{className:B().title,children:"Table of contents"})]}),(0,i.jsx)(q.x.Autosize,{mah:"calc(100vh - ".concat((0,T.h)(140),")"),type:"never",offsetScrollbars:!0,children:(0,i.jsx)("div",{className:B().items,children:u})})]})})})}var M=t(2752),S=t.n(M);function H(e){let{children:n,...t}=e;return(0,i.jsx)(c.x,{component:"span","data-docs-inline-code":!0,dangerouslySetInnerHTML:{__html:n.replace(/`([^`]+)`/g,"$1").replace(/!important!/g,"Important")},fz:"sm",...t})}function A(e){let{data:n,component:t,fixedLayout:r=!0,...o}=e,a=Object.keys(n.selectors).map(e=>(0,i.jsxs)(s.i.Tr,{children:[(0,i.jsx)(s.i.Td,{children:e}),(0,i.jsx)(s.i.Td,{children:(0,i.jsxs)(p,{children:[".mantine-",t,"-",e]})}),(0,i.jsx)(s.i.Td,{children:(0,i.jsx)(H,{fz:"sm",children:n.selectors[e]})})]},e));return(0,i.jsx)(s.i.ScrollContainer,{minWidth:600,children:(0,i.jsxs)(s.i,{layout:r?"fixed":void 0,...o,children:[(0,i.jsx)(s.i.Thead,{children:(0,i.jsxs)(s.i.Tr,{children:[(0,i.jsx)(s.i.Th,{w:r?210:void 0,children:"Selector"}),(0,i.jsx)(s.i.Th,{w:r?310:void 0,children:"Static selector"}),(0,i.jsx)(s.i.Th,{children:"Description"})]})}),(0,i.jsx)(s.i.Tbody,{children:a})]})})}function I(e){let{data:n,fixedLayout:t=!0,...r}=e,o=Object.keys(n.vars).reduce((e,t)=>(Object.keys(n.vars[t]).forEach((r,o)=>{e.push((0,i.jsxs)(s.i.Tr,{children:[0===o&&(0,i.jsx)(s.i.Td,{rowSpan:Object.keys(n.vars[t]).length,children:t}),(0,i.jsx)(s.i.Td,{children:(0,i.jsx)(p,{children:r})}),(0,i.jsx)(s.i.Td,{children:(0,i.jsx)(H,{fz:"sm",children:n.vars[t][r]})})]},"".concat(t,"-").concat(r)))}),e),[]);return(0,i.jsx)(s.i.ScrollContainer,{minWidth:600,children:(0,i.jsxs)(s.i,{layout:t?"fixed":void 0,...r,children:[(0,i.jsx)(s.i.Thead,{children:(0,i.jsxs)(s.i.Tr,{children:[(0,i.jsx)(s.i.Th,{w:t?210:void 0,children:"Selector"}),(0,i.jsx)(s.i.Th,{w:t?310:void 0,children:"Variable"}),(0,i.jsx)(s.i.Th,{children:"Description"})]})}),(0,i.jsx)(s.i.Tbody,{children:o})]})})}function V(e){var n,t,r;let{data:o,fixedLayout:a=!0,...l}=e,c=null===(n=o.modifiers)||void 0===n?void 0:n.some(e=>!!e.condition),d=null===(t=o.modifiers)||void 0===t?void 0:t.some(e=>!!e.value),m=(null===(r=o.modifiers)||void 0===r?void 0:r.map((e,n)=>(0,i.jsxs)(s.i.Tr,{children:[(0,i.jsx)(s.i.Td,{children:Array.isArray(e.selector)?e.selector.join(", "):e.selector}),(0,i.jsx)(s.i.Td,{children:(0,i.jsx)(p,{children:e.modifier})}),c&&(0,i.jsx)(s.i.Td,{children:(0,i.jsx)(H,{fz:"sm",children:e.condition||"–"})}),d&&(0,i.jsx)(s.i.Td,{children:(0,i.jsx)(H,{fz:"sm",children:e.value||"–"})})]},n)))||[];return(0,i.jsx)(s.i.ScrollContainer,{minWidth:600,children:(0,i.jsxs)(s.i,{layout:a?"fixed":void 0,...l,children:[(0,i.jsx)(s.i.Thead,{children:(0,i.jsxs)(s.i.Tr,{children:[(0,i.jsx)(s.i.Th,{w:a?210:void 0,children:"Selector"}),(0,i.jsx)(s.i.Th,{w:a?310:void 0,children:"Attribute"}),c&&(0,i.jsx)(s.i.Th,{children:"Condition"}),d&&(0,i.jsx)(s.i.Th,{children:"Value"})]})}),(0,i.jsx)(s.i.Tbody,{children:m})]})})}var D=t(2118),P=t.n(D);function F(e){let{component:n,componentPrefix:t,data:r}=e;if(!r)return(0,i.jsx)(x,{errorOf:"Styles API"});let o=y({component:n,componentPrefix:t});return(0,i.jsxs)("div",{className:P().root,children:[(0,i.jsxs)("div",{className:P().section,children:[(0,i.jsxs)(j.D,{order:2,className:P().title,children:[o," selectors"]}),(0,i.jsx)(A,{component:n,data:r})]}),Object.keys(r.vars).length>0&&(0,i.jsxs)("div",{className:P().section,children:[(0,i.jsxs)(j.D,{order:2,className:P().title,children:[o," CSS variables"]}),(0,i.jsx)(I,{data:r})]}),Array.isArray(r.modifiers)&&r.modifiers.length>0&&(0,i.jsxs)("div",{className:P().section,children:[(0,i.jsxs)(j.D,{order:2,className:P().title,children:[o," data attributes"]}),(0,i.jsx)(V,{data:r})]})]})}var L=t(8970),O=t(531),W=t(2658),R=t(1363),Z=t(4675),G=t(7040),U=t(103),X=t(7923),J=t(6239),$=t.n(J);function Y(e){let{className:n,...t}=e,r=(0,G.rZ)();return(0,i.jsx)(U.V,{className:(0,d.Z)($().root,n),icon:(0,i.jsx)(Z.Z,{className:$().icon}),radius:"md",__vars:{"--docs-bq-code-bg-light":(0,X.m)(r.colors.blue[6],.2),"--docs-bq-code-bg-dark":(0,X.m)(r.colors.blue[4],.2)},...t})}var K=t(6938),Q=t.n(K);function ee(e){let{id:n,children:t,order:r=2,...o}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{id:n,"data-heading":t,"data-order":r,className:Q().titleOffset}),(0,i.jsx)(j.D,{order:r,className:Q().title,...o,children:(0,i.jsx)("a",{className:(0,d.Z)(Q().titleLink,"mantine-focus-auto"),href:"#".concat(n),children:t})})]})}let en=e=>n=>(0,i.jsx)(ee,{order:e,...n});function et(e){let{children:n}=e;return(0,i.jsx)(R.P,{className:Q().code,code:n.props.children,language:function(e){let n=(e.props.className||"").match(RegExp("language-(?.*)"));return n&&n.groups&&n.groups.lang?n.groups.lang:"tsx"}(n)})}function ei(e){return(0,i.jsx)("p",{className:Q().paragraph,...e})}function er(e){return(0,i.jsx)("ul",{className:Q().ul,...e})}function eo(e){return(0,i.jsx)("li",{className:Q().li,...e})}function ea(e){let{href:n,...t}=e;return(0,i.jsx)(u.e,{className:Q().link,href:n,...t})}function es(e){return{img:O.E,ul:er,li:eo,p:ei,a:ea,blockquote:Y,code:L.E,h1:en(1),h2:en(2),h3:en(3),h4:en(4),h5:en(5),h6:en(6),pre:et,Demo:W.B,...e}}function el(e){let{components:n,data:t,componentPrefix:r}=e,o=n.map(e=>(0,i.jsx)("div",{className:P().group,children:(0,i.jsx)(F,{component:e,componentPrefix:r,data:t[e]})},e));return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:P().groupsHeader,children:[(0,i.jsx)(ee,{style:{marginTop:0},children:"Styles API"}),(0,i.jsxs)(ei,{style:{marginTop:0},children:[(0,i.jsx)(L.E,{children:n[0]})," component supports"," ",(0,i.jsx)(ea,{href:"https://mantine.dev/styles/styles-api",target:"_blank",children:"Styles API"}),". With Styles API, you can customize styles of any inner element. Follow"," ",(0,i.jsx)(ea,{href:"https://mantine.dev/styles/styles-api",target:"_blank",children:"the documentation"})," ","to learn how to use CSS modules, CSS variables and inline styles to get full control over component styles."]})]}),o]})}function ec(e){let{children:n,docgen:t,componentsProps:s,componentsStyles:l,stylesApiData:c,componentPrefix:d}=e,m=(0,a.useRouter)(),[h,p]=(0,r.useState)("docs"),u=Array.isArray(s),x=Array.isArray(l);return((0,r.useEffect)(()=>{p(window.location.search.replace("?t=","")||"docs")},[]),u||x)?(0,i.jsxs)(o.m,{variant:"outline",value:h,classNames:{root:S().root,list:S().tabsList,tab:S().tab},keepMounted:!1,radius:"md",onChange:e=>{m.replace("docs"===e?m.pathname:"".concat(m.pathname,"?t=").concat(e)),p(e)},children:[(0,i.jsx)("div",{className:S().tabsWrapper,children:(0,i.jsxs)(o.m.List,{children:[(0,i.jsx)(o.m.Tab,{value:"docs",children:"Documentation"}),u&&(0,i.jsx)(o.m.Tab,{value:"props",children:"Props"}),x&&(0,i.jsx)(o.m.Tab,{value:"styles-api",children:"Styles API"})]})}),(0,i.jsx)(o.m.Panel,{value:"docs",children:(0,i.jsxs)("div",{className:S().tabContent,"data-main":!0,children:[(0,i.jsx)("div",{className:S().main,id:"mdx",children:n}),(0,i.jsx)("div",{className:S().tableOfContents,children:(0,i.jsx)(z,{withTabs:!0})})]})}),(0,i.jsx)(o.m.Panel,{value:"props",children:(0,i.jsx)("div",{className:S().tabContent,"data-secondary":!0,children:(0,i.jsx)(C,{components:s,data:t})})}),(0,i.jsx)(o.m.Panel,{value:"styles-api",children:(0,i.jsx)("div",{className:S().tabContent,"data-secondary":!0,children:c&&(0,i.jsx)(el,{data:c,components:l,componentPrefix:d})})})]}):null}var ed=t(7653),em=t(5083),eh=t(1864),ep=t(2972),eu=t(7239),ex=t(739),eg=t(1925),ej=t(9258),eb={i8:"2.0.0"},ef=t(4128),ey=t.n(ef),e_=t(3266),ev=t.n(e_);function eC(e){let{label:n,icon:t,children:r,link:o}=e,a=o?(0,i.jsxs)("a",{href:o,target:"_blank",className:ev().body,rel:"noreferrer",children:[(0,i.jsx)("div",{className:ev().icon,children:t}),(0,i.jsx)("div",{className:ev().content,children:r})]}):(0,i.jsxs)("div",{className:ev().body,children:[(0,i.jsx)("div",{className:ev().icon,children:t}),(0,i.jsx)("div",{className:ev().content,children:r})]});return(0,i.jsxs)("div",{className:ev().root,children:[(0,i.jsx)("div",{className:ev().label,children:n}),a]})}function ew(e){let{data:n}=e;return(0,i.jsx)("header",{className:ey().root,children:(0,i.jsxs)(ed.W,{size:"lg",children:[(0,i.jsx)(j.D,{className:ey().title,children:n.packageName}),(0,i.jsx)(c.x,{className:ey().description,children:n.packageDescription}),(0,i.jsxs)("div",{className:ey().links,children:[(0,i.jsx)(eC,{label:"Version",icon:(0,i.jsx)(eu.Z,{size:18,stroke:1.5}),children:(0,i.jsxs)(em.C,{children:["v",eb.i8]})}),(0,i.jsx)(eC,{label:"Source",icon:(0,i.jsx)(eh.E,{size:16}),link:n.repositoryUrl,children:"View source code"}),(0,i.jsx)(eC,{label:"Package",icon:(0,i.jsx)(ep._,{size:16}),link:"https://npmjs.com/package/".concat(n.packageName),children:n.packageName}),(0,i.jsx)(eC,{label:"Docs",icon:(0,i.jsx)(ex.Z,{size:18,stroke:1.5}),link:n.mdxFileUrl,children:"Edit this page"}),(0,i.jsxs)(eC,{label:"Built by",icon:(0,i.jsx)(eg.Z,{size:18,stroke:1.5}),link:"https://github.com/".concat(n.author.githubUsername),children:[n.author.name," ",(0,i.jsxs)(c.x,{span:!0,c:"dimmed",inherit:!0,children:["(@",n.author.githubUsername,")"]})]}),(0,i.jsx)(eC,{label:"License",icon:(0,i.jsx)(ej.Z,{size:18,stroke:1.5}),link:n.licenseUrl,children:"MIT"})]})]})})}var eT=t(805),eq=t(2153),eN=t(8323),ek=t(1487),eB=t(1328),eE=t(633),ez=t(7292),eM=t(2888),eS=t(2905),eH=t(5966);let eA={packageName:"@gfazioli/mantine-marquee",packageDescription:"A Mantine component that allows you to create a marquee effect with a list of elements.",mdxFileUrl:"https://github.com/gfazioli/mantine-marquee/blob/master/docs/pages/index.mdx",repositoryUrl:"https://github.com/gfazioli/mantine-marquee",licenseUrl:"https://github.com/gfazioli/mantine-marquee/blob/master/LICENSE",author:{name:"Giovambattista Fazioli",githubUsername:"gfazioli"}};var eI=t(186),eV=t.n(eI);function eD(e){let{children:n}=e,{toggleColorScheme:t}=(0,eT.X)();return(0,eE.A)([["mod + J",t]]),(0,i.jsxs)(eq.V,{header:{height:60},children:[(0,i.jsx)(eq.V.Header,{className:eN.Z.classNames.zeroRight,children:(0,i.jsxs)(ed.W,{size:"lg",px:"md",className:eV().inner,children:[(0,i.jsx)("a",{href:"https://mantine.dev/",target:"_blank",className:(0,d.Z)("mantine-focus-auto",eV().logo),rel:"noreferrer",children:(0,i.jsx)(eS.D,{size:30})}),(0,i.jsxs)(ek.Z,{gap:10,children:[(0,i.jsx)(eB.A,{visibleFrom:"sm",size:36,radius:8,component:"a",href:"https://undolog.substack.com/",target:"_blank",rel:"noreferrer","aria-label":"Undolog",title:"Undolog",children:(0,i.jsx)("img",{width:36,src:"https://substackcdn.com/image/fetch/w_170,c_limit,f_auto,q_auto:best,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa684f139-48b6-4cdb-8175-35869bc01be7_512x512.png",alt:"GitHub"})}),(0,i.jsx)(ez.q,{visibleFrom:"sm",githubLink:eA.repositoryUrl,withDirectionToggle:!1,withSearch:!1,discordLink:eH.$.discordLink})]}),(0,i.jsx)(ek.Z,{hiddenFrom:"sm",children:(0,i.jsx)(eM.M,{})})]})}),(0,i.jsx)(eq.V.Main,{children:(0,i.jsx)("div",{className:eV().main,children:n})})]})}var eP=JSON.parse('{"Marquee":{"props":{"children":{"description":"Content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"duration":{"description":"Animation speed/duration in seconds","name":"duration","required":false,"type":{"name":"number"}},"fadeEdges":{"description":"Add fade edges","name":"fadeEdges","required":false,"type":{"name":"boolean"}},"fadeEdgesColor":{"description":"Fade edges color","name":"fadeEdgesColor","required":false,"type":{"name":"MantineColor"}},"fadeEdgesSize":{"description":"Fade edges size","name":"fadeEdgesSize","required":false,"type":{"name":"MantineSize | (string & {})"}},"gap":{"description":"Gap between marquee items","name":"gap","required":false,"type":{"name":"MantineSize | (string & {})"}},"pauseOnHover":{"description":"Pause animation on hover","name":"pauseOnHover","required":false,"type":{"name":"boolean"}},"repeat":{"description":"Number of times to clone the children","name":"repeat","required":false,"type":{"name":"number"}},"reverse":{"description":"Reverse animation direction","name":"reverse","required":false,"type":{"name":"boolean"}},"vertical":{"description":"Vertical layout","name":"vertical","required":false,"type":{"name":"boolean"}}}}}'),eF=t(8395),eL=t(3276),eO=t(8646),eW=t(1555),eR=t.n(eW);function eZ(e){let{packages:n,dev:t}=e,[r,o]=(0,eF.I)({key:"script-tab",defaultValue:0});return(0,i.jsx)(eL.Q,{classNames:{root:eR().root},activeTab:r,onTabChange:o,code:[{fileName:"yarn",code:"yarn add ".concat(t?"--dev ":"").concat(n),language:"bash",icon:(0,i.jsx)(eO.z,{className:eR().icon,size:16})},{fileName:"npm",code:"npm install ".concat(t?"--save-dev ":"").concat(n),language:"bash",icon:(0,i.jsx)(ep._,{className:eR().icon,size:16})}]})}var eG=t(6415),eU=t(947),eX=t(9104),eJ=t(9662),e$=t(7226),eY=t(1662),eK={root:"me-7dc7d3cd",marqueeContainer:"me-931ed4ea",marqueeContent:"me-8bbdc322",marquee:"me-18e82957",marqueeContentVertical:"me-ddf84cb8","marquee-vertical":"me-cdef532c",marqueeFadeEdgeLeft:"me-d77b8cf7",marqueeFadeEdgeRight:"me-184c732c",marqueeFadeEdgeTop:"me-f66f7665",marqueeFadeEdgeBottom:"me-d64f0b1b"};let eQ={},e0=(0,eG.Z)((e,{reverse:n,repeat:t,vertical:i,pauseOnHover:r,duration:o,fadeEdgesColor:a,fadeEdgesSize:s,gap:l})=>({root:{"--marquee-animation-direction":n?"reverse":"normal","--marquee-direction":i?"column":"row","--marquee-duration":`${o||20}s`,"--marquee-gap":(0,eU.ap)(l,"marquee-gap"),"--marquee-fade-edge-size":(0,eU.ap)(s,"marquee-fade-edge-size"),"--marquee-fade-edge-color":a?(0,eX.p)(a,e):void 0}})),e1=(0,eJ.d)((e,n)=>{let t=(0,e$.w)("Marquee",eQ,e),[i,o]=r.useState(!1),{reverse:a=!1,repeat:s=2,vertical:l=!1,pauseOnHover:c,duration:d=20,fadeEdges:m=!1,fadeEdgesSize:h="xs",gap:p="xl",fadeEdgesColor:u="white",classNames:x,style:g,styles:j,unstyled:b,vars:f,children:y,className:_,...v}=t,C=(0,eY.y)({name:"Marquee",props:t,classes:eK,className:_,style:{...g,"--marquee-play-state":i&&c?"paused":"running"},classNames:x,styles:j,unstyled:b,vars:f,varsResolver:e0});return r.createElement(w.x,{...C("root"),...v},r.createElement(w.x,{ref:n,className:eK.marqueeContainer,onMouseEnter:()=>o(!0),onMouseLeave:()=>o(!1)},Array(s).fill(0).map((e,n)=>r.createElement("div",{key:n,className:`${eK.marqueeContent} ${l?eK.marqueeContentVertical:""}`},y))),m&&r.createElement("div",{className:l?eK.marqueeFadeEdgeBottom:eK.marqueeFadeEdgeRight}),m&&r.createElement("div",{className:l?eK.marqueeFadeEdgeTop:eK.marqueeFadeEdgeLeft}))});e1.classes=eK,e1.displayName="Marquee";let e2={type:"configurator",component:function(e){function n(e){let{children:n,...t}=e;return(0,i.jsx)(w.x,{...t,p:"md",w:"200px",c:"white",style:{borderRadius:"8px"},children:n})}return(0,i.jsxs)(e1,{...e,w:560,h:300,children:[(0,i.jsx)(n,{bg:"red",children:"Hello World #1"}),(0,i.jsx)(n,{bg:"cyan",children:"Hope you like it #2"}),(0,i.jsx)(n,{bg:"blue",children:"Have a nice day #3"}),(0,i.jsx)(n,{bg:"lime",children:"Goodbye #4"})]})},code:'\nimport { BorderBeam } from \'@gfazioli/mantine-marquee\'\';\n\nfunction Demo() {\n function BoxComponent({ children, ...props }: { children: ReactNode; [key: string]: any }) {\n return (\n \n {children}\n \n );\n }\n\n return (\n \n Hello World #1\n Hope you like it #2\n Have a nice day #3\n Goodbye #4\n \n );\n}\n',controls:[{prop:"reverse",type:"boolean",initialValue:!1,libraryValue:!1},{prop:"vertical",type:"boolean",initialValue:!1,libraryValue:!1},{prop:"fadeEdges",type:"boolean",initialValue:!1,libraryValue:!1},{prop:"pauseOnHover",type:"boolean",initialValue:!1,libraryValue:!1},{prop:"repeat",type:"number",initialValue:4,libraryValue:4,min:1,max:20},{prop:"duration",type:"number",initialValue:10,libraryValue:10,step:.1,min:0,max:60},{type:"size",prop:"gap",initialValue:"sm",libraryValue:"sm"},{type:"size",prop:"fadeEdgesSize",initialValue:"sm",libraryValue:"sm"},{type:"color",prop:"fadeEdgesColor",initialValue:"",libraryValue:""}]};var e3=t(1574),e8=t(7785),e7=t(8083),e6=t(8006),e5=t(4529),e4=t(891),e9=t(3070),ne=t(781);let nn={type:"code",component:function(e){let n=[(0,i.jsx)(e8.Z,{style:{width:"70%",height:"70%"}}),(0,i.jsx)(e7.Z,{style:{width:"70%",height:"70%"}}),(0,i.jsx)(e6.Z,{style:{width:"70%",height:"70%"}}),(0,i.jsx)(e5.Z,{style:{width:"70%",height:"70%"}}),(0,i.jsx)(e4.Z,{style:{width:"70%",height:"70%"}}),(0,i.jsx)(e9.Z,{style:{width:"70%",height:"70%"}}),(0,i.jsx)(ne.Z,{style:{width:"70%",height:"70%"}})];function t(e){let{children:n,...t}=e;return(0,i.jsx)(e3.k,{...t,variant:"transparent",size:"120px",children:n})}return(0,i.jsx)(e1,{w:800,pauseOnHover:!0,fadeEdges:!0,children:n.map((e,n)=>(0,i.jsx)(t,{children:e},n))})},code:"\nimport { BorderBeam } from '@gfazioli/mantine-marquee'';\n\nfunction Demo() {\n const iconsBrand = [\n ,\n ,\n ,\n ,\n ,\n ,\n ,\n ];\n\n function BoxComponent({ children, ...props }: { children: ReactNode; [key: string]: any }) {\n return (\n \n {children}\n \n );\n }\n\n return (\n \n {iconsBrand.map((icon, index) => (\n {icon}\n ))}\n \n );\n}\n"},nt={type:"code",component:function(e){function n(e){let{children:n,...t}=e;return(0,i.jsx)(w.x,{...t,p:"md",w:"200px",c:"white",style:{borderRadius:"8px"},children:n})}return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(e1,{w:800,mb:16,fadeEdges:!0,children:[(0,i.jsx)(n,{bg:"red",children:"Hello World #1"}),(0,i.jsx)(n,{bg:"cyan",children:"Hope you like it #2"}),(0,i.jsx)(n,{bg:"blue",children:"Have a nice day #3"}),(0,i.jsx)(n,{bg:"lime",children:"Goodbye #4"})]}),(0,i.jsxs)(e1,{reverse:!0,w:800,fadeEdges:!0,children:[(0,i.jsx)(n,{bg:"red",children:"Hello World #1"}),(0,i.jsx)(n,{bg:"cyan",children:"Hope you like it #2"}),(0,i.jsx)(n,{bg:"blue",children:"Have a nice day #3"}),(0,i.jsx)(n,{bg:"lime",children:"Goodbye #4"})]})]})},code:'\nimport { BorderBeam } from \'@gfazioli/mantine-marquee\'\';\n\nfunction Demo() {\n function BoxComponent({ children, ...props }: { children: ReactNode; [key: string]: any }) {\n return (\n \n {children}\n \n );\n }\n\n return (\n <>\n \n Hello World #1\n Hope you like it #2\n Have a nice day #3\n Goodbye #4\n \n \n Hello World #1\n Hope you like it #2\n Have a nice day #3\n Goodbye #4\n \n \n );\n}\n'};var ni=t(9913);let nr={type:"code",component:function(e){function n(e){let{children:n,...t}=e;return(0,i.jsx)(w.x,{...t,p:"md",w:"200px",c:"white",style:{borderRadius:"8px"},children:n})}return(0,i.jsxs)(ni.k,{w:500,children:[(0,i.jsxs)(e1,{h:300,fadeEdges:!0,vertical:!0,children:[(0,i.jsx)(n,{bg:"red",children:"Hello World #1"}),(0,i.jsx)(n,{bg:"cyan",children:"Hope you like it #2"}),(0,i.jsx)(n,{bg:"blue",children:"Have a nice day #3"}),(0,i.jsx)(n,{bg:"lime",children:"Goodbye #4"})]}),(0,i.jsxs)(e1,{h:300,reverse:!0,fadeEdges:!0,vertical:!0,children:[(0,i.jsx)(n,{bg:"red",children:"Hello World #1"}),(0,i.jsx)(n,{bg:"cyan",children:"Hope you like it #2"}),(0,i.jsx)(n,{bg:"blue",children:"Have a nice day #3"}),(0,i.jsx)(n,{bg:"lime",children:"Goodbye #4"})]})]})},code:'\nimport { BorderBeam } from \'@gfazioli/mantine-marquee\'\';\n\n function BoxComponent({ children, ...props }: { children: ReactNode; [key: string]: any }) {\n return (\n \n {children}\n \n );\n }\n\n return (\n \n \n Hello World #1\n Hope you like it #2\n Have a nice day #3\n Goodbye #4\n \n \n Hello World #1\n Hope you like it #2\n Have a nice day #3\n Goodbye #4\n \n \n );\n}\n'};function no(e){let n={code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...es(),...e.components},{Demo:t}=n;return t||function(e,n){throw Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Demo",!0),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.h2,{id:"installation",children:"Installation"}),"\n",(0,i.jsx)(eZ,{packages:"@gfazioli/mantine-marquee"}),"\n",(0,i.jsx)(n.p,{children:"After installation import package styles at the root of your application:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:"import '@gfazioli/mantine-marquee/styles.css';\n"})}),"\n",(0,i.jsx)(n.h2,{id:"usage",children:"Usage"}),"\n",(0,i.jsxs)(n.p,{children:["The ",(0,i.jsx)(n.code,{children:"Marquee"})," component allows you to create a marquee effect with any content."]}),"\n",(0,i.jsx)(t,{data:e2}),"\n",(0,i.jsx)(n.h2,{id:"multiple",children:"Multiple"}),"\n",(0,i.jsxs)(n.p,{children:["The ",(0,i.jsx)(n.code,{children:"Marquee"})," component allows you to create a marquee effect with multiple items."]}),"\n",(0,i.jsx)(t,{data:nt}),"\n",(0,i.jsx)(n.h3,{id:"vertical",children:"Vertical"}),"\n",(0,i.jsxs)(n.p,{children:["The ",(0,i.jsx)(n.code,{children:"Marquee"})," component allows you to create a marquee effect with multiple items in vertical direction."]}),"\n",(0,i.jsx)(t,{data:nr}),"\n",(0,i.jsx)(n.h2,{id:"examples",children:"Examples"}),"\n",(0,i.jsxs)(n.p,{children:["One of the most common use cases for ",(0,i.jsx)(n.code,{children:"Marquee"})," is to create branding banners."]}),"\n",(0,i.jsx)(t,{data:nn})]})}function na(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...es(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(no,{...e})}):no(e)}let ns={Marquee:{selectors:{root:"Root element"},vars:{root:{"--marquee-animation-direction":"Animation direction","--marquee-direction":"Horizontal or vertical direction","--marquee-duration":"Animation speed duration","--marquee-gap":"Space between elements","--marquee-fade-edge-size":"Fade edge size","--marquee-fade-edge-color":"Fade edge color"}}}};function nl(){return(0,i.jsxs)(eD,{children:[(0,i.jsx)(ew,{data:eA}),(0,i.jsx)(ec,{docgen:eP,componentsProps:["Marquee"],componentsStyles:["Marquee"],stylesApiData:ns,children:(0,i.jsx)(na,{})})]})}},2752:function(e){e.exports={root:"DocsTabs_root__3_liq",tabsWrapper:"DocsTabs_tabsWrapper__IRW55",tabsList:"DocsTabs_tabsList__WAMMe",tab:"DocsTabs_tab__mfbTe",tabContent:"DocsTabs_tabContent__xZoIg",main:"DocsTabs_main__bXjjr",tableOfContents:"DocsTabs_tableOfContents__m_mWC"}},1555:function(e){e.exports={root:"InstallScript_root__C12dR",icon:"InstallScript_icon__2DGM0"}},6938:function(e){e.exports={paragraph:"MdxElements_paragraph__Y192O",link:"MdxElements_link__Lt3iC",ul:"MdxElements_ul__hdTt4",li:"MdxElements_li__KI_j2",title:"MdxElements_title__YHwzc",titleLink:"MdxElements_titleLink__MBV9J",titleOffset:"MdxElements_titleOffset__Vn_Uo",code:"MdxElements_code__C3Y34"}},6239:function(e){e.exports={root:"MdxInfo_root__m_cCs",icon:"MdxInfo_icon__hDmDv"}},4128:function(e){e.exports={root:"PageHeader_root__u_xWw",title:"PageHeader_title__gP726",description:"PageHeader_description__gCV5r",links:"PageHeader_links__3ws49"}},3266:function(e){e.exports={root:"PageHeaderLink_root__xmmCT",label:"PageHeaderLink_label__7Fad9",body:"PageHeaderLink_body__qvtDJ",icon:"PageHeaderLink_icon__d9jEr"}},5628:function(e){e.exports={root:"PropsTablesList_root__c_Say",searchIcon:"PropsTablesList_searchIcon__9N6KL",title:"PropsTablesList_title__RXbmG",section:"PropsTablesList_section__nwP7g",search:"PropsTablesList_search__uiqGP"}},186:function(e){e.exports={inner:"Shell_inner__vEmfO",main:"Shell_main__lcVaI",logo:"Shell_logo__4Ivhz"}},2118:function(e){e.exports={root:"StylesApiTable_root__obqpY",groupsHeader:"StylesApiTable_groupsHeader__GDU_x",group:"StylesApiTable_group__X_sw5",title:"StylesApiTable_title__inUP0",section:"StylesApiTable_section__nAJMp"}},1251:function(e){e.exports={code:"TableInlineCode_code__TNUKa"}},1598:function(e){e.exports={wrapper:"TableOfContents_wrapper__BAgli",inner:"TableOfContents_inner__au2gv",link:"TableOfContents_link__X__0J",header:"TableOfContents_header__5Tlsz",title:"TableOfContents_title__FWq20",items:"TableOfContents_items__s8ECn"}}},function(e){e.O(0,[177,9774,2888,179],function(){return e(e.s=9536)}),_N_E=e.O()}]); \ No newline at end of file +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5405],{9536:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return t(9886)}])},9886:function(e,n,t){"use strict";t.r(n),t.d(n,{default:function(){return nl}});var i=t(4246),r=t(7378),o=t(7098),a=t(6677),s=t(2238),l=t(4366),c=t(149),d=t(624),m=t(1251),h=t.n(m);function p(e){let{className:n,...t}=e;return(0,i.jsx)(c.x,{component:"span",className:(0,d.Z)(h().code,n),...t})}var u=t(1996);function x(e){let{errorOf:n}=e;return(0,i.jsxs)(c.x,{children:[(0,i.jsxs)(c.x,{span:!0,c:"red",children:["Error loading component ",n," data."," "]}),"If you see this message please let us know by"," ",(0,i.jsx)(u.e,{href:"https://github.com/mantinedev/mantine/issues/new?assignees=&labels=&template=docs_report.yml",target:"_blank",children:"opening an issue on GitHub"}),"."]})}function g(e){let{component:n,query:t,data:r}=e;if(!r[n])return(0,i.jsx)(x,{errorOf:"props"});let o=Object.keys(r[n].props).filter(e=>r[n].props[e].name.toLowerCase().includes(t.toLowerCase().trim())).map(e=>{let o=r[n].props[e];return(0,i.jsxs)(s.i.Tr,{children:[(0,i.jsxs)(s.i.Td,{style:{whiteSpace:"nowrap"},children:[(0,i.jsx)(l.y,{highlight:t,component:"span",fz:"sm",children:o.name}),o.required&&(0,i.jsxs)(c.x,{component:"sup",c:"red",fz:"xs",children:[" ","*"]})]}),(0,i.jsx)(s.i.Td,{children:(0,i.jsx)(p,{children:o.type.name})}),(0,i.jsx)(s.i.Td,{children:(0,i.jsx)(c.x,{fz:"sm",dangerouslySetInnerHTML:{__html:o.description}})})]},e)});return 0===o.length?(0,i.jsx)(c.x,{c:"dimmed",mb:"xl",fz:"sm",children:"Nothing found"}):(0,i.jsx)(s.i.ScrollContainer,{minWidth:800,children:(0,i.jsxs)(s.i,{layout:"fixed",children:[(0,i.jsx)(s.i.Thead,{children:(0,i.jsxs)(s.i.Tr,{children:[(0,i.jsx)(s.i.Th,{w:210,children:"Name"}),(0,i.jsx)(s.i.Th,{w:310,children:"Type"}),(0,i.jsx)(s.i.Th,{children:"Description"})]})}),(0,i.jsx)(s.i.Tbody,{children:o})]})})}var j=t(4046),b=t(2033),f=t(7854);function y(e){let{component:n,componentPrefix:t}=e;return t?t===n?n:"".concat(t,".").concat(n.replace(t,"")):n}var _=t(5628),v=t.n(_);function C(e){let{components:n,componentPrefix:t,data:o}=e,[a,s]=(0,r.useState)(""),l=n.map(e=>(0,i.jsxs)("div",{className:v().section,children:[(0,i.jsxs)(j.D,{order:2,className:v().title,children:[y({component:e,componentPrefix:t})," component props"]}),(0,i.jsx)(g,{component:e,query:a,data:o})]},e));return(0,i.jsxs)("div",{className:v().root,children:[(0,i.jsx)(b.o,{className:v().search,value:a,onChange:e=>s(e.currentTarget.value),leftSection:(0,i.jsx)(f.Z,{className:v().searchIcon}),placeholder:"Search props",radius:"md",size:"lg",autoFocus:!0}),l]})}var w=t(502),T=t(4485),q=t(603),N=t(7261),k=t(1598),B=t.n(k);function E(e){if(0===e.length)return -1;let n=e.reduce((e,n,t)=>Math.abs(e.position)e.depth>1),p=()=>{o(E(d.current.map(e=>e.getNode().getBoundingClientRect())))};if((0,r.useEffect)(()=>{let e=function(){let e=document.getElementById("mdx");return e?function(e){let n=[];for(let t=0;tdocument.getElementById(i.id)})}return n}(Array.from(e.querySelectorAll("[data-heading]"))):[]}();return d.current=e,l(e),o(E(e.map(e=>e.getNode().getBoundingClientRect()))),window.addEventListener("scroll",p),()=>window.removeEventListener("scroll",p)},[]),0===h.length)return null;let u=h.map((e,n)=>(0,i.jsx)(c.x,{component:"a",fz:"sm",className:B().link,mod:{active:t===n},href:"#".concat(e.id),__vars:{"--toc-link-offset":"".concat(e.depth-1)},onClick:n=>{n.preventDefault(),m.replace("".concat(m.pathname,"#").concat(e.id))},children:e.content},e.id));return(0,i.jsx)(w.x,{component:"nav",mod:{"with-tabs":n},className:B().wrapper,children:(0,i.jsx)("div",{className:B().inner,children:(0,i.jsxs)("div",{children:[(0,i.jsxs)("div",{className:B().header,children:[(0,i.jsx)(N.Z,{style:{width:(0,T.h)(20),height:(0,T.h)(20)},stroke:1.5}),(0,i.jsx)(c.x,{className:B().title,children:"Table of contents"})]}),(0,i.jsx)(q.x.Autosize,{mah:"calc(100vh - ".concat((0,T.h)(140),")"),type:"never",offsetScrollbars:!0,children:(0,i.jsx)("div",{className:B().items,children:u})})]})})})}var M=t(2752),S=t.n(M);function H(e){let{children:n,...t}=e;return(0,i.jsx)(c.x,{component:"span","data-docs-inline-code":!0,dangerouslySetInnerHTML:{__html:n.replace(/`([^`]+)`/g,"$1").replace(/!important!/g,"Important")},fz:"sm",...t})}function A(e){let{data:n,component:t,fixedLayout:r=!0,...o}=e,a=Object.keys(n.selectors).map(e=>(0,i.jsxs)(s.i.Tr,{children:[(0,i.jsx)(s.i.Td,{children:e}),(0,i.jsx)(s.i.Td,{children:(0,i.jsxs)(p,{children:[".mantine-",t,"-",e]})}),(0,i.jsx)(s.i.Td,{children:(0,i.jsx)(H,{fz:"sm",children:n.selectors[e]})})]},e));return(0,i.jsx)(s.i.ScrollContainer,{minWidth:600,children:(0,i.jsxs)(s.i,{layout:r?"fixed":void 0,...o,children:[(0,i.jsx)(s.i.Thead,{children:(0,i.jsxs)(s.i.Tr,{children:[(0,i.jsx)(s.i.Th,{w:r?210:void 0,children:"Selector"}),(0,i.jsx)(s.i.Th,{w:r?310:void 0,children:"Static selector"}),(0,i.jsx)(s.i.Th,{children:"Description"})]})}),(0,i.jsx)(s.i.Tbody,{children:a})]})})}function I(e){let{data:n,fixedLayout:t=!0,...r}=e,o=Object.keys(n.vars).reduce((e,t)=>(Object.keys(n.vars[t]).forEach((r,o)=>{e.push((0,i.jsxs)(s.i.Tr,{children:[0===o&&(0,i.jsx)(s.i.Td,{rowSpan:Object.keys(n.vars[t]).length,children:t}),(0,i.jsx)(s.i.Td,{children:(0,i.jsx)(p,{children:r})}),(0,i.jsx)(s.i.Td,{children:(0,i.jsx)(H,{fz:"sm",children:n.vars[t][r]})})]},"".concat(t,"-").concat(r)))}),e),[]);return(0,i.jsx)(s.i.ScrollContainer,{minWidth:600,children:(0,i.jsxs)(s.i,{layout:t?"fixed":void 0,...r,children:[(0,i.jsx)(s.i.Thead,{children:(0,i.jsxs)(s.i.Tr,{children:[(0,i.jsx)(s.i.Th,{w:t?210:void 0,children:"Selector"}),(0,i.jsx)(s.i.Th,{w:t?310:void 0,children:"Variable"}),(0,i.jsx)(s.i.Th,{children:"Description"})]})}),(0,i.jsx)(s.i.Tbody,{children:o})]})})}function V(e){var n,t,r;let{data:o,fixedLayout:a=!0,...l}=e,c=null===(n=o.modifiers)||void 0===n?void 0:n.some(e=>!!e.condition),d=null===(t=o.modifiers)||void 0===t?void 0:t.some(e=>!!e.value),m=(null===(r=o.modifiers)||void 0===r?void 0:r.map((e,n)=>(0,i.jsxs)(s.i.Tr,{children:[(0,i.jsx)(s.i.Td,{children:Array.isArray(e.selector)?e.selector.join(", "):e.selector}),(0,i.jsx)(s.i.Td,{children:(0,i.jsx)(p,{children:e.modifier})}),c&&(0,i.jsx)(s.i.Td,{children:(0,i.jsx)(H,{fz:"sm",children:e.condition||"–"})}),d&&(0,i.jsx)(s.i.Td,{children:(0,i.jsx)(H,{fz:"sm",children:e.value||"–"})})]},n)))||[];return(0,i.jsx)(s.i.ScrollContainer,{minWidth:600,children:(0,i.jsxs)(s.i,{layout:a?"fixed":void 0,...l,children:[(0,i.jsx)(s.i.Thead,{children:(0,i.jsxs)(s.i.Tr,{children:[(0,i.jsx)(s.i.Th,{w:a?210:void 0,children:"Selector"}),(0,i.jsx)(s.i.Th,{w:a?310:void 0,children:"Attribute"}),c&&(0,i.jsx)(s.i.Th,{children:"Condition"}),d&&(0,i.jsx)(s.i.Th,{children:"Value"})]})}),(0,i.jsx)(s.i.Tbody,{children:m})]})})}var D=t(2118),P=t.n(D);function F(e){let{component:n,componentPrefix:t,data:r}=e;if(!r)return(0,i.jsx)(x,{errorOf:"Styles API"});let o=y({component:n,componentPrefix:t});return(0,i.jsxs)("div",{className:P().root,children:[(0,i.jsxs)("div",{className:P().section,children:[(0,i.jsxs)(j.D,{order:2,className:P().title,children:[o," selectors"]}),(0,i.jsx)(A,{component:n,data:r})]}),Object.keys(r.vars).length>0&&(0,i.jsxs)("div",{className:P().section,children:[(0,i.jsxs)(j.D,{order:2,className:P().title,children:[o," CSS variables"]}),(0,i.jsx)(I,{data:r})]}),Array.isArray(r.modifiers)&&r.modifiers.length>0&&(0,i.jsxs)("div",{className:P().section,children:[(0,i.jsxs)(j.D,{order:2,className:P().title,children:[o," data attributes"]}),(0,i.jsx)(V,{data:r})]})]})}var L=t(8970),O=t(531),W=t(2658),R=t(1363),Z=t(4675),G=t(7040),U=t(103),X=t(7923),J=t(6239),$=t.n(J);function Y(e){let{className:n,...t}=e,r=(0,G.rZ)();return(0,i.jsx)(U.V,{className:(0,d.Z)($().root,n),icon:(0,i.jsx)(Z.Z,{className:$().icon}),radius:"md",__vars:{"--docs-bq-code-bg-light":(0,X.m)(r.colors.blue[6],.2),"--docs-bq-code-bg-dark":(0,X.m)(r.colors.blue[4],.2)},...t})}var K=t(6938),Q=t.n(K);function ee(e){let{id:n,children:t,order:r=2,...o}=e;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{id:n,"data-heading":t,"data-order":r,className:Q().titleOffset}),(0,i.jsx)(j.D,{order:r,className:Q().title,...o,children:(0,i.jsx)("a",{className:(0,d.Z)(Q().titleLink,"mantine-focus-auto"),href:"#".concat(n),children:t})})]})}let en=e=>n=>(0,i.jsx)(ee,{order:e,...n});function et(e){let{children:n}=e;return(0,i.jsx)(R.P,{className:Q().code,code:n.props.children,language:function(e){let n=(e.props.className||"").match(RegExp("language-(?.*)"));return n&&n.groups&&n.groups.lang?n.groups.lang:"tsx"}(n)})}function ei(e){return(0,i.jsx)("p",{className:Q().paragraph,...e})}function er(e){return(0,i.jsx)("ul",{className:Q().ul,...e})}function eo(e){return(0,i.jsx)("li",{className:Q().li,...e})}function ea(e){let{href:n,...t}=e;return(0,i.jsx)(u.e,{className:Q().link,href:n,...t})}function es(e){return{img:O.E,ul:er,li:eo,p:ei,a:ea,blockquote:Y,code:L.E,h1:en(1),h2:en(2),h3:en(3),h4:en(4),h5:en(5),h6:en(6),pre:et,Demo:W.B,...e}}function el(e){let{components:n,data:t,componentPrefix:r}=e,o=n.map(e=>(0,i.jsx)("div",{className:P().group,children:(0,i.jsx)(F,{component:e,componentPrefix:r,data:t[e]})},e));return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("div",{className:P().groupsHeader,children:[(0,i.jsx)(ee,{style:{marginTop:0},children:"Styles API"}),(0,i.jsxs)(ei,{style:{marginTop:0},children:[(0,i.jsx)(L.E,{children:n[0]})," component supports"," ",(0,i.jsx)(ea,{href:"https://mantine.dev/styles/styles-api",target:"_blank",children:"Styles API"}),". With Styles API, you can customize styles of any inner element. Follow"," ",(0,i.jsx)(ea,{href:"https://mantine.dev/styles/styles-api",target:"_blank",children:"the documentation"})," ","to learn how to use CSS modules, CSS variables and inline styles to get full control over component styles."]})]}),o]})}function ec(e){let{children:n,docgen:t,componentsProps:s,componentsStyles:l,stylesApiData:c,componentPrefix:d}=e,m=(0,a.useRouter)(),[h,p]=(0,r.useState)("docs"),u=Array.isArray(s),x=Array.isArray(l);return((0,r.useEffect)(()=>{p(window.location.search.replace("?t=","")||"docs")},[]),u||x)?(0,i.jsxs)(o.m,{variant:"outline",value:h,classNames:{root:S().root,list:S().tabsList,tab:S().tab},keepMounted:!1,radius:"md",onChange:e=>{m.replace("docs"===e?m.pathname:"".concat(m.pathname,"?t=").concat(e)),p(e)},children:[(0,i.jsx)("div",{className:S().tabsWrapper,children:(0,i.jsxs)(o.m.List,{children:[(0,i.jsx)(o.m.Tab,{value:"docs",children:"Documentation"}),u&&(0,i.jsx)(o.m.Tab,{value:"props",children:"Props"}),x&&(0,i.jsx)(o.m.Tab,{value:"styles-api",children:"Styles API"})]})}),(0,i.jsx)(o.m.Panel,{value:"docs",children:(0,i.jsxs)("div",{className:S().tabContent,"data-main":!0,children:[(0,i.jsx)("div",{className:S().main,id:"mdx",children:n}),(0,i.jsx)("div",{className:S().tableOfContents,children:(0,i.jsx)(z,{withTabs:!0})})]})}),(0,i.jsx)(o.m.Panel,{value:"props",children:(0,i.jsx)("div",{className:S().tabContent,"data-secondary":!0,children:(0,i.jsx)(C,{components:s,data:t})})}),(0,i.jsx)(o.m.Panel,{value:"styles-api",children:(0,i.jsx)("div",{className:S().tabContent,"data-secondary":!0,children:c&&(0,i.jsx)(el,{data:c,components:l,componentPrefix:d})})})]}):null}var ed=t(7653),em=t(5083),eh=t(1864),ep=t(2972),eu=t(7239),ex=t(739),eg=t(1925),ej=t(9258),eb={i8:"2.0.1"},ef=t(4128),ey=t.n(ef),e_=t(3266),ev=t.n(e_);function eC(e){let{label:n,icon:t,children:r,link:o}=e,a=o?(0,i.jsxs)("a",{href:o,target:"_blank",className:ev().body,rel:"noreferrer",children:[(0,i.jsx)("div",{className:ev().icon,children:t}),(0,i.jsx)("div",{className:ev().content,children:r})]}):(0,i.jsxs)("div",{className:ev().body,children:[(0,i.jsx)("div",{className:ev().icon,children:t}),(0,i.jsx)("div",{className:ev().content,children:r})]});return(0,i.jsxs)("div",{className:ev().root,children:[(0,i.jsx)("div",{className:ev().label,children:n}),a]})}function ew(e){let{data:n}=e;return(0,i.jsx)("header",{className:ey().root,children:(0,i.jsxs)(ed.W,{size:"lg",children:[(0,i.jsx)(j.D,{className:ey().title,children:n.packageName}),(0,i.jsx)(c.x,{className:ey().description,children:n.packageDescription}),(0,i.jsxs)("div",{className:ey().links,children:[(0,i.jsx)(eC,{label:"Version",icon:(0,i.jsx)(eu.Z,{size:18,stroke:1.5}),children:(0,i.jsxs)(em.C,{children:["v",eb.i8]})}),(0,i.jsx)(eC,{label:"Source",icon:(0,i.jsx)(eh.E,{size:16}),link:n.repositoryUrl,children:"View source code"}),(0,i.jsx)(eC,{label:"Package",icon:(0,i.jsx)(ep._,{size:16}),link:"https://npmjs.com/package/".concat(n.packageName),children:n.packageName}),(0,i.jsx)(eC,{label:"Docs",icon:(0,i.jsx)(ex.Z,{size:18,stroke:1.5}),link:n.mdxFileUrl,children:"Edit this page"}),(0,i.jsxs)(eC,{label:"Built by",icon:(0,i.jsx)(eg.Z,{size:18,stroke:1.5}),link:"https://github.com/".concat(n.author.githubUsername),children:[n.author.name," ",(0,i.jsxs)(c.x,{span:!0,c:"dimmed",inherit:!0,children:["(@",n.author.githubUsername,")"]})]}),(0,i.jsx)(eC,{label:"License",icon:(0,i.jsx)(ej.Z,{size:18,stroke:1.5}),link:n.licenseUrl,children:"MIT"})]})]})})}var eT=t(805),eq=t(2153),eN=t(8323),ek=t(1487),eB=t(1328),eE=t(633),ez=t(7292),eM=t(2888),eS=t(2905),eH=t(5966);let eA={packageName:"@gfazioli/mantine-marquee",packageDescription:"A Mantine component that allows you to create a marquee effect with a list of elements.",mdxFileUrl:"https://github.com/gfazioli/mantine-marquee/blob/master/docs/pages/index.mdx",repositoryUrl:"https://github.com/gfazioli/mantine-marquee",licenseUrl:"https://github.com/gfazioli/mantine-marquee/blob/master/LICENSE",author:{name:"Giovambattista Fazioli",githubUsername:"gfazioli"}};var eI=t(186),eV=t.n(eI);function eD(e){let{children:n}=e,{toggleColorScheme:t}=(0,eT.X)();return(0,eE.A)([["mod + J",t]]),(0,i.jsxs)(eq.V,{header:{height:60},children:[(0,i.jsx)(eq.V.Header,{className:eN.Z.classNames.zeroRight,children:(0,i.jsxs)(ed.W,{size:"lg",px:"md",className:eV().inner,children:[(0,i.jsx)("a",{href:"https://mantine.dev/",target:"_blank",className:(0,d.Z)("mantine-focus-auto",eV().logo),rel:"noreferrer",children:(0,i.jsx)(eS.D,{size:30})}),(0,i.jsxs)(ek.Z,{gap:10,children:[(0,i.jsx)(eB.A,{visibleFrom:"sm",size:36,radius:8,component:"a",href:"https://undolog.substack.com/",target:"_blank",rel:"noreferrer","aria-label":"Undolog",title:"Undolog",children:(0,i.jsx)("img",{width:36,src:"https://substackcdn.com/image/fetch/w_170,c_limit,f_auto,q_auto:best,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Fa684f139-48b6-4cdb-8175-35869bc01be7_512x512.png",alt:"GitHub"})}),(0,i.jsx)(ez.q,{visibleFrom:"sm",githubLink:eA.repositoryUrl,withDirectionToggle:!1,withSearch:!1,discordLink:eH.$.discordLink})]}),(0,i.jsx)(ek.Z,{hiddenFrom:"sm",children:(0,i.jsx)(eM.M,{})})]})}),(0,i.jsx)(eq.V.Main,{children:(0,i.jsx)("div",{className:eV().main,children:n})})]})}var eP=JSON.parse('{"Marquee":{"props":{"children":{"description":"Content","name":"children","required":false,"type":{"name":"React.ReactNode"}},"duration":{"description":"Animation speed/duration in seconds","name":"duration","required":false,"type":{"name":"number"}},"fadeEdges":{"description":"Add fade edges","name":"fadeEdges","required":false,"type":{"name":"boolean"}},"fadeEdgesColor":{"description":"Fade edges color","name":"fadeEdgesColor","required":false,"type":{"name":"MantineColor"}},"fadeEdgesSize":{"description":"Fade edges size","name":"fadeEdgesSize","required":false,"type":{"name":"MantineSize | (string & {})"}},"gap":{"description":"Gap between marquee items","name":"gap","required":false,"type":{"name":"MantineSize | (string & {})"}},"pauseOnHover":{"description":"Pause animation on hover","name":"pauseOnHover","required":false,"type":{"name":"boolean"}},"repeat":{"description":"Number of times to clone the children","name":"repeat","required":false,"type":{"name":"number"}},"reverse":{"description":"Reverse animation direction","name":"reverse","required":false,"type":{"name":"boolean"}},"vertical":{"description":"Vertical layout","name":"vertical","required":false,"type":{"name":"boolean"}}}}}'),eF=t(8395),eL=t(3276),eO=t(8646),eW=t(1555),eR=t.n(eW);function eZ(e){let{packages:n,dev:t}=e,[r,o]=(0,eF.I)({key:"script-tab",defaultValue:0});return(0,i.jsx)(eL.Q,{classNames:{root:eR().root},activeTab:r,onTabChange:o,code:[{fileName:"yarn",code:"yarn add ".concat(t?"--dev ":"").concat(n),language:"bash",icon:(0,i.jsx)(eO.z,{className:eR().icon,size:16})},{fileName:"npm",code:"npm install ".concat(t?"--save-dev ":"").concat(n),language:"bash",icon:(0,i.jsx)(ep._,{className:eR().icon,size:16})}]})}var eG=t(6415),eU=t(947),eX=t(9104),eJ=t(9662),e$=t(7226),eY=t(1662),eK={root:"me-7dc7d3cd",marqueeContainer:"me-931ed4ea",marqueeContent:"me-8bbdc322",marquee:"me-18e82957",marqueeContentVertical:"me-ddf84cb8","marquee-vertical":"me-cdef532c",marqueeFadeEdgeLeft:"me-d77b8cf7",marqueeFadeEdgeRight:"me-184c732c",marqueeFadeEdgeTop:"me-f66f7665",marqueeFadeEdgeBottom:"me-d64f0b1b"};let eQ={},e0=(0,eG.Z)((e,{reverse:n,repeat:t,vertical:i,pauseOnHover:r,duration:o,fadeEdgesColor:a,fadeEdgesSize:s,gap:l})=>({root:{"--marquee-animation-direction":n?"reverse":"normal","--marquee-direction":i?"column":"row","--marquee-duration":`${o||20}s`,"--marquee-gap":(0,eU.ap)(l,"marquee-gap"),"--marquee-fade-edge-size":(0,eU.ap)(s,"marquee-fade-edge-size"),"--marquee-fade-edge-color":a?(0,eX.p)(a,e):void 0}})),e1=(0,eJ.d)((e,n)=>{let t=(0,e$.w)("Marquee",eQ,e),[i,o]=r.useState(!1),{reverse:a=!1,repeat:s=2,vertical:l=!1,pauseOnHover:c,duration:d=20,fadeEdges:m=!1,fadeEdgesSize:h="xs",gap:p="xl",fadeEdgesColor:u="white",classNames:x,style:g,styles:j,unstyled:b,vars:f,children:y,className:_,...v}=t,C=(0,eY.y)({name:"Marquee",props:t,classes:eK,className:_,style:{...g,"--marquee-play-state":i&&c?"paused":"running"},classNames:x,styles:j,unstyled:b,vars:f,varsResolver:e0});return r.createElement(w.x,{...C("root"),...v},r.createElement(w.x,{ref:n,className:eK.marqueeContainer,onMouseEnter:()=>o(!0),onMouseLeave:()=>o(!1)},Array(s).fill(0).map((e,n)=>r.createElement("div",{key:n,className:`${eK.marqueeContent} ${l?eK.marqueeContentVertical:""}`},y))),m&&r.createElement("div",{className:l?eK.marqueeFadeEdgeBottom:eK.marqueeFadeEdgeRight}),m&&r.createElement("div",{className:l?eK.marqueeFadeEdgeTop:eK.marqueeFadeEdgeLeft}))});e1.classes=eK,e1.displayName="Marquee";let e2={type:"configurator",component:function(e){function n(e){let{children:n,...t}=e;return(0,i.jsx)(w.x,{...t,p:"md",w:"200px",c:"white",style:{borderRadius:"8px"},children:n})}return(0,i.jsxs)(e1,{...e,w:560,h:300,children:[(0,i.jsx)(n,{bg:"red",children:"Hello World #1"}),(0,i.jsx)(n,{bg:"cyan",children:"Hope you like it #2"}),(0,i.jsx)(n,{bg:"blue",children:"Have a nice day #3"}),(0,i.jsx)(n,{bg:"lime",children:"Goodbye #4"})]})},code:'\nimport { BorderBeam } from \'@gfazioli/mantine-marquee\'\';\n\nfunction Demo() {\n function BoxComponent({ children, ...props }: { children: ReactNode; [key: string]: any }) {\n return (\n \n {children}\n \n );\n }\n\n return (\n \n Hello World #1\n Hope you like it #2\n Have a nice day #3\n Goodbye #4\n \n );\n}\n',controls:[{prop:"reverse",type:"boolean",initialValue:!1,libraryValue:!1},{prop:"vertical",type:"boolean",initialValue:!1,libraryValue:!1},{prop:"fadeEdges",type:"boolean",initialValue:!1,libraryValue:!1},{prop:"pauseOnHover",type:"boolean",initialValue:!1,libraryValue:!1},{prop:"repeat",type:"number",initialValue:4,libraryValue:4,min:1,max:20},{prop:"duration",type:"number",initialValue:10,libraryValue:10,step:.1,min:0,max:60},{type:"size",prop:"gap",initialValue:"sm",libraryValue:"sm"},{type:"size",prop:"fadeEdgesSize",initialValue:"sm",libraryValue:"sm"},{type:"color",prop:"fadeEdgesColor",initialValue:"",libraryValue:""}]};var e3=t(1574),e8=t(7785),e7=t(8083),e6=t(8006),e5=t(4529),e4=t(891),e9=t(3070),ne=t(781);let nn={type:"code",component:function(e){let n=[(0,i.jsx)(e8.Z,{style:{width:"70%",height:"70%"}}),(0,i.jsx)(e7.Z,{style:{width:"70%",height:"70%"}}),(0,i.jsx)(e6.Z,{style:{width:"70%",height:"70%"}}),(0,i.jsx)(e5.Z,{style:{width:"70%",height:"70%"}}),(0,i.jsx)(e4.Z,{style:{width:"70%",height:"70%"}}),(0,i.jsx)(e9.Z,{style:{width:"70%",height:"70%"}}),(0,i.jsx)(ne.Z,{style:{width:"70%",height:"70%"}})];function t(e){let{children:n,...t}=e;return(0,i.jsx)(e3.k,{...t,variant:"transparent",size:"120px",children:n})}return(0,i.jsx)(e1,{w:800,pauseOnHover:!0,fadeEdges:!0,children:n.map((e,n)=>(0,i.jsx)(t,{children:e},n))})},code:"\nimport { BorderBeam } from '@gfazioli/mantine-marquee'';\n\nfunction Demo() {\n const iconsBrand = [\n ,\n ,\n ,\n ,\n ,\n ,\n ,\n ];\n\n function BoxComponent({ children, ...props }: { children: ReactNode; [key: string]: any }) {\n return (\n \n {children}\n \n );\n }\n\n return (\n \n {iconsBrand.map((icon, index) => (\n {icon}\n ))}\n \n );\n}\n"},nt={type:"code",component:function(e){function n(e){let{children:n,...t}=e;return(0,i.jsx)(w.x,{...t,p:"md",w:"200px",c:"white",style:{borderRadius:"8px"},children:n})}return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(e1,{w:800,mb:16,fadeEdges:!0,children:[(0,i.jsx)(n,{bg:"red",children:"Hello World #1"}),(0,i.jsx)(n,{bg:"cyan",children:"Hope you like it #2"}),(0,i.jsx)(n,{bg:"blue",children:"Have a nice day #3"}),(0,i.jsx)(n,{bg:"lime",children:"Goodbye #4"})]}),(0,i.jsxs)(e1,{reverse:!0,w:800,fadeEdges:!0,children:[(0,i.jsx)(n,{bg:"red",children:"Hello World #1"}),(0,i.jsx)(n,{bg:"cyan",children:"Hope you like it #2"}),(0,i.jsx)(n,{bg:"blue",children:"Have a nice day #3"}),(0,i.jsx)(n,{bg:"lime",children:"Goodbye #4"})]})]})},code:'\nimport { BorderBeam } from \'@gfazioli/mantine-marquee\'\';\n\nfunction Demo() {\n function BoxComponent({ children, ...props }: { children: ReactNode; [key: string]: any }) {\n return (\n \n {children}\n \n );\n }\n\n return (\n <>\n \n Hello World #1\n Hope you like it #2\n Have a nice day #3\n Goodbye #4\n \n \n Hello World #1\n Hope you like it #2\n Have a nice day #3\n Goodbye #4\n \n \n );\n}\n'};var ni=t(9913);let nr={type:"code",component:function(e){function n(e){let{children:n,...t}=e;return(0,i.jsx)(w.x,{...t,p:"md",w:"200px",c:"white",style:{borderRadius:"8px"},children:n})}return(0,i.jsxs)(ni.k,{w:500,children:[(0,i.jsxs)(e1,{h:300,fadeEdges:!0,vertical:!0,children:[(0,i.jsx)(n,{bg:"red",children:"Hello World #1"}),(0,i.jsx)(n,{bg:"cyan",children:"Hope you like it #2"}),(0,i.jsx)(n,{bg:"blue",children:"Have a nice day #3"}),(0,i.jsx)(n,{bg:"lime",children:"Goodbye #4"})]}),(0,i.jsxs)(e1,{h:300,reverse:!0,fadeEdges:!0,vertical:!0,children:[(0,i.jsx)(n,{bg:"red",children:"Hello World #1"}),(0,i.jsx)(n,{bg:"cyan",children:"Hope you like it #2"}),(0,i.jsx)(n,{bg:"blue",children:"Have a nice day #3"}),(0,i.jsx)(n,{bg:"lime",children:"Goodbye #4"})]})]})},code:'\nimport { BorderBeam } from \'@gfazioli/mantine-marquee\'\';\n\n function BoxComponent({ children, ...props }: { children: ReactNode; [key: string]: any }) {\n return (\n \n {children}\n \n );\n }\n\n return (\n \n \n Hello World #1\n Hope you like it #2\n Have a nice day #3\n Goodbye #4\n \n \n Hello World #1\n Hope you like it #2\n Have a nice day #3\n Goodbye #4\n \n \n );\n}\n'};function no(e){let n={code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...es(),...e.components},{Demo:t}=n;return t||function(e,n){throw Error("Expected "+(n?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("Demo",!0),(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.h2,{id:"installation",children:"Installation"}),"\n",(0,i.jsx)(eZ,{packages:"@gfazioli/mantine-marquee"}),"\n",(0,i.jsx)(n.p,{children:"After installation import package styles at the root of your application:"}),"\n",(0,i.jsx)(n.pre,{children:(0,i.jsx)(n.code,{className:"language-tsx",children:"import '@gfazioli/mantine-marquee/styles.css';\n"})}),"\n",(0,i.jsx)(n.h2,{id:"usage",children:"Usage"}),"\n",(0,i.jsxs)(n.p,{children:["The ",(0,i.jsx)(n.code,{children:"Marquee"})," component allows you to create a marquee effect with any content."]}),"\n",(0,i.jsx)(t,{data:e2}),"\n",(0,i.jsx)(n.h2,{id:"multiple",children:"Multiple"}),"\n",(0,i.jsxs)(n.p,{children:["The ",(0,i.jsx)(n.code,{children:"Marquee"})," component allows you to create a marquee effect with multiple items."]}),"\n",(0,i.jsx)(t,{data:nt}),"\n",(0,i.jsx)(n.h3,{id:"vertical",children:"Vertical"}),"\n",(0,i.jsxs)(n.p,{children:["The ",(0,i.jsx)(n.code,{children:"Marquee"})," component allows you to create a marquee effect with multiple items in vertical direction."]}),"\n",(0,i.jsx)(t,{data:nr}),"\n",(0,i.jsx)(n.h2,{id:"examples",children:"Examples"}),"\n",(0,i.jsxs)(n.p,{children:["One of the most common use cases for ",(0,i.jsx)(n.code,{children:"Marquee"})," is to create branding banners."]}),"\n",(0,i.jsx)(t,{data:nn})]})}function na(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:n}={...es(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(no,{...e})}):no(e)}let ns={Marquee:{selectors:{root:"Root element"},vars:{root:{"--marquee-animation-direction":"Animation direction","--marquee-direction":"Horizontal or vertical direction","--marquee-duration":"Animation speed duration","--marquee-gap":"Space between elements","--marquee-fade-edge-size":"Fade edge size","--marquee-fade-edge-color":"Fade edge color"}}}};function nl(){return(0,i.jsxs)(eD,{children:[(0,i.jsx)(ew,{data:eA}),(0,i.jsx)(ec,{docgen:eP,componentsProps:["Marquee"],componentsStyles:["Marquee"],stylesApiData:ns,children:(0,i.jsx)(na,{})})]})}},2752:function(e){e.exports={root:"DocsTabs_root__3_liq",tabsWrapper:"DocsTabs_tabsWrapper__IRW55",tabsList:"DocsTabs_tabsList__WAMMe",tab:"DocsTabs_tab__mfbTe",tabContent:"DocsTabs_tabContent__xZoIg",main:"DocsTabs_main__bXjjr",tableOfContents:"DocsTabs_tableOfContents__m_mWC"}},1555:function(e){e.exports={root:"InstallScript_root__C12dR",icon:"InstallScript_icon__2DGM0"}},6938:function(e){e.exports={paragraph:"MdxElements_paragraph__Y192O",link:"MdxElements_link__Lt3iC",ul:"MdxElements_ul__hdTt4",li:"MdxElements_li__KI_j2",title:"MdxElements_title__YHwzc",titleLink:"MdxElements_titleLink__MBV9J",titleOffset:"MdxElements_titleOffset__Vn_Uo",code:"MdxElements_code__C3Y34"}},6239:function(e){e.exports={root:"MdxInfo_root__m_cCs",icon:"MdxInfo_icon__hDmDv"}},4128:function(e){e.exports={root:"PageHeader_root__u_xWw",title:"PageHeader_title__gP726",description:"PageHeader_description__gCV5r",links:"PageHeader_links__3ws49"}},3266:function(e){e.exports={root:"PageHeaderLink_root__xmmCT",label:"PageHeaderLink_label__7Fad9",body:"PageHeaderLink_body__qvtDJ",icon:"PageHeaderLink_icon__d9jEr"}},5628:function(e){e.exports={root:"PropsTablesList_root__c_Say",searchIcon:"PropsTablesList_searchIcon__9N6KL",title:"PropsTablesList_title__RXbmG",section:"PropsTablesList_section__nwP7g",search:"PropsTablesList_search__uiqGP"}},186:function(e){e.exports={inner:"Shell_inner__vEmfO",main:"Shell_main__lcVaI",logo:"Shell_logo__4Ivhz"}},2118:function(e){e.exports={root:"StylesApiTable_root__obqpY",groupsHeader:"StylesApiTable_groupsHeader__GDU_x",group:"StylesApiTable_group__X_sw5",title:"StylesApiTable_title__inUP0",section:"StylesApiTable_section__nAJMp"}},1251:function(e){e.exports={code:"TableInlineCode_code__TNUKa"}},1598:function(e){e.exports={wrapper:"TableOfContents_wrapper__BAgli",inner:"TableOfContents_inner__au2gv",link:"TableOfContents_link__X__0J",header:"TableOfContents_header__5Tlsz",title:"TableOfContents_title__FWq20",items:"TableOfContents_items__s8ECn"}}},function(e){e.O(0,[177,9774,2888,179],function(){return e(e.s=9536)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/_next/static/DSwLW3gpODpWBIF8fvk1S/_buildManifest.js b/_next/static/eaoCcu76w-0RrQSC2QAp0/_buildManifest.js similarity index 64% rename from _next/static/DSwLW3gpODpWBIF8fvk1S/_buildManifest.js rename to _next/static/eaoCcu76w-0RrQSC2QAp0/_buildManifest.js index 5ab7072..73e8f2c 100644 --- a/_next/static/DSwLW3gpODpWBIF8fvk1S/_buildManifest.js +++ b/_next/static/eaoCcu76w-0RrQSC2QAp0/_buildManifest.js @@ -1 +1 @@ -self.__BUILD_MANIFEST={__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":["static/chunks/177-09f7dc0a7c5b95d6.js","static/css/411d08967b80a6bc.css","static/chunks/pages/index-0f46a4f14b7b1d4a.js"],"/_error":["static/chunks/pages/_error-78f2934ae700e086.js"],sortedPages:["/","/_app","/_error"]},self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file +self.__BUILD_MANIFEST={__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":["static/chunks/177-09f7dc0a7c5b95d6.js","static/css/411d08967b80a6bc.css","static/chunks/pages/index-9ed6201dde851968.js"],"/_error":["static/chunks/pages/_error-78f2934ae700e086.js"],sortedPages:["/","/_app","/_error"]},self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file diff --git a/_next/static/DSwLW3gpODpWBIF8fvk1S/_ssgManifest.js b/_next/static/eaoCcu76w-0RrQSC2QAp0/_ssgManifest.js similarity index 100% rename from _next/static/DSwLW3gpODpWBIF8fvk1S/_ssgManifest.js rename to _next/static/eaoCcu76w-0RrQSC2QAp0/_ssgManifest.js diff --git a/index.html b/index.html index 2378c3d..5340fed 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ var computedColorScheme = colorScheme !== "auto" ? colorScheme : window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"; document.documentElement.setAttribute("data-mantine-color-scheme", computedColorScheme); } catch (e) {} -
GitHub

@gfazioli/mantine-marquee

A Mantine component that allows you to create a marquee effect with a list of elements.

Version
v2.0.0
Source
View source code
Package
@gfazioli/mantine-marquee
Docs
Edit this page
Built by
Giovambattista Fazioli (@gfazioli)
License
MIT

Installation

+
GitHub

@gfazioli/mantine-marquee

A Mantine component that allows you to create a marquee effect with a list of elements.

Version
v2.0.1
Source
View source code
Package
@gfazioli/mantine-marquee
Docs
Edit this page
Built by
Giovambattista Fazioli (@gfazioli)
License
MIT

Installation

yarn add @gfazioli/mantine-marquee

After installation import package styles at the root of your application:

import '@gfazioli/mantine-marquee/styles.css';
@@ -119,4 +119,4 @@ ))} </Marquee> ); -}

You can visit the Mantine documentation to learn more about Mantine

Check more Mantine components in Mantine Extensions

Subscribe to my newsletter to get updates about new Mantine components and features on Undolog website

\ No newline at end of file +}

You can visit the Mantine documentation to learn more about Mantine

Check more Mantine components in Mantine Extensions

Subscribe to my newsletter to get updates about new Mantine components and features on Undolog website

\ No newline at end of file