najwer23morsels 0.18.5 → 0.19.0

package/lib/Button-BsarUehq.js

@@ -0,0 +1 @@
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import{forwardRef as n}from"react";import{L as e}from"./Loader-sZEWRRzo.js";import{s as r,g as i}from"./style-inject.es-CrVRO2OA.js";var a={n23mButtonButton:"Button-module_n23mButtonButton__IfHY-"};r('@layer n23mButton{.Button-module_n23mButtonButton__IfHY-{--boxShadow:0 4px 8px 0 rgba(0,0,0,.24),0 6px 20px 0 rgba(0,0,0,.19);-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--n23mButtonBg,var(--button-bg));border:1px solid var(--n23mButtonBorderColor,var(--button-bc,unset));border-radius:8px;box-shadow:none;cursor:pointer;height:var(--button-h,auto);letter-spacing:normal;margin:var(--button-m,0);padding:var(--button-p,0);position:relative;transition:background-color .3s,box-shadow .3s;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:var(--button-w,auto);>*{display:inline-block;position:relative;z-index:1}&:before{background-color:inherit;border-radius:8px;content:"";inset:0;pointer-events:none;position:absolute;transition:filter .3s;z-index:0}@media (hover:hover) and (pointer:fine){&:hover:before{filter:brightness(100%)}&:hover{box-shadow:var(--boxShadow)}}&:active:before{filter:brightness(.8)}&:active{box-shadow:var(--boxShadow)}&:focus-visible:before{filter:brightness(.8);outline:none}&:focus-visible{box-shadow:var(--boxShadow);outline:none}&:disabled{background-color:var(--n23mButtonBgDisabled,var(--button-bgd));box-shadow:none;cursor:not-allowed}}}');const s=n(({margin:n,children:r,className:s,backgroundColor:b,padding:u,loading:l,height:d,width:c,borderColor:h,backgroundColorDisabled:m,style:g,...v},p)=>o("div",{className:["n23mButton",s].filter(Boolean).join(" "),children:[l&&t("div",{style:{width:c,height:d},children:t(e,{})}),!l&&t("button",{ref:p,style:{...i({"--button-bg":b,"--button-h":d,"--button-w":c,"--button-bgd":m,"--button-bc":h,"--button-p":u,"--button-m":n}),...g},className:[a.n23mButtonButton,"n23mButtonButton"].filter(Boolean).join(" "),...v,children:r})]}));s.displayName="Button";export{s as B};

package/lib/Button.js

@@ -1 +1 @@
-export{B as Button}from"./Button-BYGSUhk2.js";import"react/jsx-runtime";import"react";import"./Loader-D18j8aqL.js";import"./TextBox-dHL75Jj9.js";import"./getCssVariableStyle-CBKDTT0s.js";import"./style-inject.es-BnTDb6vU.js";
+export{B as Button}from"./Button-BsarUehq.js";import"react/jsx-runtime";import"react";import"./Loader-sZEWRRzo.js";import"./TextBox-CWSg4nm8.js";import"./style-inject.es-CrVRO2OA.js";

package/lib/Copybutton.js

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import{useState as t,useRef as r,useCallback as e,useEffect as n}from"react";import{B as i}from"./Button-BYGSUhk2.js";import{T as l}from"./TextBox-dHL75Jj9.js";import{s as a}from"./style-inject.es-BnTDb6vU.js";import"./Loader-D18j8aqL.js";import"./getCssVariableStyle-CBKDTT0s.js";var c={n23mCopyButton:"CopyButton-module_n23mCopyButton__JWZWy"};a("");const m=({children:a,className:m,style:u,textToCopy:s,color:p="white",backgroundColor:d="orangered",...y})=>{const[B,C]=t(!1),h=r(null),g=e(()=>{h.current&&clearTimeout(h.current),navigator.clipboard.writeText(s),C(!0),h.current=setTimeout(()=>{C(!1),h.current=null},800)},[]);return n(()=>()=>{h.current&&clearTimeout(h.current)},[]),o("div",{className:[c.n23mCopyButton,"n23mCopyButton",m].filter(Boolean).join(" "),...y,children:o(i,{padding:"0px 3px",height:"auto",width:"auto",backgroundColor:B?"#4BB543":d,onClick:g,children:a??o(l,{mobileSize:8,desktopSize:8,fontWeight:600,lineHeight:"17px",color:p,children:"Copy"})})})};m.displayName="CopyButton";export{m as CopyButton};
+import{jsx as o}from"react/jsx-runtime";import{useState as t,useRef as r,useCallback as e,useEffect as n}from"react";import{B as i}from"./Button-BsarUehq.js";import{T as l}from"./TextBox-CWSg4nm8.js";import{s as a}from"./style-inject.es-CrVRO2OA.js";import"./Loader-sZEWRRzo.js";var c={n23mCopyButton:"CopyButton-module_n23mCopyButton__JWZWy"};a("");const u=({children:a,className:u,style:m,textToCopy:p,color:s="white",backgroundColor:d="orangered",...y})=>{const[B,C]=t(!1),h=r(null),x=e(()=>{h.current&&clearTimeout(h.current),navigator.clipboard.writeText(p),C(!0),h.current=setTimeout(()=>{C(!1),h.current=null},800)},[]);return n(()=>()=>{h.current&&clearTimeout(h.current)},[]),o("div",{className:[c.n23mCopyButton,"n23mCopyButton",u].filter(Boolean).join(" "),...y,children:o(i,{padding:"0px 3px",height:"auto",width:"auto",backgroundColor:B?"#4BB543":d,onClick:x,children:a??o(l,{mobileSize:8,desktopSize:8,fontWeight:600,lineHeight:"17px",color:s,children:"Copy"})})})};u.displayName="CopyButton";export{u as CopyButton};

package/lib/Footer.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import{G as t}from"./Grid-XlOpwTNv.js";import{T as r}from"./TextBox-dHL75Jj9.js";import{g as i}from"./getCssVariableStyle-CBKDTT0s.js";import{s as n}from"./style-inject.es-BnTDb6vU.js";import"./Loader-D18j8aqL.js";import"react";var a={n23mFooter:"Footer-module_n23mFooter__R0RUZ",n23mFooterPush:"Footer-module_n23mFooterPush__LbDeJ",n23mFooterContainer:"Footer-module_n23mFooterContainer__gMHjx"};n("@layer n23mFooter{html{height:100%}body{min-height:100%;position:relative}.Footer-module_n23mFooter__R0RUZ{.Footer-module_n23mFooterPush__LbDeJ{padding-bottom:100px}.Footer-module_n23mFooterContainer__gMHjx{background-image:linear-gradient(180deg,#dcdada,#eee);bottom:0;height:100px;position:absolute;width:100%}}}");const m=({children:n,className:m,style:l,...s})=>e("footer",{className:[a.n23mFooter,"n23mFooter",m].filter(Boolean).join(" "),...s,style:{...i({"--footer":"test"}),...l},children:[o("div",{className:a.n23mFooterPush}),o("div",{className:a.n23mFooterContainer,children:e(t,{layout:"container",widthMax:"1600px",children:[o(t,{layout:"flex",widthMax:"1400px",padding:"20px 0 0",justifyContent:"center",children:o(r,{mobileSize:22,desktopSize:22,color:"black",tag:"p",children:"© Mariusz Najwer"})}),o(t,{layout:"flex",widthMax:"1400px",padding:"0",justifyContent:"center",children:e(r,{mobileSize:12,desktopSize:12,color:"black",tag:"p",children:["2019 - ",(new Date).getFullYear()]})})]})})]});m.displayName="Footer";export{m as Footer};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{G as t}from"./Grid-B_DgqRD0.js";import{T as r}from"./TextBox-CWSg4nm8.js";import{s as i,g as n}from"./style-inject.es-CrVRO2OA.js";import"./Loader-sZEWRRzo.js";import"react";var a={n23mFooter:"Footer-module_n23mFooter__R0RUZ",n23mFooterPush:"Footer-module_n23mFooterPush__LbDeJ",n23mFooterContainer:"Footer-module_n23mFooterContainer__gMHjx"};i("@layer n23mFooter{html{height:100%}body{min-height:100%;position:relative}.Footer-module_n23mFooter__R0RUZ{.Footer-module_n23mFooterPush__LbDeJ{padding-bottom:100px}.Footer-module_n23mFooterContainer__gMHjx{background-image:linear-gradient(180deg,#dcdada,#eee);bottom:0;height:100px;position:absolute;width:100%}}}");const m=({children:i,className:m,style:l,...d})=>e("footer",{className:[a.n23mFooter,"n23mFooter",m].filter(Boolean).join(" "),...d,style:{...n({"--footer":"test"}),...l},children:[o("div",{className:a.n23mFooterPush}),o("div",{className:a.n23mFooterContainer,children:e(t,{layout:"container",widthMax:"1600px",children:[o(t,{layout:"flex",widthMax:"1400px",padding:"20px 0 0",justifyContent:"center",children:o(r,{mobileSize:22,desktopSize:22,color:"black",tag:"p",children:"© Mariusz Najwer"})}),o(t,{layout:"flex",widthMax:"1400px",padding:"0",justifyContent:"center",children:e(r,{mobileSize:12,desktopSize:12,color:"black",tag:"p",children:["2019 - ",(new Date).getFullYear()]})})]})})]});m.displayName="Footer";export{m as Footer};

package/lib/Form.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{T as r}from"./TextBox-dHL75Jj9.js";import"react";import"./getCssVariableStyle-CBKDTT0s.js";import"./style-inject.es-BnTDb6vU.js";const n=({children:n,onSubmit:o,className:i,isError:s,isPending:a,isSuccess:l,errorMsg:m,successMsg:c,style:p,...f})=>e("form",{className:["n23mForm",i].filter(Boolean).join(" "),...f,style:{...p},onSubmit:e=>{e.preventDefault();const t=e.currentTarget;t&&Array.from(t.elements).forEach(e=>{(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement)&&e.dispatchEvent(new FocusEvent("focusout",{bubbles:!0}))});const r=Object.fromEntries(Array.from(t.elements).filter(e=>e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement&&""!==e.name).map(e=>[e.name,{error:e.className.includes("error"),value:e.value}]));o(r)},children:[n,s&&t(r,{tag:"p",color:"#ff3333",mobileSize:12,desktopSize:12,margin:"15px 0 10px 0",fontWeight:400,children:m}),a&&t(r,{tag:"p",color:"grey",mobileSize:12,desktopSize:12,margin:"15px 0 10px 0",fontWeight:400,children:"Loading.."}),l&&t(r,{tag:"p",color:"#4BB543",mobileSize:12,desktopSize:12,margin:"15px 0 10px 0",fontWeight:400,children:c})]});n.displayName="Form";export{n as Form};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{T as n}from"./TextBox-CWSg4nm8.js";import"react";import"./style-inject.es-CrVRO2OA.js";const r=({children:r,onSubmit:o,className:i,isError:s,isPending:a,isSuccess:m,errorMsg:c,successMsg:l,style:p,...f})=>e("form",{className:["n23mForm",i].filter(Boolean).join(" "),...f,style:{...p},onSubmit:e=>{e.preventDefault();const t=e.currentTarget;t&&Array.from(t.elements).forEach(e=>{(e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement)&&e.dispatchEvent(new FocusEvent("focusout",{bubbles:!0}))});const n=Object.fromEntries(Array.from(t.elements).filter(e=>e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement||e instanceof HTMLSelectElement&&""!==e.name).map(e=>[e.name,{error:e.className.includes("error"),value:e.value}]));o(n)},children:[r,s&&t(n,{tag:"p",color:"#ff3333",mobileSize:12,desktopSize:12,margin:"15px 0 10px 0",fontWeight:400,children:c}),a&&t(n,{tag:"p",color:"grey",mobileSize:12,desktopSize:12,margin:"15px 0 10px 0",fontWeight:400,children:"Loading.."}),m&&t(n,{tag:"p",color:"#4BB543",mobileSize:12,desktopSize:12,margin:"15px 0 10px 0",fontWeight:400,children:l})]});r.displayName="Form";export{r as Form};

package/lib/Grid-B_DgqRD0.js

@@ -0,0 +1 @@
+import{jsxs as r,jsx as i}from"react/jsx-runtime";import{L as d}from"./Loader-sZEWRRzo.js";import{s as a,g as n}from"./style-inject.es-CrVRO2OA.js";var o={n23mGridFlex:"Grid-module_n23mGridFlex__bsotF",n23mGridContainer:"Grid-module_n23mGridContainer__G1O3I",n23mGridColumns:"Grid-module_n23mGridColumns__oyScE"};a("@layer n23mGrid{.Grid-module_n23mGridContainer__G1O3I,.Grid-module_n23mGridFlex__bsotF{box-sizing:border-box;flex-wrap:var(--grid-fw,nowrap);margin:var(--grid-m);max-width:var(--grid-wx);min-height:var(--grid-mh,auto);min-width:var(--grid-wn);padding:var(--grid-p)}.Grid-module_n23mGridFlex__bsotF{align-items:var(--grid-ai,center);column-gap:var(--grid-cg,0);display:flex;justify-content:var(--grid-jc,space-between);row-gap:var(--grid-rg)}.Grid-module_n23mGridColumns__oyScE{column-gap:var(--grid-cg,0);display:flex;flex-wrap:wrap;row-gap:var(--grid-rg);width:100%}.Grid-module_n23mGridColumns__oyScE>div{width:calc(100%/var(--gfc) - ((var(--gfc) - 1)/var(--gfc))*var(--grid-cg, 0px))}@media (max-width:767.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-cm)}}@media (min-width:768px) and (max-width:1199.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-ct)}}@media (min-width:1200px) and (max-width:1599.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-csd)}}@media (min-width:1600px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-cd)}}}");const e=({children:a,widthMin:e="0px",widthMax:m="1920px",padding:g="0px",margin:t="auto",layout:l,gap:c,col:s,loading:p=!1,justifyContent:G,alignItems:_,minHeight:u,flexWrap:x,className:w,style:v,...h})=>{if("container"===l||"flex"===l)return r("div",{className:[o["n23mGrid"+l.charAt(0).toUpperCase()+l.slice(1)],"n23mGrid"+l.charAt(0).toUpperCase()+l.slice(1),w].filter(Boolean).join(" "),style:{...n({"--grid-p":g,"--grid-m":t,"--grid-jc":G,"--grid-cg":c?.col,"--grid-rg":c?.row,"--grid-ai":_,"--grid-fw":x,"--grid-mh":u,"--grid-wn":e,"--grid-wx":m}),...v},...h,children:[!p&&a,p&&i(d,{minHeight:`${u}`})]});if(!c||!s)throw new Error('When layout="columns", gap and col props are required');return i("div",{className:[o.n23mGridColumns,"n23mGridColumns",w].filter(Boolean).join(" "),style:{"--grid-cm":s.mobile.toString(),"--grid-ct":s.tablet.toString(),"--grid-csd":s.smallDesktop.toString(),"--grid-cd":s.desktop.toString(),"--grid-cg":c.col,"--grid-rg":c.row},...h,children:a})};e.displayName="Grid";export{e as G};

package/lib/Grid.js

@@ -1 +1 @@
-export{G as Grid}from"./Grid-XlOpwTNv.js";import"react/jsx-runtime";import"./Loader-D18j8aqL.js";import"./TextBox-dHL75Jj9.js";import"react";import"./getCssVariableStyle-CBKDTT0s.js";import"./style-inject.es-BnTDb6vU.js";
+export{G as Grid}from"./Grid-B_DgqRD0.js";import"react/jsx-runtime";import"./Loader-sZEWRRzo.js";import"./TextBox-CWSg4nm8.js";import"react";import"./style-inject.es-CrVRO2OA.js";

package/lib/Input.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useRef as n}from"react";import{T as r}from"./TextBox-dHL75Jj9.js";import{g as i}from"./getCssVariableStyle-CBKDTT0s.js";import{validator as o}from"./Validator.js";import{s as a}from"./style-inject.es-BnTDb6vU.js";var l={n23mInput:"Input-module_n23mInput__hkvVc",n23mInputInput:"Input-module_n23mInputInput__S-hN-"};a("@layer n23mInput{.Input-module_n23mInput__hkvVc{--iff:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;margin-bottom:10px;margin-top:0;.Input-module_n23mInputInput__S-hN-{display:grid;& input,& textarea{border:1px solid var(--input-cb,#000);border-radius:5px;box-sizing:border-box;color:var(--input-c,#000);font-family:var(--n23mFontFamily,var(--iff));font-size:16px;font-weight:500}& input{height:40px;padding:20px 10px;width:100%}& textarea{field-sizing:content;block-size:100%;max-height:400px;min-height:200px;padding:10px;resize:vertical}& ::placeholder{filter:brightness(125%);font-weight:300}}.Input-module_n23mInputError__jolhD{color:var(--najwer23snacks-input-error-font-color);font-family:var(--najwer23snacks-input-error-font-family);font-size:var(--najwer23snacks-input-error-font-size);font-weight:var(--najwer23snacks-input-error-font-weight);line-height:1;margin:2px}}}");const p=({className:a,style:p,name:s,label:u,inputRef:m,placeholder:d,type:c="text",labelColor:f="black",kind:h="input",inputColor:x,inputColorBorder:g,defaultValue:b,disabled:v,validatorOptions:I,onBlur:y,..._})=>{const j=n(null),k=t=>{const e=t.target;if(document.activeElement!==e&&(j.current&&(j.current.textContent=""),I)){const t=o(e.value,I);t.length>0?(j.current.textContent=t[0],e.classList.add("error")):e.classList.remove("error")}"function"==typeof y&&y(t)};return t("div",{className:[l.n23mInput,"n23mInput",a].filter(Boolean).join(" "),..._,style:{...i({"--input-c":x,"--input-cb":g}),...p},children:[e(r,{mobileSize:14,desktopSize:14,tag:"label",fontWeight:400,color:f,htmlFor:s,children:u}),t("div",{className:l.n23mInputInput,children:["input"==h&&e("input",{ref:m,id:s,name:s,type:c,onBlur:k,placeholder:d,defaultValue:b,disabled:v}),"textarea"==h&&e("textarea",{id:s,name:s,onBlur:k,placeholder:d,defaultValue:b,disabled:v,ref:m})]}),e(r,{ref:j,mobileSize:12,desktopSize:12,tag:"p",fontWeight:400,color:"#ff3333",lineHeight:"14px",margin:"2px 0 2px"})]})};p.displayName="Input";export{p as Input};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useRef as n}from"react";import{T as r}from"./TextBox-CWSg4nm8.js";import{s as i,g as o}from"./style-inject.es-CrVRO2OA.js";import{validator as a}from"./Validator.js";var l={n23mInput:"Input-module_n23mInput__hkvVc",n23mInputInput:"Input-module_n23mInputInput__S-hN-"};i("@layer n23mInput{.Input-module_n23mInput__hkvVc{--iff:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;margin-bottom:10px;margin-top:0;.Input-module_n23mInputInput__S-hN-{display:grid;& input,& textarea{border:1px solid var(--input-cb,#000);border-radius:5px;box-sizing:border-box;color:var(--input-c,#000);font-family:var(--n23mFontFamily,var(--iff));font-size:16px;font-weight:500}& input{height:40px;padding:20px 10px;width:100%}& textarea{field-sizing:content;block-size:100%;max-height:400px;min-height:200px;padding:10px;resize:vertical}& ::placeholder{filter:brightness(125%);font-weight:300}}.Input-module_n23mInputError__jolhD{color:var(--najwer23snacks-input-error-font-color);font-family:var(--najwer23snacks-input-error-font-family);font-size:var(--najwer23snacks-input-error-font-size);font-weight:var(--najwer23snacks-input-error-font-weight);line-height:1;margin:2px}}}");const p=({className:i,style:p,name:u,label:s,inputRef:m,placeholder:d,type:c="text",labelColor:f="black",kind:h="input",inputColor:x,inputColorBorder:g,defaultValue:v,disabled:b,validatorOptions:I,onBlur:y,..._})=>{const k=n(null),j=t=>{const e=t.target;if(document.activeElement!==e&&(k.current&&(k.current.textContent=""),I)){const t=a(e.value,I);t.length>0?(k.current.textContent=t[0],e.classList.add("error")):e.classList.remove("error")}"function"==typeof y&&y(t)};return t("div",{className:[l.n23mInput,"n23mInput",i].filter(Boolean).join(" "),..._,style:{...o({"--input-c":x,"--input-cb":g}),...p},children:[e(r,{mobileSize:14,desktopSize:14,tag:"label",fontWeight:400,color:f,htmlFor:u,children:s}),t("div",{className:l.n23mInputInput,children:["input"==h&&e("input",{ref:m,id:u,name:u,type:c,onBlur:j,placeholder:d,defaultValue:v,disabled:b}),"textarea"==h&&e("textarea",{id:u,name:u,onBlur:j,placeholder:d,defaultValue:v,disabled:b,ref:m})]}),e(r,{ref:k,mobileSize:12,desktopSize:12,tag:"p",fontWeight:400,color:"#ff3333",lineHeight:"14px",margin:"2px 0 2px"})]})};p.displayName="Input";export{p as Input};

package/lib/Loader-sZEWRRzo.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{T as o}from"./TextBox-CWSg4nm8.js";import{s as r,g as a}from"./style-inject.es-CrVRO2OA.js";var d={n23mLoader:"Loader-module_n23mLoader__stRd6"};r("@layer n23mLoader{.Loader-module_n23mLoader__stRd6{align-items:center;border:1px dashed var(--loader-lc,var(--n23mTextBoxColor,#000));box-sizing:border-box;color:var(--loader-lc,var(--n23mTextBoxColor,#000));display:flex;height:var(--loader-mh,100%);justify-content:center;width:100%}}");const l=({minHeight:r,className:l,loaderColor:t,style:s})=>e("div",{className:[d.n23mLoader,"n23mLoader",l].filter(Boolean).join(" "),style:{...a({"--loader-lc":t,"--loader-mh":r}),...s},children:e(o,{mobileSize:16,desktopSize:16,color:t,children:"Loading..."})});l.displayName="Loader";export{l as L};

package/lib/Loader.js

@@ -1 +1 @@
-export{L as Loader}from"./Loader-D18j8aqL.js";import"react/jsx-runtime";import"./TextBox-dHL75Jj9.js";import"react";import"./getCssVariableStyle-CBKDTT0s.js";import"./style-inject.es-BnTDb6vU.js";
+export{L as Loader}from"./Loader-sZEWRRzo.js";import"react/jsx-runtime";import"./TextBox-CWSg4nm8.js";import"react";import"./style-inject.es-CrVRO2OA.js";

package/lib/Masonry.js

@@ -1 +1 @@
-import{jsx as n}from"react/jsx-runtime";import{useRef as r,useEffect as a,Children as m,useState as o,useMemo as s}from"react";import{u as e}from"./useWindowSize-CAQRbyxi.js";import{g as t}from"./getCssVariableStyle-CBKDTT0s.js";import{s as i}from"./style-inject.es-BnTDb6vU.js";import{a as l}from"./useResizeObserver-BbBZwKT3.js";var y={n23mMasonry:"Masonry-module_n23mMasonry__i3gjM",n23mMasonryColumn:"Masonry-module_n23mMasonryColumn__KYLxP",n23mMasonryColumnChild:"Masonry-module_n23mMasonryColumnChild__D3rRF"};i("@layer n23mMasonry{.Masonry-module_n23mMasonry__i3gjM{column-gap:var(--masonry-cg);display:flex;&>*{height:fit-content}}.Masonry-module_n23mMasonryColumn__KYLxP{width:calc(100%/var(--mc) - ((var(--mc) - 1)/var(--mc))*var(--masonry-cg))}.Masonry-module_n23mMasonryColumnChild__D3rRF{margin-bottom:var(--masonry-rg)}@media (max-width:767.98px){.Masonry-module_n23mMasonryColumn__KYLxP{--mc:var(--masonry-cm)}}@media (min-width:768px) and (max-width:1199.98px){.Masonry-module_n23mMasonryColumn__KYLxP{--mc:var(--masonry-ct)}}@media (min-width:1200px) and (max-width:1599.98px){.Masonry-module_n23mMasonryColumn__KYLxP{--mc:var(--masonry-csd)}}@media (min-width:1600px){.Masonry-module_n23mMasonryColumn__KYLxP{--mc:var(--masonry-cd)}}}");const d=({arrWithChildren:o,onHeightChange:s,id:e})=>{const t=r(null),{height:i=0}=l({ref:t});return a(()=>{s(i)},[i]),n("div",{ref:t,className:y.n23mMasonryColumn,children:m.map(o,(r,a)=>n("div",{className:y.n23mMasonryColumnChild,children:r},e+a))},e)};d.displayName="MasonryColumn";const c=({children:m,gap:i,col:l,onGridMasonryLoadEnd:c,delay:h=10,className:u,style:M,..._})=>{const[p,g]=o(0),{width:C}=e(),x=r(!0),v=n=>n<767.98?l.mobile:n>=768.98&&n<1199.98?l.tablet:n>=1199.98&&n<1599.98?l.smallDesktop:n>=1599.98?l.desktop:3,[f,j]=o(()=>v(C)),w=n=>Array.from({length:n}).map((n,r)=>({name:`col${r}`,arrWithElm:[],height:0})),[b,L]=o(()=>w(f));a(()=>{const n=setTimeout(()=>{const n=v(C);n!==f&&(g(0),j(n),L(w(n)))},100);return()=>clearTimeout(n)},[C]);const W=s(()=>b.map(({height:n})=>n).join(","),[b]);return a(()=>{const n=x.current?0:h,r=setTimeout(()=>{if(p<m.length){const n=(n=>[...n].sort((n,r)=>n.height-r.height)[0].name)(b);L(b.map(r=>r.name===n?{...r,arrWithElm:[...r.arrWithElm,m[p]]}:r)),g(n=>n+1),p===m.length-1&&c&&c(!0)}},n);return()=>clearTimeout(r)},[W]),a(()=>{x.current=!1},[]),n("div",{className:[y.n23mMasonry,"n23mMasonry",u].filter(Boolean).join(" "),..._,style:{...t({"--masonry-cm":l.mobile,"--masonry-ct":l.tablet,"--masonry-csd":l.smallDesktop,"--masonry-cd":l.desktop,"--masonry-cg":i.col,"--masonry-rg":i.row}),...M},children:b.map(({arrWithElm:r,name:a})=>n(d,{arrWithChildren:r,onHeightChange:n=>((n,r)=>{L(b.map(a=>a.name===r?{...a,height:n}:a))})(n,a),id:a},"masonry-parent"+a))})};c.displayName="Masonry";export{c as Masonry};
+import{jsx as n}from"react/jsx-runtime";import{useRef as a,useEffect as r,Children as m,useState as o,useMemo as s}from"react";import{u as e}from"./useWindowSize-CAQRbyxi.js";import{s as t,g as i}from"./style-inject.es-CrVRO2OA.js";import{a as l}from"./useResizeObserver-BbBZwKT3.js";var y={n23mMasonry:"Masonry-module_n23mMasonry__i3gjM",n23mMasonryColumn:"Masonry-module_n23mMasonryColumn__KYLxP",n23mMasonryColumnChild:"Masonry-module_n23mMasonryColumnChild__D3rRF"};t("@layer n23mMasonry{.Masonry-module_n23mMasonry__i3gjM{column-gap:var(--masonry-cg);display:flex;&>*{height:fit-content}}.Masonry-module_n23mMasonryColumn__KYLxP{width:calc(100%/var(--mc) - ((var(--mc) - 1)/var(--mc))*var(--masonry-cg))}.Masonry-module_n23mMasonryColumnChild__D3rRF{margin-bottom:var(--masonry-rg)}@media (max-width:767.98px){.Masonry-module_n23mMasonryColumn__KYLxP{--mc:var(--masonry-cm)}}@media (min-width:768px) and (max-width:1199.98px){.Masonry-module_n23mMasonryColumn__KYLxP{--mc:var(--masonry-ct)}}@media (min-width:1200px) and (max-width:1599.98px){.Masonry-module_n23mMasonryColumn__KYLxP{--mc:var(--masonry-csd)}}@media (min-width:1600px){.Masonry-module_n23mMasonryColumn__KYLxP{--mc:var(--masonry-cd)}}}");const d=({arrWithChildren:o,onHeightChange:s,id:e})=>{const t=a(null),{height:i=0}=l({ref:t});return r(()=>{s(i)},[i]),n("div",{ref:t,className:y.n23mMasonryColumn,children:m.map(o,(a,r)=>n("div",{className:y.n23mMasonryColumnChild,children:a},e+r))},e)};d.displayName="MasonryColumn";const c=({children:m,gap:t,col:l,onGridMasonryLoadEnd:c,delay:h=10,className:u,style:M,..._})=>{const[p,g]=o(0),{width:C}=e(),x=a(!0),v=n=>n<767.98?l.mobile:n>=768.98&&n<1199.98?l.tablet:n>=1199.98&&n<1599.98?l.smallDesktop:n>=1599.98?l.desktop:3,[f,w]=o(()=>v(C)),j=n=>Array.from({length:n}).map((n,a)=>({name:`col${a}`,arrWithElm:[],height:0})),[L,W]=o(()=>j(f));r(()=>{const n=setTimeout(()=>{const n=v(C);n!==f&&(g(0),w(n),W(j(n)))},100);return()=>clearTimeout(n)},[C]);const b=s(()=>L.map(({height:n})=>n).join(","),[L]);return r(()=>{const n=x.current?0:h,a=setTimeout(()=>{if(p<m.length){const n=(n=>[...n].sort((n,a)=>n.height-a.height)[0].name)(L);W(L.map(a=>a.name===n?{...a,arrWithElm:[...a.arrWithElm,m[p]]}:a)),g(n=>n+1),p===m.length-1&&c&&c(!0)}},n);return()=>clearTimeout(a)},[b]),r(()=>{x.current=!1},[]),n("div",{className:[y.n23mMasonry,"n23mMasonry",u].filter(Boolean).join(" "),..._,style:{...i({"--masonry-cm":l.mobile,"--masonry-ct":l.tablet,"--masonry-csd":l.smallDesktop,"--masonry-cd":l.desktop,"--masonry-cg":t.col,"--masonry-rg":t.row}),...M},children:L.map(({arrWithElm:a,name:r})=>n(d,{arrWithChildren:a,onHeightChange:n=>((n,a)=>{W(L.map(r=>r.name===a?{...r,height:n}:r))})(n,r),id:r},"masonry-parent"+r))})};c.displayName="Masonry";export{c as Masonry};

package/lib/Picture.js

@@ -1 +1 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as r}from"react";import{u as t}from"./useCachedImageCheck-TeUbYfzH.js";import{u as o}from"./useWindowSize-CAQRbyxi.js";import{T as a}from"./TextBox-dHL75Jj9.js";import{g as c}from"./getCssVariableStyle-CBKDTT0s.js";import{s as d}from"./style-inject.es-BnTDb6vU.js";var m={n23mPictureFigure:"Picture-module_n23mPictureFigure__uStTO",n23mPicture:"Picture-module_n23mPicture__LpndY",border:"Picture-module_border__yjTpQ",loaded:"Picture-module_loaded__fpjpQ",cacheLoaded:"Picture-module_cacheLoaded__IunbX"};d("@layer n23mPicture{.Picture-module_n23mPictureFigure__uStTO{margin:0;padding:0}.Picture-module_n23mPicture__LpndY{box-sizing:border-box;display:block;&.Picture-module_border__yjTpQ{border:2px solid var(--picture-bc);padding:5px}& img{display:grid;height:auto;max-height:var(--picture-mh,unset);opacity:0;width:100%}&.Picture-module_loaded__fpjpQ img{opacity:1;transition:opacity .25s ease-in-out}&.Picture-module_cacheLoaded__IunbX img{opacity:1}}}");const s=({children:d,className:s,style:u,draggable:l=!1,alt:n,src:p,srcDesktop:g,srcMobile:_,ar:h,arMobile:b,arDesktop:P,border:x=!1,borderColor:f="black",loading:y="lazy",srcset:j,sizes:S,maxHeight:k,maxHeightMobile:z,maxHeightDesktop:L,figcaption:w,figcaptionColor:T,...C})=>{const[F,Q]=r(!1),{width:v}=o(),D=g&&v>=768?g:_&&v<768?_:p||"",H=t(D,25);return e("figure",{className:m.n23mPictureFigure,children:[e("picture",{className:["n23mPicture",m.n23mPicture,x&&m.border,F&&!H&&m.loaded,H&&m.cacheLoaded,s].filter(Boolean).join(" "),...C,style:{...c({"--picture-bc":f,"--picture-mh":L||z?z&&v<767.98?z:L||z:k}),...u},children:[g&&i("source",{media:"(min-width: 768px)",srcSet:g}),_&&i("source",{media:"(max-width: 767.98px)",srcSet:_}),i("img",{sizes:S,srcSet:j,width:P||b?b&&v<767.98?b:P||b:h,height:1,src:D,alt:n,loading:y,onLoad:()=>Q(!0),draggable:l})]}),w&&i("figcaption",{children:i(a,{tag:"p",desktopSize:12,mobileSize:12,color:T,margin:"3px 0 3px 0",children:w})})]})};export{s as Picture};
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as r}from"react";import{u as o}from"./useCachedImageCheck-TeUbYfzH.js";import{u as t}from"./useWindowSize-CAQRbyxi.js";import{T as a}from"./TextBox-CWSg4nm8.js";import{s as c,g as d}from"./style-inject.es-CrVRO2OA.js";var u={n23mPictureFigure:"Picture-module_n23mPictureFigure__uStTO",n23mPicture:"Picture-module_n23mPicture__LpndY",border:"Picture-module_border__yjTpQ",loaded:"Picture-module_loaded__fpjpQ",cacheLoaded:"Picture-module_cacheLoaded__IunbX"};c("@layer n23mPicture{.Picture-module_n23mPictureFigure__uStTO{margin:0;padding:0}.Picture-module_n23mPicture__LpndY{box-sizing:border-box;display:block;&.Picture-module_border__yjTpQ{border:2px solid var(--picture-bc);padding:5px}& img{display:grid;height:auto;max-height:var(--picture-mh,unset);opacity:0;width:100%}&.Picture-module_loaded__fpjpQ img{opacity:1;transition:opacity .25s ease-in-out}&.Picture-module_cacheLoaded__IunbX img{opacity:1}}}");const m=({children:c,className:m,style:s,draggable:l=!1,alt:n,src:p,srcDesktop:g,srcMobile:_,ar:h,arMobile:b,arDesktop:P,border:x=!1,borderColor:f="black",loading:y="lazy",srcset:j,sizes:S,maxHeight:k,maxHeightMobile:z,maxHeightDesktop:L,figcaption:w,figcaptionColor:T,...C})=>{const[F,Q]=r(!1),{width:v}=t(),D=g&&v>=768?g:_&&v<768?_:p||"",H=o(D,25);return e("figure",{className:u.n23mPictureFigure,children:[e("picture",{className:["n23mPicture",u.n23mPicture,x&&u.border,F&&!H&&u.loaded,H&&u.cacheLoaded,m].filter(Boolean).join(" "),...C,style:{...d({"--picture-bc":f,"--picture-mh":L||z?z&&v<767.98?z:L||z:k}),...s},children:[g&&i("source",{media:"(min-width: 768px)",srcSet:g}),_&&i("source",{media:"(max-width: 767.98px)",srcSet:_}),i("img",{sizes:S,srcSet:j,width:P||b?b&&v<767.98?b:P||b:h,height:1,src:D,alt:n,loading:y,onLoad:()=>Q(!0),draggable:l})]}),w&&i("figcaption",{children:i(a,{tag:"p",desktopSize:12,mobileSize:12,color:T,margin:"3px 0 3px 0",children:w})})]})};export{m as Picture};

package/lib/Slider.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r,Fragment as l}from"react/jsx-runtime";import i,{useState as n,useRef as t,useLayoutEffect as o}from"react";import{B as d}from"./Button-BYGSUhk2.js";import{u as s}from"./useWindowSize-CAQRbyxi.js";import{I as a,a as c}from"./IconLocate-lnbPvhtP.js";import{L as m}from"./Loader-D18j8aqL.js";import{T as u}from"./TextBox-dHL75Jj9.js";import{s as h}from"./style-inject.es-BnTDb6vU.js";import"./getCssVariableStyle-CBKDTT0s.js";var g={n23mSlider:"Slider-module_n23mSlider__YOEan",dragging:"Slider-module_dragging__F3UtX",n23mSliderContainerSlider:"Slider-module_n23mSliderContainerSlider__-1M4s",n23mSliderSlideWrapper:"Slider-module_n23mSliderSlideWrapper__hbDsw",n23mSliderSlide:"Slider-module_n23mSliderSlide__Hv6uj",n23mSliderControls:"Slider-module_n23mSliderControls__DLrdZ",n23mSliderControlsButtons:"Slider-module_n23mSliderControlsButtons__C1ypH",n23mSliderCounter:"Slider-module_n23mSliderCounter__UJLZw"};h("@layer n23mSlider{.Slider-module_n23mSlider__YOEan{width:100%;&.Slider-module_dragging__F3UtX,&.Slider-module_dragging__F3UtX a{cursor:grabbing}}.Slider-module_n23mSliderContainerSlider__-1M4s{display:flex;flex-direction:column;gap:10px;height:100%;position:relative;user-select:none;width:100%}.Slider-module_n23mSliderSlideWrapper__hbDsw{box-sizing:border-box;display:flex;height:100%;overflow:hidden;position:relative;width:100%;will-change:transform}.Slider-module_n23mSliderSlide__Hv6uj{height:100%;overflow:hidden;position:absolute;top:0;will-change:transform;&>*{height:100%;width:100%}}.Slider-module_n23mSliderControls__DLrdZ{align-items:center;display:flex;margin-left:20px;margin-right:20px}.Slider-module_n23mSliderControlsButtons__C1ypH{display:flex;gap:10px;margin-top:10px}.Slider-module_n23mSliderCounter__UJLZw{align-items:center;align-items:flex-start;display:flex;height:50px;justify-content:center}}");const S=(e,r,l=!1,n)=>(l?e.slice(0,r):e.slice(-r)).map((e,r)=>i.cloneElement(e,{key:`${l?"clone-first":"clone-last"}-${r} ${n}`,className:e.props.className})),p=({isCircular:h=!1,children:p,className:_,loading:f=!1,loaderColor:x="black",slidesConfig:b={mobile:{items:1,slidesToScroll:1},tablet:{items:2,slidesToScroll:2},desktop:{items:3,slidesToScroll:3}},slideSpacingPx:C=10})=>{const v=i.Children.toArray(p).filter(i.isValidElement),{width:w}=s(),[y,j]=n(0),E=t(null),k=t(null),[F,L]=n(h?2*v.length:0),[T,$]=n(!1),N=t([]),[B,X]=n(null),[z,D]=n(0),M=t(!1);let W,U,H,Z;w<767.98?(W=b.mobile.items,U=b.mobile.slidesToScroll,H="transform 0.4s cubic-bezier(.4,0,.2,1)",Z=450):w<1199.98?(W=b.tablet.items,U=b.tablet.slidesToScroll,H="transform 0.4s cubic-bezier(.4,0,.2,1)",Z=450):(W=b.desktop.items,U=b.desktop.slidesToScroll,H="transform 0.4s cubic-bezier(.4,0,.2,1)",Z=450),o(()=>{E.current&&j(E.current.offsetWidth),L(h?2*v.length:0)},[f,h,W,v.length,w]);const I=(y-C*(W-1))/W;let J=h?[...S(v,v.length,!1,1),...v,...S(v,v.length,!1,2),...S(v,v.length,!0,3),...S(v,v.length,!0,4)]:v;o(()=>{N.current.forEach((e,r)=>{if(!e)return;let l=0,i=0;1===W&&1!==v.length?(l=40,i=40):2===W?(l=20,i=20):4===W?(l=10,i=10):3===W&&(l=12.5,i=12.5);const n=(r-F)*(I+C-i)+(y-(I-l)*W-C*(W-1))/2;e.style.transition=T?H:"none",e.style.transform=`translateX(${n}px)`})},[F,y,T,J.length,W,I,C,f]),o(()=>{if(!T)return;let e;const r=()=>{let l=F;F<2*W&&h?l=F+2*v.length:F>=2*v.length+W&&h&&(l=F-v.length),l!==F&&h&&L(l),$(!1),N.current.forEach(e=>{e&&e.removeEventListener("transitionend",r)}),clearTimeout(e)};return N.current.forEach(e=>{e&&e.addEventListener("transitionend",r)}),e=window.setTimeout(()=>{$(!1),N.current.forEach(e=>{e&&e.removeEventListener("transitionend",r)})},Z),()=>{N.current.forEach(e=>{e&&e.removeEventListener("transitionend",r)}),clearTimeout(e)}},[F,h,T,v.length,W,J.length,f]);const O=()=>{T||($(!0),L(e=>e+U))},P=()=>{T||($(!0),L(e=>e-U))};return e("div",{ref:k,className:[g.n23mSlider,"n23mSlider",_].filter(Boolean).join(" "),style:{height:f?"calc(100% - 2px)":"calc(100% - 60px)"},children:[f&&r(m,{loaderColor:x}),!f&&e(l,{children:[r("div",{className:[g.n23mSliderContainerSlider].filter(Boolean).join(" "),onTouchStart:e=>{1===e.touches.length&&(X(e.touches[0].clientX),D(0),M.current=!0,k.current&&k.current.classList.add(g.dragging))},onTouchMove:e=>{null!==B&&D(e.touches[0].clientX-B)},onTouchEnd:()=>{z>50&&!T&&(h||0!==F)?P():z<-50&&!(T||!h&&F+W>=v.length)&&O(),X(null),D(0),M.current=!1,k.current&&k.current.classList.remove(g.dragging)},onMouseDown:e=>{X(e.clientX),D(0),M.current=!0,k.current&&k.current.classList.add(g.dragging)},onMouseMove:e=>{null!==B&&D(e.clientX-B)},onMouseUp:()=>{z>50&&!T&&(h||0!==F)?P():z<-50&&!(T||!h&&F+W>=v.length)&&O(),X(null),D(0),M.current=!1,k.current&&k.current.classList.remove(g.dragging)},children:r("div",{className:[g.n23mSliderSlideWrapper,"n23mSliderSlideWrapper"].join(" "),ref:E,style:{gap:`${C}px`},children:J.map((e,l)=>r("div",{ref:e=>{N.current[l]=e},className:g.n23mSliderSlide,style:{width:1===W&&1===v.length?"100%":1===W?`calc(${I}px - 40px)`:2===W?`calc(${I}px - 20px)`:3===W?`calc(${I}px - 12.5px)`:4===W?`calc(${I}px - 10px)`:`${I}px`},"aria-hidden":l<F||l>=F+W,children:e},e.key??l))})}),e("div",{className:[g.n23mSliderControls,"n23mSliderControls"].join(" "),style:{justifyContent:1===W?"space-between":"flex-end"},children:[1===W&&r("div",{className:[g.n23mSliderCounter,"n23mSliderCounter"].join(" "),children:r(u,{mobileSize:16,desktopSize:16,color:"black",children:h?`${(()=>{if(!h)return F;const e=v.length;return e<1?0:(F+e)%e})()+1} / ${v.length}`:`${F+1} / ${v.length}`})}),e("div",{className:[g.n23mSliderControlsButtons,"n23mSliderControlsButtons"].join(" "),children:[r(d,{height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Prev",onClick:P,borderColor:"black",backgroundColorDisabled:"#F2F0EF",disabled:T||!h&&0===F,children:r(a,{width:24,height:24})}),r(d,{height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Next",borderColor:"black",backgroundColorDisabled:"#F2F0EF",onClick:O,disabled:T||!h&&F+W>=v.length,children:r(c,{width:24,height:24})})]})]})]})]})};p.displayName="Slider";export{p as Slider};
+import{jsxs as e,jsx as r,Fragment as l}from"react/jsx-runtime";import i,{useState as n,useRef as t,useLayoutEffect as o}from"react";import{B as d}from"./Button-BsarUehq.js";import{u as s}from"./useWindowSize-CAQRbyxi.js";import{I as a,a as c}from"./IconLocate-lnbPvhtP.js";import{L as m}from"./Loader-sZEWRRzo.js";import{T as u}from"./TextBox-CWSg4nm8.js";import{s as h}from"./style-inject.es-CrVRO2OA.js";var g={n23mSlider:"Slider-module_n23mSlider__YOEan",dragging:"Slider-module_dragging__F3UtX",n23mSliderContainerSlider:"Slider-module_n23mSliderContainerSlider__-1M4s",n23mSliderSlideWrapper:"Slider-module_n23mSliderSlideWrapper__hbDsw",n23mSliderSlide:"Slider-module_n23mSliderSlide__Hv6uj",n23mSliderControls:"Slider-module_n23mSliderControls__DLrdZ",n23mSliderControlsButtons:"Slider-module_n23mSliderControlsButtons__C1ypH",n23mSliderCounter:"Slider-module_n23mSliderCounter__UJLZw"};h("@layer n23mSlider{.Slider-module_n23mSlider__YOEan{width:100%;&.Slider-module_dragging__F3UtX,&.Slider-module_dragging__F3UtX a{cursor:grabbing}}.Slider-module_n23mSliderContainerSlider__-1M4s{display:flex;flex-direction:column;gap:10px;height:100%;position:relative;user-select:none;width:100%}.Slider-module_n23mSliderSlideWrapper__hbDsw{box-sizing:border-box;display:flex;height:100%;overflow:hidden;position:relative;width:100%;will-change:transform}.Slider-module_n23mSliderSlide__Hv6uj{height:100%;overflow:hidden;position:absolute;top:0;will-change:transform;&>*{height:100%;width:100%}}.Slider-module_n23mSliderControls__DLrdZ{align-items:center;display:flex;margin-left:20px;margin-right:20px}.Slider-module_n23mSliderControlsButtons__C1ypH{display:flex;gap:10px;margin-top:10px}.Slider-module_n23mSliderCounter__UJLZw{align-items:center;align-items:flex-start;display:flex;height:50px;justify-content:center}}");const S=(e,r,l=!1,n)=>(l?e.slice(0,r):e.slice(-r)).map((e,r)=>i.cloneElement(e,{key:`${l?"clone-first":"clone-last"}-${r} ${n}`,className:e.props.className})),p=({isCircular:h=!1,children:p,className:_,loading:f=!1,loaderColor:x="black",slidesConfig:b={mobile:{items:1,slidesToScroll:1},tablet:{items:2,slidesToScroll:2},desktop:{items:3,slidesToScroll:3}},slideSpacingPx:C=10})=>{const v=i.Children.toArray(p).filter(i.isValidElement),{width:w}=s(),[y,j]=n(0),E=t(null),k=t(null),[F,L]=n(h?2*v.length:0),[T,$]=n(!1),N=t([]),[B,X]=n(null),[z,D]=n(0),M=t(!1);let W,U,H,Z;w<767.98?(W=b.mobile.items,U=b.mobile.slidesToScroll,H="transform 0.4s cubic-bezier(.4,0,.2,1)",Z=450):w<1199.98?(W=b.tablet.items,U=b.tablet.slidesToScroll,H="transform 0.4s cubic-bezier(.4,0,.2,1)",Z=450):(W=b.desktop.items,U=b.desktop.slidesToScroll,H="transform 0.4s cubic-bezier(.4,0,.2,1)",Z=450),o(()=>{E.current&&j(E.current.offsetWidth),L(h?2*v.length:0)},[f,h,W,v.length,w]);const I=(y-C*(W-1))/W;let J=h?[...S(v,v.length,!1,1),...v,...S(v,v.length,!1,2),...S(v,v.length,!0,3),...S(v,v.length,!0,4)]:v;o(()=>{N.current.forEach((e,r)=>{if(!e)return;let l=0,i=0;1===W&&1!==v.length?(l=40,i=40):2===W?(l=20,i=20):4===W?(l=10,i=10):3===W&&(l=12.5,i=12.5);const n=(r-F)*(I+C-i)+(y-(I-l)*W-C*(W-1))/2;e.style.transition=T?H:"none",e.style.transform=`translateX(${n}px)`})},[F,y,T,J.length,W,I,C,f]),o(()=>{if(!T)return;let e;const r=()=>{let l=F;F<2*W&&h?l=F+2*v.length:F>=2*v.length+W&&h&&(l=F-v.length),l!==F&&h&&L(l),$(!1),N.current.forEach(e=>{e&&e.removeEventListener("transitionend",r)}),clearTimeout(e)};return N.current.forEach(e=>{e&&e.addEventListener("transitionend",r)}),e=window.setTimeout(()=>{$(!1),N.current.forEach(e=>{e&&e.removeEventListener("transitionend",r)})},Z),()=>{N.current.forEach(e=>{e&&e.removeEventListener("transitionend",r)}),clearTimeout(e)}},[F,h,T,v.length,W,J.length,f]);const O=()=>{T||($(!0),L(e=>e+U))},P=()=>{T||($(!0),L(e=>e-U))};return e("div",{ref:k,className:[g.n23mSlider,"n23mSlider",_].filter(Boolean).join(" "),style:{height:f?"calc(100% - 2px)":"calc(100% - 60px)"},children:[f&&r(m,{loaderColor:x}),!f&&e(l,{children:[r("div",{className:[g.n23mSliderContainerSlider].filter(Boolean).join(" "),onTouchStart:e=>{1===e.touches.length&&(X(e.touches[0].clientX),D(0),M.current=!0,k.current&&k.current.classList.add(g.dragging))},onTouchMove:e=>{null!==B&&D(e.touches[0].clientX-B)},onTouchEnd:()=>{z>50&&!T&&(h||0!==F)?P():z<-50&&!(T||!h&&F+W>=v.length)&&O(),X(null),D(0),M.current=!1,k.current&&k.current.classList.remove(g.dragging)},onMouseDown:e=>{X(e.clientX),D(0),M.current=!0,k.current&&k.current.classList.add(g.dragging)},onMouseMove:e=>{null!==B&&D(e.clientX-B)},onMouseUp:()=>{z>50&&!T&&(h||0!==F)?P():z<-50&&!(T||!h&&F+W>=v.length)&&O(),X(null),D(0),M.current=!1,k.current&&k.current.classList.remove(g.dragging)},children:r("div",{className:[g.n23mSliderSlideWrapper,"n23mSliderSlideWrapper"].join(" "),ref:E,style:{gap:`${C}px`},children:J.map((e,l)=>r("div",{ref:e=>{N.current[l]=e},className:g.n23mSliderSlide,style:{width:1===W&&1===v.length?"100%":1===W?`calc(${I}px - 40px)`:2===W?`calc(${I}px - 20px)`:3===W?`calc(${I}px - 12.5px)`:4===W?`calc(${I}px - 10px)`:`${I}px`},"aria-hidden":l<F||l>=F+W,children:e},e.key??l))})}),e("div",{className:[g.n23mSliderControls,"n23mSliderControls"].join(" "),style:{justifyContent:1===W?"space-between":"flex-end"},children:[1===W&&r("div",{className:[g.n23mSliderCounter,"n23mSliderCounter"].join(" "),children:r(u,{mobileSize:16,desktopSize:16,color:"black",children:h?`${(()=>{if(!h)return F;const e=v.length;return e<1?0:(F+e)%e})()+1} / ${v.length}`:`${F+1} / ${v.length}`})}),e("div",{className:[g.n23mSliderControlsButtons,"n23mSliderControlsButtons"].join(" "),children:[r(d,{height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Prev",onClick:P,borderColor:"black",backgroundColorDisabled:"#F2F0EF",disabled:T||!h&&0===F,children:r(a,{width:24,height:24})}),r(d,{height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Next",borderColor:"black",backgroundColorDisabled:"#F2F0EF",onClick:O,disabled:T||!h&&F+W>=v.length,children:r(c,{width:24,height:24})})]})]})]})]})};p.displayName="Slider";export{p as Slider};

package/lib/Sliderscroll.js

@@ -1 +1 @@
-import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useRef as l,Children as t,cloneElement as n,useState as o,useEffect as i,useMemo as c,useCallback as s}from"react";import{B as a}from"./Button-BYGSUhk2.js";import{u}from"./useWindowSize-CAQRbyxi.js";import{I as d,a as g}from"./IconLocate-lnbPvhtP.js";import{g as m}from"./getCssVariableStyle-CBKDTT0s.js";import{s as f}from"./style-inject.es-BnTDb6vU.js";import"./Loader-D18j8aqL.js";import"./TextBox-dHL75Jj9.js";var h={n23mSliderScrollWrapper:"SliderScroll-module_n23mSliderScrollWrapper__MqXIk",n23mSliderScrollTrack:"SliderScroll-module_n23mSliderScrollTrack__FcsTl",dragging:"SliderScroll-module_dragging__iE4mo",n23mSliderScrollControls:"SliderScroll-module_n23mSliderScrollControls__i64nM",n23mSliderScrollControlsButtons:"SliderScroll-module_n23mSliderScrollControlsButtons__W-5rb"};f("@layer n23mSliderScroll{.SliderScroll-module_n23mSliderScrollWrapper__MqXIk{display:grid;position:relative}.SliderScroll-module_n23mSliderScrollTrack__FcsTl{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:var(--sliderscroll-g);overflow-x:scroll;scrollbar-width:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;will-change:scroll-position;&::-webkit-scrollbar{display:none}&>*{flex-shrink:0}&.SliderScroll-module_dragging__iE4mo,&.SliderScroll-module_dragging__iE4mo a{cursor:grabbing}}.SliderScroll-module_n23mSliderScrollControls__i64nM{align-items:center;display:flex;justify-content:flex-end;margin-left:20px;margin-right:20px}.SliderScroll-module_n23mSliderScrollControlsButtons__W-5rb{display:flex;gap:10px;margin-top:10px}}");const S=({children:f,className:S,gap:p="5px",isCircular:w=!1,autoPlay:b=!1,autoPlaySpeed:F=.5,style:L})=>{const _={carousel:l(null),buttonLeft:l(null),buttonRight:l(null),showArrowLeft:l(!1),showArrowRight:l(!1),isSliding:l(!1),animationFrameId:l(null),isHovered:l(!1),drag:l({isDown:!1,startX:0,scrollLeft:0,isMove:!1,isDragging:!1}),childRefs:l([])},v=t.toArray(f),k=v.length,x=w?v.map((r,e)=>n(r,{key:`cb-${e}`})):[],y=w?v.map((r,e)=>n(r,{key:`ca-${e}`})):[],C=w?[...x,...v,...y]:v,[M,A]=o([]),{width:D}=u();i(()=>{if(!_.carousel.current)return;const r=_.childRefs.current.map(r=>{if(!r)return 0;const e=getComputedStyle(r),l=parseFloat(e.marginLeft)||0,t=parseFloat(e.marginRight)||0;return r.offsetWidth+l+t+Number(p.slice(0,-2))});A(r)},[f,D,p]);const I=c(()=>{const r=[];let e=0;for(const l of M)r.push(e),e+=l;return r},[M]);i(()=>{w&&_.carousel.current&&I.length&&(_.carousel.current.scrollLeft=(I[k]||0)-2*Number(p.slice(0,-2))),j()},[D,I,k,w]),i(()=>{W(!1)},[]),i(()=>{if(!w)return;if(!b)return void(_.animationFrameId.current&&(cancelAnimationFrame(_.animationFrameId.current),_.animationFrameId.current=null));let r;const e=()=>{if(!_.carousel.current)return;if(_.isSliding.current||_.isHovered.current)return void(_.animationFrameId.current=requestAnimationFrame(e));const r=_.carousel.current;let l=r.scrollLeft+F;if(w&&I.length&&M.length){const r=I[I.length-1]+(M[M.length-1]||0),e=I[k]||0,t=I[k+v.length]||r;l>t+M[0]/2&&(l-=t-e)}r.scrollLeft=l,j(),_.animationFrameId.current=requestAnimationFrame(e)};return r=setTimeout(()=>{_.animationFrameId.current=requestAnimationFrame(e)},500),()=>{r&&clearTimeout(r),_.animationFrameId.current&&(cancelAnimationFrame(_.animationFrameId.current),_.animationFrameId.current=null)}},[b,F,w,I,M,k,v.length]);const j=()=>{if(_.carousel.current){if(w)_.showArrowLeft.current=!0,_.showArrowRight.current=!0;else{const r=_.carousel.current.scrollLeft,e=_.carousel.current.scrollWidth-_.carousel.current.clientWidth;_.showArrowLeft.current=r>0,_.showArrowRight.current=r<e-1}W(_.isSliding.current)}},W=r=>{_.buttonLeft.current&&(_.buttonLeft.current.disabled=r||!_.showArrowLeft.current),_.buttonRight.current&&(_.buttonRight.current.disabled=r||!_.showArrowRight.current)},N=(r,e,l=300)=>{if(_.isSliding.current)return;_.isSliding.current=!0,W(!0);const t=r.scrollLeft,n=e-t,o=performance.now(),i=e=>{const c=e-o,s=Math.min(c/l,1);var a;r.scrollLeft=t+n*((a=s)<.5?4*a*a*a:1-Math.pow(-2*a+2,3)/2),s<1?requestAnimationFrame(i):(_.isSliding.current=!1,W(!1),j())};requestAnimationFrame(i)},R=s(()=>{if(!_.carousel.current)return;if(!I.length||!M.length)return;const r=_.carousel.current,e=r.offsetWidth,l=r.scrollLeft;let t=I.findIndex((r,e)=>r>l);-1===t?t=I.length-1:t>0&&t--;let n,o=0,i=0;for(let r=t;r<I.length&&(o+=M[r],i++,!(o>=e));r++);const c=t+i-1;n=I[c]+M[c]>l+e+1?c:t+i;let s=I[n]-2*Number(p.slice(0,-2));if(s<0&&(s=0),w){s=(I[k]||0)+s-(I[k]||0)}N(_.carousel.current,s,400)},[I,M,p,k,w,v.length]),B=s(()=>{if(!_.carousel.current)return;if(!I.length||!M.length)return;const r=_.carousel.current,e=r.offsetWidth,l=r.scrollLeft;let t=0;for(let r=0;r<I.length;r++)if(I[r]>l){t=r-1;break}t<0&&(t=0);let n=0,o=0;for(let r=t;r>=0&&(n+=M[r],n<=e);r--)o++;let i=t;w||(i=Math.max(o-1,i));let c=I[i]+M[i]-e;if(c<0&&(c=0),w){c=(I[k]||0)+c-(I[k]||0)+Number(p.slice(0,-2))}N(_.carousel.current,c,400)},[I,M,p,k,w]),T=()=>{_.carousel.current&&(_.drag.current.isDragging?_.carousel.current.classList.add(h.dragging):_.carousel.current.classList.remove(h.dragging))};return r("div",{className:["n23mSliderScroll",S].filter(Boolean).join(" "),style:{...m({"--sliderscroll-g":p,height:"calc(100% - 60px)"}),...L},onMouseEnter:()=>{_.isHovered.current=!0},onMouseLeave:()=>{_.isHovered.current=!1},children:[e("div",{className:[h.n23mSliderScrollWrapper,"n23mSliderScrollWrapper"].join(" "),children:e("div",{className:h.n23mSliderScrollTrack,ref:_.carousel,onClick:r=>{_.drag.current.isMove&&(r.preventDefault(),r.stopPropagation())},onScroll:()=>{if(_.carousel.current){if(w&&I.length&&M.length){const r=_.carousel.current.scrollLeft,e=I[I.length-1]+(M[M.length-1]||0),l=I[k]||0,t=I[k+v.length]||e;r<l-M[0]/2?_.carousel.current.scrollLeft=r+(I[v.length+k]-l):r>t+M[0]/2&&(_.carousel.current.scrollLeft=r-(t-l))}j()}},onMouseDown:r=>{_.drag.current.isDown=!0,_.drag.current.startX=r.pageX-(_.carousel.current?.offsetLeft||0),_.drag.current.scrollLeft=_.carousel.current?.scrollLeft||0,_.drag.current.isDragging=!0,T()},onMouseLeave:()=>{_.drag.current.isDown&&(_.drag.current.isDown=!1,_.drag.current.isDragging=!1,T())},onMouseUp:()=>{_.drag.current.isDown=!1,_.drag.current.isDragging=!1,T()},onMouseMove:r=>{if(!_.drag.current.isDown)return void(_.drag.current.isMove=!1);r.preventDefault();var e;const l=("pageX"in(e=r)?e.pageX:"touches"in e?e.touches[0].pageX:0)-(_.carousel.current?.offsetLeft||0)-_.drag.current.startX;Math.abs(l)>5&&(_.drag.current.isMove=!0),_.carousel.current&&(_.carousel.current.scrollLeft=_.drag.current.scrollLeft-l,j())},children:C.map((r,l)=>e("div",{ref:r=>{_.childRefs.current[l]=r},style:{display:"inline-block"},children:r},r.key||l))})}),e("div",{className:[h.n23mSliderScrollControls,"n23mSliderScrollControls"].join(" "),children:r("div",{className:[h.n23mSliderScrollControlsButtons,"n23mSliderScrollControlsButtons"].join(" "),children:[e(a,{ref:_.buttonLeft,height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Prev",onClick:B,borderColor:"black",backgroundColorDisabled:"#F2F0EF",children:e(d,{width:24,height:24})}),e(a,{ref:_.buttonRight,height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Next",onClick:R,borderColor:"black",backgroundColorDisabled:"#F2F0EF",children:e(g,{width:24,height:24})})]})})]})};S.displayName="SliderScroll";export{S as SliderScroll};
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useRef as l,Children as t,cloneElement as n,useState as o,useEffect as i,useMemo as c,useCallback as s}from"react";import{B as a}from"./Button-BsarUehq.js";import{u}from"./useWindowSize-CAQRbyxi.js";import{I as d,a as g}from"./IconLocate-lnbPvhtP.js";import{s as m,g as f}from"./style-inject.es-CrVRO2OA.js";import"./Loader-sZEWRRzo.js";import"./TextBox-CWSg4nm8.js";var h={n23mSliderScrollWrapper:"SliderScroll-module_n23mSliderScrollWrapper__MqXIk",n23mSliderScrollTrack:"SliderScroll-module_n23mSliderScrollTrack__FcsTl",dragging:"SliderScroll-module_dragging__iE4mo",n23mSliderScrollControls:"SliderScroll-module_n23mSliderScrollControls__i64nM",n23mSliderScrollControlsButtons:"SliderScroll-module_n23mSliderScrollControlsButtons__W-5rb"};m("@layer n23mSliderScroll{.SliderScroll-module_n23mSliderScrollWrapper__MqXIk{display:grid;position:relative}.SliderScroll-module_n23mSliderScrollTrack__FcsTl{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:var(--sliderscroll-g);overflow-x:scroll;scrollbar-width:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;will-change:scroll-position;&::-webkit-scrollbar{display:none}&>*{flex-shrink:0}&.SliderScroll-module_dragging__iE4mo,&.SliderScroll-module_dragging__iE4mo a{cursor:grabbing}}.SliderScroll-module_n23mSliderScrollControls__i64nM{align-items:center;display:flex;justify-content:flex-end;margin-left:20px;margin-right:20px}.SliderScroll-module_n23mSliderScrollControlsButtons__W-5rb{display:flex;gap:10px;margin-top:10px}}");const S=({children:m,className:S,gap:p="5px",isCircular:w=!1,autoPlay:b=!1,autoPlaySpeed:F=.5,style:L})=>{const _={carousel:l(null),buttonLeft:l(null),buttonRight:l(null),showArrowLeft:l(!1),showArrowRight:l(!1),isSliding:l(!1),animationFrameId:l(null),isHovered:l(!1),drag:l({isDown:!1,startX:0,scrollLeft:0,isMove:!1,isDragging:!1}),childRefs:l([])},v=t.toArray(m),k=v.length,x=w?v.map((r,e)=>n(r,{key:`cb-${e}`})):[],y=w?v.map((r,e)=>n(r,{key:`ca-${e}`})):[],C=w?[...x,...v,...y]:v,[M,A]=o([]),{width:D}=u();i(()=>{if(!_.carousel.current)return;const r=_.childRefs.current.map(r=>{if(!r)return 0;const e=getComputedStyle(r),l=parseFloat(e.marginLeft)||0,t=parseFloat(e.marginRight)||0;return r.offsetWidth+l+t+Number(p.slice(0,-2))});A(r)},[m,D,p]);const I=c(()=>{const r=[];let e=0;for(const l of M)r.push(e),e+=l;return r},[M]);i(()=>{w&&_.carousel.current&&I.length&&(_.carousel.current.scrollLeft=(I[k]||0)-2*Number(p.slice(0,-2))),j()},[D,I,k,w]),i(()=>{W(!1)},[]),i(()=>{if(!w)return;if(!b)return void(_.animationFrameId.current&&(cancelAnimationFrame(_.animationFrameId.current),_.animationFrameId.current=null));let r;const e=()=>{if(!_.carousel.current)return;if(_.isSliding.current||_.isHovered.current)return void(_.animationFrameId.current=requestAnimationFrame(e));const r=_.carousel.current;let l=r.scrollLeft+F;if(w&&I.length&&M.length){const r=I[I.length-1]+(M[M.length-1]||0),e=I[k]||0,t=I[k+v.length]||r;l>t+M[0]/2&&(l-=t-e)}r.scrollLeft=l,j(),_.animationFrameId.current=requestAnimationFrame(e)};return r=setTimeout(()=>{_.animationFrameId.current=requestAnimationFrame(e)},500),()=>{r&&clearTimeout(r),_.animationFrameId.current&&(cancelAnimationFrame(_.animationFrameId.current),_.animationFrameId.current=null)}},[b,F,w,I,M,k,v.length]);const j=()=>{if(_.carousel.current){if(w)_.showArrowLeft.current=!0,_.showArrowRight.current=!0;else{const r=_.carousel.current.scrollLeft,e=_.carousel.current.scrollWidth-_.carousel.current.clientWidth;_.showArrowLeft.current=r>0,_.showArrowRight.current=r<e-1}W(_.isSliding.current)}},W=r=>{_.buttonLeft.current&&(_.buttonLeft.current.disabled=r||!_.showArrowLeft.current),_.buttonRight.current&&(_.buttonRight.current.disabled=r||!_.showArrowRight.current)},N=(r,e,l=300)=>{if(_.isSliding.current)return;_.isSliding.current=!0,W(!0);const t=r.scrollLeft,n=e-t,o=performance.now(),i=e=>{const c=e-o,s=Math.min(c/l,1);var a;r.scrollLeft=t+n*((a=s)<.5?4*a*a*a:1-Math.pow(-2*a+2,3)/2),s<1?requestAnimationFrame(i):(_.isSliding.current=!1,W(!1),j())};requestAnimationFrame(i)},R=s(()=>{if(!_.carousel.current)return;if(!I.length||!M.length)return;const r=_.carousel.current,e=r.offsetWidth,l=r.scrollLeft;let t=I.findIndex((r,e)=>r>l);-1===t?t=I.length-1:t>0&&t--;let n,o=0,i=0;for(let r=t;r<I.length&&(o+=M[r],i++,!(o>=e));r++);const c=t+i-1;n=I[c]+M[c]>l+e+1?c:t+i;let s=I[n]-2*Number(p.slice(0,-2));if(s<0&&(s=0),w){s=(I[k]||0)+s-(I[k]||0)}N(_.carousel.current,s,400)},[I,M,p,k,w,v.length]),B=s(()=>{if(!_.carousel.current)return;if(!I.length||!M.length)return;const r=_.carousel.current,e=r.offsetWidth,l=r.scrollLeft;let t=0;for(let r=0;r<I.length;r++)if(I[r]>l){t=r-1;break}t<0&&(t=0);let n=0,o=0;for(let r=t;r>=0&&(n+=M[r],n<=e);r--)o++;let i=t;w||(i=Math.max(o-1,i));let c=I[i]+M[i]-e;if(c<0&&(c=0),w){c=(I[k]||0)+c-(I[k]||0)+Number(p.slice(0,-2))}N(_.carousel.current,c,400)},[I,M,p,k,w]),T=()=>{_.carousel.current&&(_.drag.current.isDragging?_.carousel.current.classList.add(h.dragging):_.carousel.current.classList.remove(h.dragging))};return r("div",{className:["n23mSliderScroll",S].filter(Boolean).join(" "),style:{...f({"--sliderscroll-g":p,height:"calc(100% - 60px)"}),...L},onMouseEnter:()=>{_.isHovered.current=!0},onMouseLeave:()=>{_.isHovered.current=!1},children:[e("div",{className:[h.n23mSliderScrollWrapper,"n23mSliderScrollWrapper"].join(" "),children:e("div",{className:h.n23mSliderScrollTrack,ref:_.carousel,onClick:r=>{_.drag.current.isMove&&(r.preventDefault(),r.stopPropagation())},onScroll:()=>{if(_.carousel.current){if(w&&I.length&&M.length){const r=_.carousel.current.scrollLeft,e=I[I.length-1]+(M[M.length-1]||0),l=I[k]||0,t=I[k+v.length]||e;r<l-M[0]/2?_.carousel.current.scrollLeft=r+(I[v.length+k]-l):r>t+M[0]/2&&(_.carousel.current.scrollLeft=r-(t-l))}j()}},onMouseDown:r=>{_.drag.current.isDown=!0,_.drag.current.startX=r.pageX-(_.carousel.current?.offsetLeft||0),_.drag.current.scrollLeft=_.carousel.current?.scrollLeft||0,_.drag.current.isDragging=!0,T()},onMouseLeave:()=>{_.drag.current.isDown&&(_.drag.current.isDown=!1,_.drag.current.isDragging=!1,T())},onMouseUp:()=>{_.drag.current.isDown=!1,_.drag.current.isDragging=!1,T()},onMouseMove:r=>{if(!_.drag.current.isDown)return void(_.drag.current.isMove=!1);r.preventDefault();var e;const l=("pageX"in(e=r)?e.pageX:"touches"in e?e.touches[0].pageX:0)-(_.carousel.current?.offsetLeft||0)-_.drag.current.startX;Math.abs(l)>5&&(_.drag.current.isMove=!0),_.carousel.current&&(_.carousel.current.scrollLeft=_.drag.current.scrollLeft-l,j())},children:C.map((r,l)=>e("div",{ref:r=>{_.childRefs.current[l]=r},style:{display:"inline-block"},children:r},r.key||l))})}),e("div",{className:[h.n23mSliderScrollControls,"n23mSliderScrollControls"].join(" "),children:r("div",{className:[h.n23mSliderScrollControlsButtons,"n23mSliderScrollControlsButtons"].join(" "),children:[e(a,{ref:_.buttonLeft,height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Prev",onClick:B,borderColor:"black",backgroundColorDisabled:"#F2F0EF",children:e(d,{width:24,height:24})}),e(a,{ref:_.buttonRight,height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Next",onClick:R,borderColor:"black",backgroundColorDisabled:"#F2F0EF",children:e(g,{width:24,height:24})})]})})]})};S.displayName="SliderScroll";export{S as SliderScroll};

package/lib/TextBox-CWSg4nm8.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{s as o,g as x}from"./style-inject.es-CrVRO2OA.js";var a={n23mTextBox:"TextBox-module_n23mTextBox__OqCdY",n23mTextBoxLink:"TextBox-module_n23mTextBoxLink__zOG7Z"};o("@layer n23mTextBox{.TextBox-module_n23mTextBox__OqCdY{--mob:var(--textbox-ms);--des:var(--textbox-ds);--min:400;--max:1400;--tff:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;--cmn:min(var(--mob),var(--des));--cmx:max(var(--mob),var(--des));--fss:var(--mob);--fes:var(--des);--sdf:calc(var(--fes) - var(--fss));--vpr:calc(var(--max) - var(--min));--slp:calc(var(--sdf)/var(--vpr));--int:calc(var(--fss) - var(--slp)*var(--min));font-family:var(--n23mFontFamily,var(--tff));font-size:clamp(calc(var(--cmn)/16*1rem),calc(var(--slp)*100vw + var(--int)/16*1rem),calc(var(--cmx)/16*1rem));line-height:var(--textbox-lh,var(--n23mTextBoxLineHeight,1.42857));margin:var(--textbox-m,var(--n23mTextBoxMargin));text-align:var(--textbox-a)}.TextBox-module_n23mTextBoxLink__zOG7Z,.TextBox-module_n23mTextBox__OqCdY{text-wrap:var(--textbox-w);color:var(--textbox-c,var(--n23mTextBoxColor));font-weight:var(--textbox-fw,var(--n23mTextBoxFontWeight))}.TextBox-module_n23mTextBoxLink__zOG7Z{text-align:var(--text-a,left);text-decoration:unset;transition:all .15s ease-in-out;&:active,&:focus-visible,&:hover{color:var(--textbox-ch,var(--n23mTextBoxColorHover));font-weight:var(--textbox-fwh,var(--n23mTextBoxFontWeightHover,var(--textbox-fw)));text-decoration:underline}}}");const r=e(({tag:e="div",children:o,className:r,target:n,rel:m,mobileSize:i,desktopSize:l,lineHeight:v,color:s,href:c,colorHover:f,margin:b,fontWeight:B,fontWeightHover:T,textAlign:d,textWrap:h,style:g,htmlFor:_,...p},u)=>{let w=e;return c&&(w="a"),t(w,{ref:u,style:{...x({"--textbox-fw":B,"--textbox-fwh":T,"--textbox-ch":f,"--textbox-c":s,"--textbox-ms":i,"--textbox-ds":l,"--textbox-lh":v,"--textbox-a":d,"--textbox-w":h,"--textbox-m":b}),...g},className:[a.n23mTextBox,"n23mTextBox",""+(c?`${a.n23mTextBoxLink} n23mTextBoxLink`:""),r].filter(Boolean).join(" "),...c?{href:c,target:n,rel:m}:{},..._?{htmlFor:_}:{},...p,children:o})});r.displayName="TextBox";export{r as T};

package/lib/Textbox.js

@@ -1 +1 @@
-export{T as TextBox}from"./TextBox-dHL75Jj9.js";import"react/jsx-runtime";import"react";import"./getCssVariableStyle-CBKDTT0s.js";import"./style-inject.es-BnTDb6vU.js";
+export{T as TextBox}from"./TextBox-CWSg4nm8.js";import"react/jsx-runtime";import"react";import"./style-inject.es-CrVRO2OA.js";

package/lib/style-inject.es-CrVRO2OA.js

@@ -0,0 +1 @@
+function e(e){return Object.fromEntries(Object.entries(e).filter(([e,t])=>null!=t))}function t(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var d=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===n&&d.firstChild?d.insertBefore(s,d.firstChild):d.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}export{e as g,t as s};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "najwer23morsels",
-  "version": "0.18.5",
+  "version": "0.19.0",
   "main": "./lib/index.js",
   "module": "./lib/index.mjs",
   "types": "./lib/index.d.ts",

package/lib/Button-BYGSUhk2.js

@@ -1 +0,0 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{L as n}from"./Loader-D18j8aqL.js";import{g as r}from"./getCssVariableStyle-CBKDTT0s.js";import{s as i}from"./style-inject.es-BnTDb6vU.js";var a={n23mButtonButton:"Button-module_n23mButtonButton__IfHY-"};i('@layer n23mButton{.Button-module_n23mButtonButton__IfHY-{--boxShadow:0 4px 8px 0 rgba(0,0,0,.24),0 6px 20px 0 rgba(0,0,0,.19);-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--n23mButtonBg,var(--button-bg));border:1px solid var(--n23mButtonBorderColor,var(--button-bc,unset));border-radius:8px;box-shadow:none;cursor:pointer;height:var(--button-h,auto);letter-spacing:normal;margin:var(--button-m,0);padding:var(--button-p,0);position:relative;transition:background-color .3s,box-shadow .3s;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:var(--button-w,auto);>*{display:inline-block;position:relative;z-index:1}&:before{background-color:inherit;border-radius:8px;content:"";inset:0;pointer-events:none;position:absolute;transition:filter .3s;z-index:0}@media (hover:hover) and (pointer:fine){&:hover:before{filter:brightness(100%)}&:hover{box-shadow:var(--boxShadow)}}&:active:before{filter:brightness(.8)}&:active{box-shadow:var(--boxShadow)}&:focus-visible:before{filter:brightness(.8);outline:none}&:focus-visible{box-shadow:var(--boxShadow);outline:none}&:disabled{background-color:var(--n23mButtonBgDisabled,var(--button-bgd));box-shadow:none;cursor:not-allowed}}}');const s=e(({margin:e,children:i,className:s,backgroundColor:b,padding:l,loading:u,height:d,width:c,borderColor:h,backgroundColorDisabled:m,style:g,...p},v)=>o("div",{className:["n23mButton",s].filter(Boolean).join(" "),children:[u&&t("div",{style:{width:c,height:d},children:t(n,{})}),!u&&t("button",{ref:v,style:{...r({"--button-bg":b,"--button-h":d,"--button-w":c,"--button-bgd":m,"--button-bc":h,"--button-p":l,"--button-m":e}),...g},className:[a.n23mButtonButton,"n23mButtonButton"].filter(Boolean).join(" "),...p,children:i})]}));s.displayName="Button";export{s as B};

package/lib/Codeparser.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{s as r}from"./style-inject.es-BnTDb6vU.js";var o={n23mCodeParser:"CodeParser-module_n23mCodeParser__K4dFf"};r('.CodeParser-module_n23mCodeParser__K4dFf{code{@layer n23mCodeParser{@font-face{font-family:Monaspace;src:url(https://najwer23.github.io/najwer23morsels/Monaspace.woff2) format("woff2")}font-family:Monaspace,monospace;font-size:16px;white-space:pre-wrap}pre{background:#f5f7fa;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);overflow-x:auto;padding:20px}}}');const a=({children:r,className:a,...s})=>e("div",{className:[o.n23mCodeParser,"n23mCodeParser",a].filter(Boolean).join(" "),...s,children:e("pre",{children:e("code",{children:r})})});a.displayName="CodeParser";export{a as CodeParser};

package/lib/Grid-XlOpwTNv.js

@@ -1 +0,0 @@
-import{jsxs as r,jsx as i}from"react/jsx-runtime";import{L as d}from"./Loader-D18j8aqL.js";import{g as a}from"./getCssVariableStyle-CBKDTT0s.js";import{s as n}from"./style-inject.es-BnTDb6vU.js";var o={n23mGridFlex:"Grid-module_n23mGridFlex__bsotF",n23mGridContainer:"Grid-module_n23mGridContainer__G1O3I",n23mGridColumns:"Grid-module_n23mGridColumns__oyScE"};n("@layer n23mGrid{.Grid-module_n23mGridContainer__G1O3I,.Grid-module_n23mGridFlex__bsotF{box-sizing:border-box;flex-wrap:var(--grid-fw,nowrap);margin:var(--grid-m);max-width:var(--grid-wx);min-height:var(--grid-mh,auto);min-width:var(--grid-wn);padding:var(--grid-p)}.Grid-module_n23mGridFlex__bsotF{align-items:var(--grid-ai,center);column-gap:var(--grid-cg,0);display:flex;justify-content:var(--grid-jc,space-between);row-gap:var(--grid-rg)}.Grid-module_n23mGridColumns__oyScE{column-gap:var(--grid-cg,0);display:flex;flex-wrap:wrap;row-gap:var(--grid-rg);width:100%}.Grid-module_n23mGridColumns__oyScE>div{width:calc(100%/var(--gfc) - ((var(--gfc) - 1)/var(--gfc))*var(--grid-cg, 0px))}@media (max-width:767.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-cm)}}@media (min-width:768px) and (max-width:1199.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-ct)}}@media (min-width:1200px) and (max-width:1599.98px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-csd)}}@media (min-width:1600px){.Grid-module_n23mGridColumns__oyScE>div{--gfc:var(--grid-cd)}}}");const e=({children:n,widthMin:e="0px",widthMax:m="1920px",padding:t="0px",margin:g="auto",layout:l,gap:s,col:c,loading:p=!1,justifyContent:G,alignItems:_,minHeight:u,flexWrap:x,className:w,style:v,...f})=>{if("container"===l||"flex"===l)return r("div",{className:[o["n23mGrid"+l.charAt(0).toUpperCase()+l.slice(1)],"n23mGrid"+l.charAt(0).toUpperCase()+l.slice(1),w].filter(Boolean).join(" "),style:{...a({"--grid-p":t,"--grid-m":g,"--grid-jc":G,"--grid-cg":s?.col,"--grid-rg":s?.row,"--grid-ai":_,"--grid-fw":x,"--grid-mh":u,"--grid-wn":e,"--grid-wx":m}),...v},...f,children:[!p&&n,p&&i(d,{minHeight:`${u}`})]});if(!s||!c)throw new Error('When layout="columns", gap and col props are required');return i("div",{className:[o.n23mGridColumns,"n23mGridColumns",w].filter(Boolean).join(" "),style:{"--grid-cm":c.mobile.toString(),"--grid-ct":c.tablet.toString(),"--grid-csd":c.smallDesktop.toString(),"--grid-cd":c.desktop.toString(),"--grid-cg":s.col,"--grid-rg":s.row},...f,children:n})};e.displayName="Grid";export{e as G};

package/lib/Loader-D18j8aqL.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{T as o}from"./TextBox-dHL75Jj9.js";import{g as r}from"./getCssVariableStyle-CBKDTT0s.js";import{s as a}from"./style-inject.es-BnTDb6vU.js";var l={n23mLoader:"Loader-module_n23mLoader__stRd6"};a("@layer n23mLoader{.Loader-module_n23mLoader__stRd6{align-items:center;border:1px dashed var(--loader-lc,var(--n23mTextBoxColor,#000));box-sizing:border-box;color:var(--loader-lc,var(--n23mTextBoxColor,#000));display:flex;height:var(--loader-mh,100%);justify-content:center;width:100%}}");const d=({minHeight:a,className:d,loaderColor:t,style:s})=>e("div",{className:[l.n23mLoader,"n23mLoader",d].filter(Boolean).join(" "),style:{...r({"--loader-lc":t,"--loader-mh":a}),...s},children:e(o,{mobileSize:16,desktopSize:16,color:t,children:"Loading..."})});d.displayName="Loader";export{d as L};

package/lib/TextBox-dHL75Jj9.js

@@ -1 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{g as o}from"./getCssVariableStyle-CBKDTT0s.js";import{s as x}from"./style-inject.es-BnTDb6vU.js";var a={n23mTextBox:"TextBox-module_n23mTextBox__OqCdY",n23mTextBoxLink:"TextBox-module_n23mTextBoxLink__zOG7Z"};x("@layer n23mTextBox{.TextBox-module_n23mTextBox__OqCdY{--mob:var(--textbox-ms);--des:var(--textbox-ds);--min:400;--max:1400;--tff:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;--cmn:min(var(--mob),var(--des));--cmx:max(var(--mob),var(--des));--fss:var(--mob);--fes:var(--des);--sdf:calc(var(--fes) - var(--fss));--vpr:calc(var(--max) - var(--min));--slp:calc(var(--sdf)/var(--vpr));--int:calc(var(--fss) - var(--slp)*var(--min));font-family:var(--n23mFontFamily,var(--tff));font-size:clamp(calc(var(--cmn)/16*1rem),calc(var(--slp)*100vw + var(--int)/16*1rem),calc(var(--cmx)/16*1rem));line-height:var(--textbox-lh,var(--n23mTextBoxLineHeight,1.42857));margin:var(--textbox-m,var(--n23mTextBoxMargin));text-align:var(--textbox-a)}.TextBox-module_n23mTextBoxLink__zOG7Z,.TextBox-module_n23mTextBox__OqCdY{text-wrap:var(--textbox-w);color:var(--textbox-c,var(--n23mTextBoxColor));font-weight:var(--textbox-fw,var(--n23mTextBoxFontWeight))}.TextBox-module_n23mTextBoxLink__zOG7Z{text-align:var(--text-a,left);text-decoration:unset;transition:all .15s ease-in-out;&:active,&:focus-visible,&:hover{color:var(--textbox-ch,var(--n23mTextBoxColorHover));font-weight:var(--textbox-fwh,var(--n23mTextBoxFontWeightHover,var(--textbox-fw)));text-decoration:underline}}}");const r=e(({tag:e="div",children:x,className:r,target:n,rel:m,mobileSize:i,desktopSize:l,lineHeight:s,color:v,href:c,colorHover:f,margin:b,fontWeight:B,fontWeightHover:T,textAlign:d,textWrap:h,style:g,htmlFor:_,...p},u)=>{let w=e;return c&&(w="a"),t(w,{ref:u,style:{...o({"--textbox-fw":B,"--textbox-fwh":T,"--textbox-ch":f,"--textbox-c":v,"--textbox-ms":i,"--textbox-ds":l,"--textbox-lh":s,"--textbox-a":d,"--textbox-w":h,"--textbox-m":b}),...g},className:[a.n23mTextBox,"n23mTextBox",""+(c?`${a.n23mTextBoxLink} n23mTextBoxLink`:""),r].filter(Boolean).join(" "),...c?{href:c,target:n,rel:m}:{},..._?{htmlFor:_}:{},...p,children:x})});r.displayName="TextBox";export{r as T};

package/lib/codeparser/CodeParser.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface CodeParserProps extends React.HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
-}
-export declare const CodeParser: React.FC<CodeParserProps>;
-export {};

package/lib/codeparser/index.d.ts

@@ -1,2 +0,0 @@
-import { CodeParser } from './CodeParser';
-export { CodeParser };

package/lib/getCssVariableStyle-CBKDTT0s.js

@@ -1 +0,0 @@
-function e(e){return Object.fromEntries(Object.entries(e).filter(([e,t])=>null!=t))}export{e as g};

package/lib/style-inject.es-BnTDb6vU.js

@@ -1 +0,0 @@
-function e(e,t){void 0===t&&(t={});var d=t.insertAt;if(e&&"undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],s=document.createElement("style");s.type="text/css","top"===d&&n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.styleSheet?s.styleSheet.cssText=e:s.appendChild(document.createTextNode(e))}}export{e as s};