najwer23morsels 0.8.0 → 0.8.2

package/README.md

@@ -40,25 +40,20 @@ export const Example = () => {
 ```CSS
 :root {
     /* Main */
-    --najwer23morselsFontFamily:  --fontFamily, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica,
+    --n23mFontFamily:  --fontFamily, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica,
       Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
 
     /* MorselsTextBox  */
-    --najwer23morselsTextBoxMargin: 20px;
-    --najwer23morselsTextBoxColor: red;
-    --najwer23morselsTextBoxColorHover: orange;
-    --najwer23morselsTextBoxLineHeight: 1.42857;
-    --najwer23morselsTextBoxFontWeight: 400;
-    --najwer23morselsTextBoxFontWeightHover: 800;
-
-    /* MorselsSlider */
-    --najwer23morselsSliderArrowsColorBackground: white;
-    --najwer23morselsSliderArrowsColorBorder: black;
-    --najwer23morselsSliderArrowsColor: black;
+    --n23mTextBoxMargin: 20px;
+    --n23mTextBoxColor: red;
+    --n23mTextBoxColorHover: orange;
+    --n23mTextBoxLineHeight: 1.42857;
+    --n23mTextBoxFontWeight: 400;
+    --n23mTextBoxFontWeightHover: 800;
 
     /* MorselsButton */
-    --najwer23morselsButtonBg: black;
-    --najwer23morselsButtonBgDisabled: black;
+    --n23mButtonBg: black;
+    --n23mButtonBgDisabled: black;
 }
 ```
 

package/lib/Button-gVfVw34Y.js

@@ -0,0 +1 @@
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import{L as e}from"./Loader-wIRZ5uBj.js";import{s as n}from"./style-inject.es-BnTDb6vU.js";var r={n23mButtonContainer:"Button-module_n23mButtonContainer__-KNaO"};n('@layer n23mButton{.Button-module_n23mButtonContainer__-KNaO{--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(--button-borderColor,unset);border-radius:8px;box-shadow:none;cursor:pointer;height:var(--button-height,auto);letter-spacing:normal;padding:var(--button-padding,10px 17px);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-width,auto);>span{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-bgDisabled));box-shadow:none;cursor:not-allowed}}}');const i=({children:n,className:i,backgroundColor:a,padding:s,loading:l,height:d,width:b,borderColor:u,backgroundColorDisabled:h,...c})=>o("div",{className:["MorselsButtonWrapper",i].filter(Boolean).join(" "),children:[l&&t("div",{style:{width:b,height:d},children:t(e,{})}),!l&&t("button",{style:{...null!=s?{"--button-padding":s}:{},"--button-bg":a,"--button-height":d,"--button-width":b,"--button-bgDisabled":h,"--button-borderColor":u},className:[r.n23mButtonContainer,"MorselsButton"].filter(Boolean).join(" "),...c,children:t("span",{children:n})})]});i.displayName="Button";export{i as B};

package/lib/Button.js

@@ -1 +1 @@
-export{B as Button}from"./Button-BCpjwEv1.js";import"react/jsx-runtime";import"./Loader-wijDpW2h.js";import"./TextBox-BgfJ6nHN.js";import"./style-inject.es-BnTDb6vU.js";
+export{B as Button}from"./Button-gVfVw34Y.js";import"react/jsx-runtime";import"./Loader-wIRZ5uBj.js";import"./TextBox-Cuy0KMEn.js";import"./style-inject.es-BnTDb6vU.js";

package/lib/Carousel.js

@@ -1 +1 @@
-import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useRef as t,useState as o,useEffect as n}from"react";import{B as l}from"./Button-BCpjwEv1.js";import{s as a}from"./style-inject.es-BnTDb6vU.js";import{u as s}from"./useWindowSize-CAQRbyxi.js";import"./Loader-wijDpW2h.js";import"./TextBox-BgfJ6nHN.js";var i={carousel:"Carousel-module_carousel__Yo2oU",carouselWrapper:"Carousel-module_carouselWrapper__JQHy4",arrowLeft:"Carousel-module_arrowLeft__kk-Rx",arrowRight:"Carousel-module_arrowRight__Spznn",arrowShow:"Carousel-module_arrowShow__NqOi-",buttonArrowRight:"Carousel-module_buttonArrowRight__1-Cq0",buttonArrowLeft:"Carousel-module_buttonArrowLeft__EAxth"};a('@layer najwer23snacksCarouel{.Carousel-module_carousel__Yo2oU{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:var(--gap);overflow-x:scroll;scrollbar-width:none;will-change:scroll-position;&::-webkit-scrollbar{display:none}&>*{flex-shrink:0}}.Carousel-module_carouselWrapper__JQHy4{display:grid;position:relative}.Carousel-module_arrowLeft__kk-Rx{display:none;left:20px;position:absolute;top:calc(50% - 25px);@media (max-width:767.98px){display:none}}.Carousel-module_arrowRight__Spznn{display:none;position:absolute;right:20px;top:calc(50% - 25px);@media (max-width:767.98px){display:none}}.Carousel-module_arrowShow__NqOi-{display:block;@media (max-width:767.98px){display:none}}.Carousel-module_buttonArrowLeft__EAxth,.Carousel-module_buttonArrowRight__1-Cq0{height:15px;padding:5px 0;position:relative;transition:all .2s linear;width:15px}.Carousel-module_buttonArrowRight__1-Cq0:after{right:3px;transform:rotate(135deg)}.Carousel-module_buttonArrowLeft__EAxth:after,.Carousel-module_buttonArrowRight__1-Cq0:after{border-left:2px solid #fff;border-top:2px solid #fff;content:"";display:flex;height:15px;position:absolute;width:15px}.Carousel-module_buttonArrowLeft__EAxth:after{left:3px;transform:rotate(-45deg)}}');const u=({children:a,arrowLeftIcon:u,arrowRightIcon:c,gap:p="5px"})=>{const d=t(null),[f,h]=o(!1),[m,w]=o(!1),{width:_}=s(),x=t(!1),g=t(null),C=()=>{if(!d.current||!d.current.childNodes[1])return 0;const r=d.current.childNodes[1],e=getComputedStyle(r);return parseInt(e.marginLeft)+parseInt(e.marginRight)+r.offsetWidth+Number(p.slice(0,-2))};n(()=>{const r=setTimeout(()=>{v()},1);return()=>clearTimeout(r)},[_]);const L=()=>{x.current=!0,g.current&&clearTimeout(g.current),g.current=window.setTimeout(()=>{x.current=!1},150)},v=()=>{if(!d.current)return;L();const r=d.current.scrollLeft,e=d.current.scrollWidth-d.current.clientWidth;r<=0?(h(!1),w(0!==e)):r>=e?(h(!0),w(!1)):(h(!0),w(!0))},b=(r,e,t=400,o=!1)=>{if(x.current&&!o)return r.scrollLeft=e,void v();const n=r.scrollLeft,l=e-n,a=performance.now(),s=i=>{if(x.current&&!o)return r.scrollLeft=e,void v();const u=i-a,c=Math.min(u/t,1);var p;r.scrollLeft=n+l*((p=c)<.5?4*p*p*p:1-Math.pow(-2*p+2,3)/2),c<1?requestAnimationFrame(s):v()};requestAnimationFrame(s)},y=t({isDown:!1,startX:0,scrollLeft:0,isMove:!1}),A=()=>{y.current.isDown=!1};return r("div",{className:i.carouselWrapper,style:{"--gap":p},children:e("div",{className:i.carousel,ref:d,onClick:r=>{y.current.isMove&&(r.preventDefault(),r.stopPropagation())},onScroll:v,onMouseDown:r=>{y.current.isDown=!0,y.current.startX=r.pageX-(d.current?.offsetLeft||0),y.current.scrollLeft=d.current?.scrollLeft||0},onMouseLeave:A,onMouseUp:A,onMouseMove:r=>{if(!y.current.isDown)return void(y.current.isMove=!1);r.preventDefault(),L();var e;const t=1*(("pageX"in(e=r)?e.pageX:"touches"in e?e.touches[0].pageX:0)-(d.current?.offsetLeft||0)-y.current.startX);Math.abs(t)>5&&(y.current.isMove=!0),d.current&&(d.current.scrollLeft=y.current.scrollLeft-t)},onTouchMove:r=>{L()},children:[r("div",{className:[i.arrowLeft,f&&i.arrowShow].join(" "),children:r(l,{type:"button",onClick:()=>{if(!d.current)return;const r=C();if(0===r)return;const e=Math.floor(d.current.offsetWidth/r)*r,t=Math.max(d.current.scrollLeft-e,0);b(d.current,t,900,!0)},height:"40px",width:"40px",children:u||r("div",{className:[i.buttonArrowLeft].join(" ")})})}),a,r("div",{className:[i.arrowRight,m&&i.arrowShow].join(" "),children:r(l,{type:"button",onClick:()=>{if(!d.current)return;const r=C();if(0===r)return;const e=Math.floor(d.current.offsetWidth/r)*r,t=d.current.scrollWidth-d.current.clientWidth,o=Math.min(d.current.scrollLeft+e,t);b(d.current,o,900,!0)},height:"40px",width:"40px",children:c||r("div",{className:[i.buttonArrowRight].join(" ")})})})]})})};u.displayName="Carousel";export{u as Carousel};
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useRef as t,useState as o,useEffect as n}from"react";import{B as l}from"./Button-gVfVw34Y.js";import{s as a}from"./style-inject.es-BnTDb6vU.js";import{u as s}from"./useWindowSize-CAQRbyxi.js";import"./Loader-wIRZ5uBj.js";import"./TextBox-Cuy0KMEn.js";var i={carousel:"Carousel-module_carousel__Yo2oU",carouselWrapper:"Carousel-module_carouselWrapper__JQHy4",arrowLeft:"Carousel-module_arrowLeft__kk-Rx",arrowRight:"Carousel-module_arrowRight__Spznn",arrowShow:"Carousel-module_arrowShow__NqOi-",buttonArrowRight:"Carousel-module_buttonArrowRight__1-Cq0",buttonArrowLeft:"Carousel-module_buttonArrowLeft__EAxth"};a('@layer najwer23snacksCarouel{.Carousel-module_carousel__Yo2oU{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;display:flex;flex-wrap:nowrap;gap:var(--gap);overflow-x:scroll;scrollbar-width:none;will-change:scroll-position;&::-webkit-scrollbar{display:none}&>*{flex-shrink:0}}.Carousel-module_carouselWrapper__JQHy4{display:grid;position:relative}.Carousel-module_arrowLeft__kk-Rx{display:none;left:20px;position:absolute;top:calc(50% - 25px);@media (max-width:767.98px){display:none}}.Carousel-module_arrowRight__Spznn{display:none;position:absolute;right:20px;top:calc(50% - 25px);@media (max-width:767.98px){display:none}}.Carousel-module_arrowShow__NqOi-{display:block;@media (max-width:767.98px){display:none}}.Carousel-module_buttonArrowLeft__EAxth,.Carousel-module_buttonArrowRight__1-Cq0{height:15px;padding:5px 0;position:relative;transition:all .2s linear;width:15px}.Carousel-module_buttonArrowRight__1-Cq0:after{right:3px;transform:rotate(135deg)}.Carousel-module_buttonArrowLeft__EAxth:after,.Carousel-module_buttonArrowRight__1-Cq0:after{border-left:2px solid #fff;border-top:2px solid #fff;content:"";display:flex;height:15px;position:absolute;width:15px}.Carousel-module_buttonArrowLeft__EAxth:after{left:3px;transform:rotate(-45deg)}}');const u=({children:a,arrowLeftIcon:u,arrowRightIcon:c,gap:p="5px"})=>{const d=t(null),[f,h]=o(!1),[m,w]=o(!1),{width:_}=s(),x=t(!1),g=t(null),C=()=>{if(!d.current||!d.current.childNodes[1])return 0;const r=d.current.childNodes[1],e=getComputedStyle(r);return parseInt(e.marginLeft)+parseInt(e.marginRight)+r.offsetWidth+Number(p.slice(0,-2))};n(()=>{const r=setTimeout(()=>{v()},1);return()=>clearTimeout(r)},[_]);const L=()=>{x.current=!0,g.current&&clearTimeout(g.current),g.current=window.setTimeout(()=>{x.current=!1},150)},v=()=>{if(!d.current)return;L();const r=d.current.scrollLeft,e=d.current.scrollWidth-d.current.clientWidth;r<=0?(h(!1),w(0!==e)):r>=e?(h(!0),w(!1)):(h(!0),w(!0))},b=(r,e,t=400,o=!1)=>{if(x.current&&!o)return r.scrollLeft=e,void v();const n=r.scrollLeft,l=e-n,a=performance.now(),s=i=>{if(x.current&&!o)return r.scrollLeft=e,void v();const u=i-a,c=Math.min(u/t,1);var p;r.scrollLeft=n+l*((p=c)<.5?4*p*p*p:1-Math.pow(-2*p+2,3)/2),c<1?requestAnimationFrame(s):v()};requestAnimationFrame(s)},y=t({isDown:!1,startX:0,scrollLeft:0,isMove:!1}),A=()=>{y.current.isDown=!1};return r("div",{className:i.carouselWrapper,style:{"--gap":p},children:e("div",{className:i.carousel,ref:d,onClick:r=>{y.current.isMove&&(r.preventDefault(),r.stopPropagation())},onScroll:v,onMouseDown:r=>{y.current.isDown=!0,y.current.startX=r.pageX-(d.current?.offsetLeft||0),y.current.scrollLeft=d.current?.scrollLeft||0},onMouseLeave:A,onMouseUp:A,onMouseMove:r=>{if(!y.current.isDown)return void(y.current.isMove=!1);r.preventDefault(),L();var e;const t=1*(("pageX"in(e=r)?e.pageX:"touches"in e?e.touches[0].pageX:0)-(d.current?.offsetLeft||0)-y.current.startX);Math.abs(t)>5&&(y.current.isMove=!0),d.current&&(d.current.scrollLeft=y.current.scrollLeft-t)},onTouchMove:r=>{L()},children:[r("div",{className:[i.arrowLeft,f&&i.arrowShow].join(" "),children:r(l,{type:"button",onClick:()=>{if(!d.current)return;const r=C();if(0===r)return;const e=Math.floor(d.current.offsetWidth/r)*r,t=Math.max(d.current.scrollLeft-e,0);b(d.current,t,900,!0)},height:"40px",width:"40px",children:u||r("div",{className:[i.buttonArrowLeft].join(" ")})})}),a,r("div",{className:[i.arrowRight,m&&i.arrowShow].join(" "),children:r(l,{type:"button",onClick:()=>{if(!d.current)return;const r=C();if(0===r)return;const e=Math.floor(d.current.offsetWidth/r)*r,t=d.current.scrollWidth-d.current.clientWidth,o=Math.min(d.current.scrollLeft+e,t);b(d.current,o,900,!0)},height:"40px",width:"40px",children:c||r("div",{className:[i.buttonArrowRight].join(" ")})})})]})})};u.displayName="Carousel";export{u as Carousel};

package/lib/Codeparser.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{s as r}from"./style-inject.es-BnTDb6vU.js";var o={najwer23morselsCodeParserContainer:"CodeParser-module_najwer23morselsCodeParserContainer__QWX5D"};r('@layer najwer23morselsCodeParser{@font-face{font-family:Monaspace;src:url(https://assets.codepen.io/2585/MonaspaceKrypton-SyntaxHighlighter-Regular.woff2) format("woff2")}.CodeParser-module_najwer23morselsCodeParserContainer__QWX5D code{font-family:Monaspace,monospace;font-size:16px;white-space:pre-wrap}.CodeParser-module_najwer23morselsCodeParserContainer__QWX5D 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.najwer23morselsCodeParserContainer,"MorselsCodeParser",a].filter(Boolean).join(" "),...s,children:e("pre",{children:e("code",{children:r})})});a.displayName="CodeParser";export{a as CodeParser};
+import{jsx as e}from"react/jsx-runtime";import{s as r}from"./style-inject.es-BnTDb6vU.js";var o={n23mCodeParserContainer:"CodeParser-module_n23mCodeParserContainer__F88g0"};r('@layer n23mCodeParser{@font-face{font-family:Monaspace;src:url(https://assets.codepen.io/2585/MonaspaceKrypton-SyntaxHighlighter-Regular.woff2) format("woff2")}.CodeParser-module_n23mCodeParserContainer__F88g0 code{font-family:Monaspace,monospace;font-size:16px;white-space:pre-wrap}.CodeParser-module_n23mCodeParserContainer__F88g0 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,...n})=>e("div",{className:[o.n23mCodeParserContainer,"MorselsCodeParser",a].filter(Boolean).join(" "),...n,children:e("pre",{children:e("code",{children:r})})});a.displayName="CodeParser";export{a as CodeParser};

package/lib/Grid.js

@@ -1 +1 @@
-import{jsxs as r,jsx as i}from"react/jsx-runtime";import{s as d}from"./style-inject.es-BnTDb6vU.js";import{L as o}from"./Loader-wijDpW2h.js";import"./TextBox-BgfJ6nHN.js";var l={najwer23morselsGridContainer:"Grid-module_najwer23morselsGridContainer__eKjhq",najwer23morselsGridColumns:"Grid-module_najwer23morselsGridColumns__LCtFl"};d("@layer najwer23morselsGrid{.Grid-module_najwer23morselsGridContainer__eKjhq{box-sizing:border-box;margin:var(--grid-m);max-width:var(--grid-wMax);min-height:var(--grid-mh);min-width:var(--grid-wMin);padding:var(--grid-p)}.Grid-module_najwer23morselsGridColumns__LCtFl{column-gap:var(--grid-col-gap);display:flex;flex-wrap:wrap;row-gap:var(--grid-row-gap);width:100%}.Grid-module_najwer23morselsGridColumns__LCtFl>div{width:calc(100%/var(--gridFlexCol) - ((var(--gridFlexCol) - 1)/var(--gridFlexCol))*var(--grid-col-gap))}@media (max-width:767.98px){.Grid-module_najwer23morselsGridColumns__LCtFl>div{--gridFlexCol:var(--grid-col-mobile)}}@media (min-width:768px) and (max-width:1199.98px){.Grid-module_najwer23morselsGridColumns__LCtFl>div{--gridFlexCol:var(--grid-col-tablet)}}@media (min-width:1200px) and (max-width:1599.98px){.Grid-module_najwer23morselsGridColumns__LCtFl>div{--gridFlexCol:var(--grid-col-small-desktop)}}@media (min-width:1600px){.Grid-module_najwer23morselsGridColumns__LCtFl>div{--gridFlexCol:var(--grid-col-desktop)}}}");const e=({children:d,widthMin:e=0,widthMax:a=1920,padding:n="0",margin:m="auto",layout:s,gap:t,col:g,loading:p=!1,minHeight:w,className:x,...C})=>{if("container"===s)return r("div",{className:[l.najwer23morselsGridContainer,"MorselsGridContainer",x].filter(Boolean).join(" "),style:{"--grid-mh":`${w}px`,"--grid-wMin":`${e}px`,"--grid-wMax":`${a}px`,"--grid-p":n,"--grid-m":m},...C,children:[!p&&d,p&&i(o,{minHeight:w})]});if(!t||!g)throw new Error('When layout="columns", gap and col props are required');return i("div",{className:[l.najwer23morselsGridColumns,"MorselsGridColumns",x].filter(Boolean).join(" "),style:{"--grid-col-mobile":g.mobile.toString(),"--grid-col-tablet":g.tablet.toString(),"--grid-col-small-desktop":g.smallDesktop.toString(),"--grid-col-desktop":g.desktop.toString(),"--grid-col-gap":t.col,"--grid-row-gap":t.row},...C,children:d})};e.displayName="Grid";export{e as Grid};
+import{jsxs as i,jsx as r}from"react/jsx-runtime";import{s as d}from"./style-inject.es-BnTDb6vU.js";import{L as o}from"./Loader-wIRZ5uBj.js";import"./TextBox-Cuy0KMEn.js";var l={n23mGridContainer:"Grid-module_n23mGridContainer__G1O3I",n23mGridColumns:"Grid-module_n23mGridColumns__oyScE"};d("@layer n23mGrid{.Grid-module_n23mGridContainer__G1O3I{box-sizing:border-box;margin:var(--grid-m);max-width:var(--grid-wMax);min-height:var(--grid-mh);min-width:var(--grid-wMin);padding:var(--grid-p)}.Grid-module_n23mGridColumns__oyScE{column-gap:var(--grid-col-gap);display:flex;flex-wrap:wrap;row-gap:var(--grid-row-gap);width:100%}.Grid-module_n23mGridColumns__oyScE>div{width:calc(100%/var(--gridFlexCol) - ((var(--gridFlexCol) - 1)/var(--gridFlexCol))*var(--grid-col-gap))}@media (max-width:767.98px){.Grid-module_n23mGridColumns__oyScE>div{--gridFlexCol:var(--grid-col-mobile)}}@media (min-width:768px) and (max-width:1199.98px){.Grid-module_n23mGridColumns__oyScE>div{--gridFlexCol:var(--grid-col-tablet)}}@media (min-width:1200px) and (max-width:1599.98px){.Grid-module_n23mGridColumns__oyScE>div{--gridFlexCol:var(--grid-col-small-desktop)}}@media (min-width:1600px){.Grid-module_n23mGridColumns__oyScE>div{--gridFlexCol:var(--grid-col-desktop)}}}");const a=({children:d,widthMin:a=0,widthMax:e=1920,padding:n="0",margin:m="auto",layout:t,gap:g,col:s,loading:p=!1,minHeight:c,className:x,...u})=>{if("container"===t)return i("div",{className:[l.n23mGridContainer,"MorselsGridContainer",x].filter(Boolean).join(" "),style:{"--grid-mh":`${c}px`,"--grid-wMin":`${a}px`,"--grid-wMax":`${e}px`,"--grid-p":n,"--grid-m":m},...u,children:[!p&&d,p&&r(o,{minHeight:c})]});if(!g||!s)throw new Error('When layout="columns", gap and col props are required');return r("div",{className:[l.n23mGridColumns,"MorselsGridColumns",x].filter(Boolean).join(" "),style:{"--grid-col-mobile":s.mobile.toString(),"--grid-col-tablet":s.tablet.toString(),"--grid-col-small-desktop":s.smallDesktop.toString(),"--grid-col-desktop":s.desktop.toString(),"--grid-col-gap":g.col,"--grid-row-gap":g.row},...u,children:d})};a.displayName="Grid";export{a as Grid};

package/lib/Loader-wIRZ5uBj.js

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

package/lib/Loader.js

@@ -1 +1 @@
-export{L as Loader}from"./Loader-wijDpW2h.js";import"react/jsx-runtime";import"./TextBox-BgfJ6nHN.js";import"./style-inject.es-BnTDb6vU.js";
+export{L as Loader}from"./Loader-wIRZ5uBj.js";import"react/jsx-runtime";import"./TextBox-Cuy0KMEn.js";import"./style-inject.es-BnTDb6vU.js";

package/lib/Slider.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r,Fragment as l}from"react/jsx-runtime";import n,{useState as t,useRef as o,useEffect as i,useCallback as s,useLayoutEffect as a}from"react";import{s as d}from"./style-inject.es-BnTDb6vU.js";import{T as m}from"./TextBox-BgfJ6nHN.js";import{L as c}from"./Loader-wijDpW2h.js";import{a as u,I as h}from"./IconArrowRight-Bs6HQ5lc.js";import{B as p}from"./Button-BCpjwEv1.js";var S={najwer23morselsSliderContainer:"Slider-module_najwer23morselsSliderContainer__1SbJN",najwer23morselsSliderContainerSlider:"Slider-module_najwer23morselsSliderContainerSlider__7ONky",najwer23morselsSlideWrapper:"Slider-module_najwer23morselsSlideWrapper__veeuJ",najwer23morselsSlide:"Slider-module_najwer23morselsSlide__KHKZW",najwer23morselsSliderControls:"Slider-module_najwer23morselsSliderControls__yTkht",najwer23morselsSliderControlsButtons:"Slider-module_najwer23morselsSliderControlsButtons__j3XUh",najwer23morselsSliderCounter:"Slider-module_najwer23morselsSliderCounter__56f5P"};d("@layer najwer23morselsSlider{.Slider-module_najwer23morselsSliderContainer__1SbJN{width:100%}.Slider-module_najwer23morselsSliderContainerSlider__7ONky{display:flex;flex-direction:column;gap:10px;height:100%;position:relative;user-select:none;width:100%}.Slider-module_najwer23morselsSlideWrapper__veeuJ{height:100%;overflow:hidden;position:relative;width:100%;will-change:transform}.Slider-module_najwer23morselsSlide__KHKZW{height:100%;overflow:hidden;position:absolute;top:0;will-change:transform;&>*{height:100%;width:100%}}.Slider-module_najwer23morselsSliderControls__yTkht{align-items:center;display:flex;justify-content:space-between;margin-left:20px;margin-right:20px}.Slider-module_najwer23morselsSliderControlsButtons__j3XUh{display:flex;gap:10px;margin-top:10px}.Slider-module_najwer23morselsSliderCounter__56f5P{align-items:center;align-items:flex-start;display:flex;height:50px;justify-content:center}}");const w=(e,r,l=!1)=>(l?e.slice(0,r):e.slice(-r)).map((e,r)=>n.cloneElement(e,{key:`${l?"clone-first":"clone-last"}-${r}`,className:e.props.className})),g=({isCircular:d=!1,children:g,className:f,showControls:j=!0,loading:_=!1,loaderColor:C="black"})=>{const v=n.Children.toArray(g).filter(n.isValidElement),[y,x]=t(d&&v.length>=2?2:0),[b,k]=t(!1),[E,N]=t(0),[T,F]=t(0),L=o(null),B=o([]),W=o(null),[M,$]=t(null),[z,X]=t(0),J=d&&v.length>=2?[...w(v,2,!1),...v.map((e,r)=>n.cloneElement(e,{key:e.key??r,className:e.props.className})),...w(v,2,!0)]:v.map((e,r)=>n.cloneElement(e,{key:e.key??r,className:e.props.className}));B.current.length!==J.length&&(B.current=Array(J.length).fill(null)),i(()=>{x(d&&v.length>=2?2:0)},[d,v.length,_]);const K=s(()=>{const e=L.current;if(!e)return;const r=B.current[0];if(!r)return;const l=window.getComputedStyle(r);N(r.offsetWidth+parseFloat(l.marginLeft)+parseFloat(l.marginRight)),F(e.offsetWidth)},[]);a(()=>{K();const e=()=>{null!==W.current&&clearTimeout(W.current),W.current=window.setTimeout(()=>{K(),k(!0)},150)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),null!==W.current&&clearTimeout(W.current)}},[K,_]),i(()=>{const e=E+10;B.current.forEach((r,l)=>{if(!r)return;const n=(l-y)*e+(T-E)/2;r.style.transition=b?"transform 0.4s cubic-bezier(.4,0,.2,1)":"none",r.style.transform=`translateX(${n}px)`,r.style.left=""})},[y,E,T,b,J.length,d,_]),i(()=>{if(!b||!d)return;const e=B.current.length,r=B.current[e-1];if(!r)return;let l;const n=()=>{let t=y;1===y?t=e-3:y===e-2&&(t=2),t!==y&&x(t),k(!1),r.removeEventListener("transitionend",n),clearTimeout(l)};return r.addEventListener("transitionend",n),l=window.setTimeout(()=>{k(!1),r.removeEventListener("transitionend",n)},500),()=>{r.removeEventListener("transitionend",n),clearTimeout(l)}},[y,d,b,_]),i(()=>{if(!b)return;const e=B.current[0];if(!e)return;let r;const l=()=>{k(!1),e.removeEventListener("transitionend",l),clearTimeout(r)};return e.addEventListener("transitionend",l),r=window.setTimeout(()=>{k(!1),e.removeEventListener("transitionend",l)},500),()=>{e.removeEventListener("transitionend",l),clearTimeout(r)}},[b,_]);const A=()=>{b||(k(!0),x(d?e=>e+1:e=>Math.min(e+1,J.length-1)))},P=()=>{b||(k(!0),x(d?e=>e-1:e=>Math.max(e-1,0)))};return e("div",{className:[S.najwer23morselsSliderContainer,"MorselsSlider",f].filter(Boolean).join(" "),style:{height:_?"calc(100% - 2px)":j&&v.length>1?"calc(100% - 60px)":"100%"},onTouchStart:e=>{1===e.touches.length&&($(e.touches[0].clientX),X(0))},onTouchMove:e=>{null!==M&&X(e.touches[0].clientX-M)},onTouchEnd:()=>{z>50?P():z<-50&&A(),$(null),X(0)},children:[_&&r(c,{loaderColor:C}),!_&&e(l,{children:[r("div",{className:[S.najwer23morselsSliderContainerSlider].filter(Boolean).join(" "),children:r("div",{className:[S.najwer23morselsSlideWrapper,"MorselsSliderWrapper"].join(" "),ref:L,children:J.map((e,l)=>r("div",{ref:e=>{B.current[l]=e},className:`${S.najwer23morselsSlide}`,style:{width:v.length>1?"calc(100% - 40px)":"100%"},"aria-hidden":y!==l,children:e},e.key??l))})}),j&&v.length>1&&e("div",{className:[S.najwer23morselsSliderControls,"MorselsSliderControls"].join(" "),children:[r("div",{className:[S.najwer23morselsSliderCounter,"MorselsSliderCounter"].join(" "),children:r(m,{mobileSize:16,desktopSize:16,color:"black",children:d?`${(()=>{if(!d)return y;const e=v.length;return e<1?0:(y-2+e)%e})()+1} / ${v.length}`:`${y+1} / ${v.length}`})}),e("div",{className:[S.najwer23morselsSliderControlsButtons,"MorselsSliderControlsButtons"].join(" "),children:[r(p,{height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Prev",onClick:P,borderColor:"black",backgroundColorDisabled:"#F2F0EF",disabled:b||!d&&0===y,children:r(u,{width:24,height:24})}),r(p,{height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Next",borderColor:"black",backgroundColorDisabled:"#F2F0EF",onClick:A,disabled:b||!d&&y==v.length-1,children:r(h,{width:24,height:24})})]})]})]})]})};g.displayName="Slider";export{g as Slider};
+import{jsxs as e,jsx as r,Fragment as n}from"react/jsx-runtime";import t,{useState as l,useRef as i,useEffect as o,useCallback as s,useLayoutEffect as d}from"react";import{s as a}from"./style-inject.es-BnTDb6vU.js";import{T as m}from"./TextBox-Cuy0KMEn.js";import{L as c}from"./Loader-wIRZ5uBj.js";import{a as u,I as h}from"./IconArrowRight-Bs6HQ5lc.js";import{B as p}from"./Button-gVfVw34Y.js";var S={n23mSliderContainer:"Slider-module_n23mSliderContainer__Hx9qh",n23mSliderContainerSlider:"Slider-module_n23mSliderContainerSlider__-1M4s",n23mSlideWrapper:"Slider-module_n23mSlideWrapper__zpnqR",n23mSlide:"Slider-module_n23mSlide__nuY4t",n23mSliderControls:"Slider-module_n23mSliderControls__DLrdZ",n23mSliderControlsButtons:"Slider-module_n23mSliderControlsButtons__C1ypH",n23mSliderCounter:"Slider-module_n23mSliderCounter__UJLZw"};a("@layer n23mSlider{.Slider-module_n23mSliderContainer__Hx9qh{width:100%}.Slider-module_n23mSliderContainerSlider__-1M4s{display:flex;flex-direction:column;gap:10px;height:100%;position:relative;user-select:none;width:100%}.Slider-module_n23mSlideWrapper__zpnqR{height:100%;overflow:hidden;position:relative;width:100%;will-change:transform}.Slider-module_n23mSlide__nuY4t{height:100%;overflow:hidden;position:absolute;top:0;will-change:transform;&>*{height:100%;width:100%}}.Slider-module_n23mSliderControls__DLrdZ{align-items:center;display:flex;justify-content:space-between;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 g=(e,r,n=!1)=>(n?e.slice(0,r):e.slice(-r)).map((e,r)=>t.cloneElement(e,{key:`${n?"clone-first":"clone-last"}-${r}`,className:e.props.className})),f=({isCircular:a=!1,children:f,className:_,showControls:C=!0,loading:v=!1,loaderColor:w="black"})=>{const x=t.Children.toArray(f).filter(t.isValidElement),[y,E]=l(a&&x.length>=2?2:0),[b,k]=l(!1),[L,N]=l(0),[j,F]=l(0),T=i(null),B=i([]),M=i(null),[$,z]=l(null),[W,q]=l(0),D=a&&x.length>=2?[...g(x,2,!1),...x.map((e,r)=>t.cloneElement(e,{key:e.key??r,className:e.props.className})),...g(x,2,!0)]:x.map((e,r)=>t.cloneElement(e,{key:e.key??r,className:e.props.className}));B.current.length!==D.length&&(B.current=Array(D.length).fill(null)),o(()=>{E(a&&x.length>=2?2:0)},[a,x.length,v]);const H=s(()=>{const e=T.current;if(!e)return;const r=B.current[0];if(!r)return;const n=window.getComputedStyle(r);N(r.offsetWidth+parseFloat(n.marginLeft)+parseFloat(n.marginRight)),F(e.offsetWidth)},[]);d(()=>{H();const e=()=>{null!==M.current&&clearTimeout(M.current),M.current=window.setTimeout(()=>{H(),k(!0)},150)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),null!==M.current&&clearTimeout(M.current)}},[H,v]),o(()=>{const e=L+10;B.current.forEach((r,n)=>{if(!r)return;const t=(n-y)*e+(j-L)/2;r.style.transition=b?"transform 0.4s cubic-bezier(.4,0,.2,1)":"none",r.style.transform=`translateX(${t}px)`,r.style.left=""})},[y,L,j,b,D.length,a,v]),o(()=>{if(!b||!a)return;const e=B.current.length,r=B.current[e-1];if(!r)return;let n;const t=()=>{let l=y;1===y?l=e-3:y===e-2&&(l=2),l!==y&&E(l),k(!1),r.removeEventListener("transitionend",t),clearTimeout(n)};return r.addEventListener("transitionend",t),n=window.setTimeout(()=>{k(!1),r.removeEventListener("transitionend",t)},500),()=>{r.removeEventListener("transitionend",t),clearTimeout(n)}},[y,a,b,v]),o(()=>{if(!b)return;const e=B.current[0];if(!e)return;let r;const n=()=>{k(!1),e.removeEventListener("transitionend",n),clearTimeout(r)};return e.addEventListener("transitionend",n),r=window.setTimeout(()=>{k(!1),e.removeEventListener("transitionend",n)},500),()=>{e.removeEventListener("transitionend",n),clearTimeout(r)}},[b,v]);const R=()=>{b||(k(!0),E(a?e=>e+1:e=>Math.min(e+1,D.length-1)))},Z=()=>{b||(k(!0),E(a?e=>e-1:e=>Math.max(e-1,0)))};return e("div",{className:[S.n23mSliderContainer,"MorselsSlider",_].filter(Boolean).join(" "),style:{height:v?"calc(100% - 2px)":C&&x.length>1?"calc(100% - 60px)":"100%"},onTouchStart:e=>{1===e.touches.length&&(z(e.touches[0].clientX),q(0))},onTouchMove:e=>{null!==$&&q(e.touches[0].clientX-$)},onTouchEnd:()=>{W>50?Z():W<-50&&R(),z(null),q(0)},children:[v&&r(c,{loaderColor:w}),!v&&e(n,{children:[r("div",{className:[S.n23mSliderContainerSlider].filter(Boolean).join(" "),children:r("div",{className:[S.n23mSlideWrapper,"MorselsSliderWrapper"].join(" "),ref:T,children:D.map((e,n)=>r("div",{ref:e=>{B.current[n]=e},className:`${S.n23mSlide}`,style:{width:x.length>1?"calc(100% - 40px)":"100%"},"aria-hidden":y!==n,children:e},e.key??n))})}),C&&x.length>1&&e("div",{className:[S.n23mSliderControls,"MorselsSliderControls"].join(" "),children:[r("div",{className:[S.n23mSliderCounter,"MorselsSliderCounter"].join(" "),children:r(m,{mobileSize:16,desktopSize:16,color:"black",children:a?`${(()=>{if(!a)return y;const e=x.length;return e<1?0:(y-2+e)%e})()+1} / ${x.length}`:`${y+1} / ${x.length}`})}),e("div",{className:[S.n23mSliderControlsButtons,"MorselsSliderControlsButtons"].join(" "),children:[r(p,{height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Prev",onClick:Z,borderColor:"black",backgroundColorDisabled:"#F2F0EF",disabled:b||!a&&0===y,children:r(u,{width:24,height:24})}),r(p,{height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Next",borderColor:"black",backgroundColorDisabled:"#F2F0EF",onClick:R,disabled:b||!a&&y==x.length-1,children:r(h,{width:24,height:24})})]})]})]})]})};f.displayName="Slider";export{f as Slider};

package/lib/Slidermulti.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r,Fragment as l}from"react/jsx-runtime";import n,{useState as i,useRef as o,useEffect as t}from"react";import{s}from"./style-inject.es-BnTDb6vU.js";import{L as d}from"./Loader-wijDpW2h.js";import{a,I as c}from"./IconArrowRight-Bs6HQ5lc.js";import{B as h}from"./Button-BCpjwEv1.js";import"./TextBox-BgfJ6nHN.js";var m={najwer23morselsSliderContainer:"SliderMulti-module_najwer23morselsSliderContainer__6fPRC",najwer23morselsSliderContainerSlider:"SliderMulti-module_najwer23morselsSliderContainerSlider__Ek-SZ",najwer23morselsSlideWrapper:"SliderMulti-module_najwer23morselsSlideWrapper__CweBn",najwer23morselsSlide:"SliderMulti-module_najwer23morselsSlide__67DfU",najwer23morselsSliderControls:"SliderMulti-module_najwer23morselsSliderControls__5d3QQ",najwer23morselsSliderControlsButtons:"SliderMulti-module_najwer23morselsSliderControlsButtons__th7c7"};s("@layer najwer23morselsSlider{.SliderMulti-module_najwer23morselsSliderContainer__6fPRC{width:100%}.SliderMulti-module_najwer23morselsSliderContainerSlider__Ek-SZ{display:flex;flex-direction:column;gap:10px;height:100%;position:relative;user-select:none;width:100%}.SliderMulti-module_najwer23morselsSlideWrapper__CweBn{height:100%;overflow:hidden;position:relative;width:100%;will-change:transform}.SliderMulti-module_najwer23morselsSlide__67DfU{height:100%;overflow:hidden;position:absolute;top:0;will-change:transform;&>*{height:100%;width:100%}}.SliderMulti-module_najwer23morselsSliderControls__5d3QQ{align-items:center;display:flex;justify-content:flex-end;margin-left:20px;margin-right:20px}.SliderMulti-module_najwer23morselsSliderControlsButtons__th7c7{display:flex;gap:10px;margin-top:10px}}");const u=(e,r,l=!1,i)=>(l?e.slice(0,r):e.slice(-r)).map((e,r)=>n.cloneElement(e,{key:`${l?"clone-first":"clone-last"}-${r} ${i}`,className:e.props.className})),p=({isCircular:s=!1,children:p,className:w,showControls:S=!0,loading:g=!1,loaderColor:f="black",slidesPerView:C=4,slideSpacingPx:j=10,slidesToScroll:_=4})=>{const x=n.Children.toArray(p).filter(n.isValidElement),[v,y]=i(0),E=o(null);t(()=>{const e=()=>{E.current&&y(E.current.offsetWidth)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[g]);const M=C>0?(v-j*(C-1))/C:0;let b=s?[...u(x,n.Children.toArray(p).length,!1,1),...u(x,n.Children.toArray(p).length,!1,2),...x,...u(x,n.Children.toArray(p).length,!0,3),...u(x,n.Children.toArray(p).length,!0,4)]:x;const[k,B]=i(s?2*n.Children.toArray(p).length:0),[F,N]=i(!1),A=o([]),[L,T]=i(null),[$,W]=i(0);t(()=>{B(s?2*n.Children.toArray(p).length:0)},[s,C,x.length,g]);t(()=>{A.current.forEach((e,r)=>{if(!e)return;const l=(r-k)*(M+j)+(v-M*C-j*(C-1))/2;e.style.transition=F?"transform 0.4s cubic-bezier(.4,0,.2,1)":"none",e.style.transform=`translateX(${l}px)`,e.style.left=""})},[k,v,F,b.length,C,M,j,g]),t(()=>{if(!F)return;let e;const r=()=>{let l=k;k<C&&s?l=k+x.length:k>=x.length+C&&s&&(l=k-x.length),l!==k&&s&&B(l),N(!1),A.current.forEach(e=>{e&&e.removeEventListener("transitionend",r)}),clearTimeout(e)};return A.current.forEach(e=>{e&&e.addEventListener("transitionend",r)}),e=window.setTimeout(()=>{N(!1),A.current.forEach(e=>{e&&e.removeEventListener("transitionend",r)})},500),()=>{A.current.forEach(e=>{e&&e.removeEventListener("transitionend",r)}),clearTimeout(e)}},[k,s,F,x.length,C,b.length,g]);const P=()=>{F||(N(!0),B(e=>e+_))},D=()=>{F||(N(!0),B(e=>e-_))};return A.current.length!==b.length&&(A.current=Array(b.length).fill(null)),e("div",{className:[m.najwer23morselsSliderContainer,"MorselsSlider",w].filter(Boolean).join(" "),style:{height:g?"calc(100% - 2px)":S?"calc(100% - 60px)":"100%"},onTouchStart:e=>{1===e.touches.length&&(T(e.touches[0].clientX),W(0))},onTouchMove:e=>{null!==L&&W(e.touches[0].clientX-L)},onTouchEnd:()=>{$>50?D():$<-50&&P(),T(null),W(0)},children:[g&&r(d,{loaderColor:f}),!g&&e(l,{children:[r("div",{className:[m.najwer23morselsSliderContainerSlider].filter(Boolean).join(" "),children:r("div",{className:[m.najwer23morselsSlideWrapper,"MorselsSliderWrapper"].join(" "),ref:E,style:{display:"flex",gap:`${j}px`,overflow:"hidden",width:"100%"},children:b.map((e,l)=>r("div",{ref:e=>{A.current[l]=e},className:m.najwer23morselsSlide,style:{width:`${M}px`,flex:`0 0 ${M}px`},"aria-hidden":l<k||l>=k+C,children:e},e.key??l))})}),S&&r("div",{className:[m.najwer23morselsSliderControls,"MorselsSliderControls"].join(" "),children:e("div",{className:[m.najwer23morselsSliderControlsButtons,"MorselsSliderControlsButtons"].join(" "),children:[r(h,{height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Prev",onClick:D,borderColor:"black",backgroundColorDisabled:"#F2F0EF",disabled:F||!s&&0===k,children:r(a,{width:24,height:24})}),r(h,{height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Next",borderColor:"black",backgroundColorDisabled:"#F2F0EF",onClick:P,disabled:F||!s&&k+C>=x.length,children:r(c,{width:24,height:24})})]})})]})]})};p.displayName="Slider";export{p as SliderMulti};
+import{jsxs as e,jsx as r,Fragment as l}from"react/jsx-runtime";import i,{useState as n,useRef as t,useEffect as o}from"react";import{s as d}from"./style-inject.es-BnTDb6vU.js";import{L as s}from"./Loader-wIRZ5uBj.js";import{a,I as c}from"./IconArrowRight-Bs6HQ5lc.js";import{B as h}from"./Button-gVfVw34Y.js";import"./TextBox-Cuy0KMEn.js";var m={n23mSliderContainer:"SliderMulti-module_n23mSliderContainer__-Fslp",n23mSliderContainerSlider:"SliderMulti-module_n23mSliderContainerSlider__tCirW",n23mSlideWrapper:"SliderMulti-module_n23mSlideWrapper__FrIdI",n23mSlide:"SliderMulti-module_n23mSlide__VCiYW",n23mSliderControls:"SliderMulti-module_n23mSliderControls__9IZUl",n23mSliderControlsButtons:"SliderMulti-module_n23mSliderControlsButtons__h0oLB"};d("@layer n23mSlider{.SliderMulti-module_n23mSliderContainer__-Fslp{width:100%}.SliderMulti-module_n23mSliderContainerSlider__tCirW{display:flex;flex-direction:column;gap:10px;height:100%;position:relative;user-select:none;width:100%}.SliderMulti-module_n23mSlideWrapper__FrIdI{height:100%;overflow:hidden;position:relative;width:100%;will-change:transform}.SliderMulti-module_n23mSlide__VCiYW{height:100%;overflow:hidden;position:absolute;top:0;will-change:transform;&>*{height:100%;width:100%}}.SliderMulti-module_n23mSliderControls__9IZUl{align-items:center;display:flex;justify-content:flex-end;margin-left:20px;margin-right:20px}.SliderMulti-module_n23mSliderControlsButtons__h0oLB{display:flex;gap:10px;margin-top:10px}}");const u=(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:d=!1,children:p,className:S,showControls:g=!0,loading:C=!1,loaderColor:f="black",slidesPerView:_=4,slideSpacingPx:x=10,slidesToScroll:v=4})=>{const w=i.Children.toArray(p).filter(i.isValidElement),[y,E]=n(0),M=t(null);o(()=>{const e=()=>{M.current&&E(M.current.offsetWidth)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[C]);const b=_>0?(y-x*(_-1))/_:0;let F=d?[...u(w,i.Children.toArray(p).length,!1,1),...u(w,i.Children.toArray(p).length,!1,2),...w,...u(w,i.Children.toArray(p).length,!0,3),...u(w,i.Children.toArray(p).length,!0,4)]:w;const[j,B]=n(d?2*i.Children.toArray(p).length:0),[k,N]=n(!1),L=t([]),[W,A]=n(null),[I,T]=n(0);o(()=>{B(d?2*i.Children.toArray(p).length:0)},[d,_,w.length,C]);o(()=>{L.current.forEach((e,r)=>{if(!e)return;const l=(r-j)*(b+x)+(y-b*_-x*(_-1))/2;e.style.transition=k?"transform 0.4s cubic-bezier(.4,0,.2,1)":"none",e.style.transform=`translateX(${l}px)`,e.style.left=""})},[j,y,k,F.length,_,b,x,C]),o(()=>{if(!k)return;let e;const r=()=>{let l=j;j<_&&d?l=j+w.length:j>=w.length+_&&d&&(l=j-w.length),l!==j&&d&&B(l),N(!1),L.current.forEach(e=>{e&&e.removeEventListener("transitionend",r)}),clearTimeout(e)};return L.current.forEach(e=>{e&&e.addEventListener("transitionend",r)}),e=window.setTimeout(()=>{N(!1),L.current.forEach(e=>{e&&e.removeEventListener("transitionend",r)})},500),()=>{L.current.forEach(e=>{e&&e.removeEventListener("transitionend",r)}),clearTimeout(e)}},[j,d,k,w.length,_,F.length,C]);const $=()=>{k||(N(!0),B(e=>e+v))},V=()=>{k||(N(!0),B(e=>e-v))};return L.current.length!==F.length&&(L.current=Array(F.length).fill(null)),e("div",{className:[m.n23mSliderContainer,"MorselsSlider",S].filter(Boolean).join(" "),style:{height:C?"calc(100% - 2px)":g?"calc(100% - 60px)":"100%"},onTouchStart:e=>{1===e.touches.length&&(A(e.touches[0].clientX),T(0))},onTouchMove:e=>{null!==W&&T(e.touches[0].clientX-W)},onTouchEnd:()=>{I>50?V():I<-50&&$(),A(null),T(0)},children:[C&&r(s,{loaderColor:f}),!C&&e(l,{children:[r("div",{className:[m.n23mSliderContainerSlider].filter(Boolean).join(" "),children:r("div",{className:[m.n23mSlideWrapper,"MorselsSliderWrapper"].join(" "),ref:M,style:{display:"flex",gap:`${x}px`,overflow:"hidden",width:"100%"},children:F.map((e,l)=>r("div",{ref:e=>{L.current[l]=e},className:m.n23mSlide,style:{width:`${b}px`,flex:`0 0 ${b}px`},"aria-hidden":l<j||l>=j+_,children:e},e.key??l))})}),g&&r("div",{className:[m.n23mSliderControls,"MorselsSliderControls"].join(" "),children:e("div",{className:[m.n23mSliderControlsButtons,"MorselsSliderControlsButtons"].join(" "),children:[r(h,{height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Prev",onClick:V,borderColor:"black",backgroundColorDisabled:"#F2F0EF",disabled:k||!d&&0===j,children:r(a,{width:24,height:24})}),r(h,{height:"50px",width:"50px",backgroundColor:"#F2F0EF",padding:0,title:"Next",borderColor:"black",backgroundColorDisabled:"#F2F0EF",onClick:$,disabled:k||!d&&j+_>=w.length,children:r(c,{width:24,height:24})})]})})]})]})};p.displayName="Slider";export{p as SliderMulti};

package/lib/TextBox-Cuy0KMEn.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{s as o}from"./style-inject.es-BnTDb6vU.js";var a={n23mTextBox:"TextBox-module_n23mTextBox__OqCdY"};o("@layer n23mTextBox{.TextBox-module_n23mTextBox__OqCdY{--mobileFontSize:var(--textbox-ms);--desktopFontSize:var(--textbox-ds);--minViewport:400;--maxViewport:1400;--textBoxFontFamilyDefault:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;--clampMinSize:min(var(--mobileFontSize),var(--desktopFontSize));--clampMaxSize:max(var(--mobileFontSize),var(--desktopFontSize));--fluidStartSize:var(--mobileFontSize);--fluidEndSize:var(--desktopFontSize);--sizeDifference:calc(var(--fluidEndSize) - var(--fluidStartSize));--viewportRange:calc(var(--maxViewport) - var(--minViewport));--slope:calc(var(--sizeDifference)/var(--viewportRange));--intercept:calc(var(--fluidStartSize) - var(--slope)*var(--minViewport));color:var(--n23mTextBoxColor,var(--textbox-c));font-family:var(--n23mFontFamily,var(--textBoxFontFamilyDefault));font-size:clamp(calc(var(--clampMinSize)/16*1rem),calc(var(--slope)*100vw + var(--intercept)/16*1rem),calc(var(--clampMaxSize)/16*1rem));font-weight:var(--n23mTextBoxFontWeight,var(--textbox-fw));line-height:var(--n23mTextBoxLineHeight,var(--textbox-lh,1.42857));margin:var(--n23mTextBoxMargin,var(--textbox-m));& a{color:var(--n23mTextBoxColor,var(--textbox-c));font-weight:var(--n23mTextBoxFontWeight,var(--textbox-fw));text-decoration:unset;transition:color .3s ease-in-out;&:active,&:focus-visible,&:hover{color:var(--n23mTextBoxColorHover,var(--textbox-fw,var(--textbox-ch)));font-weight:var(--n23mTextBoxFontWeightHover,var(--textbox-fwh,var(--textbox-fw)));text-decoration:underline}}}}");const r=({tag:o="div",children:r,className:i,target:x,rel:n,mobileSize:l,desktopSize:m,lineHeight:v,color:c,href:s,colorHover:f,margin:b,fontWeight:p,fontWeightHover:d,...h})=>e(o,{style:{"--textbox-fw":p,"--textbox-fwh":d,"--textbox-ch":f,"--textbox-c":c,"--textbox-ms":l,"--textbox-ds":m,"--textbox-lh":v,...null!=b?{"--textbox-m":b}:{}},className:[a.n23mTextBox,"MorselsTextBox",i].filter(Boolean).join(" "),...h,children:[s&&t("a",{className:"MorselsTextBoxLink",href:s,target:x,rel:n,children:r}),!s&&r]});r.displayName="TextBox";export{r as T};

package/lib/Textbox.js

@@ -1 +1 @@
-export{T as TextBox}from"./TextBox-BgfJ6nHN.js";import"react/jsx-runtime";import"./style-inject.es-BnTDb6vU.js";
+export{T as TextBox}from"./TextBox-Cuy0KMEn.js";import"react/jsx-runtime";import"./style-inject.es-BnTDb6vU.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "najwer23morsels",
-  "version": "0.8.0",
+  "version": "0.8.2",
   "main": "./lib/index.js",
   "module": "./lib/index.mjs",
   "types": "./lib/index.d.ts",
@@ -24,6 +24,7 @@
     "@changesets/cli": "^2.29.5",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-terser": "0.4.4",
+    "@storybook/addon-a11y": "^9.0.13",
     "@storybook/react-vite": "^9.0.13",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",

package/lib/Button-BCpjwEv1.js

@@ -1 +0,0 @@
-import{jsxs as o,jsx as e}from"react/jsx-runtime";import{L as t}from"./Loader-wijDpW2h.js";import{s as r}from"./style-inject.es-BnTDb6vU.js";var n={najwer23morselsButtonContainer:"Button-module_najwer23morselsButtonContainer__Okjrw"};r('@layer najwer23morselsButton{.Button-module_najwer23morselsButtonContainer__Okjrw{--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(--najwer23morselsButtonBg,var(--button-bg));border:1px solid var(--button-borderColor,unset);border-radius:8px;box-shadow:none;cursor:pointer;height:var(--button-height,auto);letter-spacing:normal;padding:var(--button-padding,10px 17px);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-width,auto);>span{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(--najwer23morselsButtonBgDisabled,var(--button-bgDisabled));box-shadow:none;cursor:not-allowed}}}');const a=({children:r,className:a,backgroundColor:i,padding:s,loading:l,height:d,width:b,borderColor:u,backgroundColorDisabled:h,...c})=>o("div",{className:["MorselsButtonWrapper",a].filter(Boolean).join(" "),children:[l&&e("div",{style:{width:b,height:d},children:e(t,{})}),!l&&e("button",{style:{...null!=s?{"--button-padding":s}:{},"--button-bg":i,"--button-height":d,"--button-width":b,"--button-bgDisabled":h,"--button-borderColor":u},className:[n.najwer23morselsButtonContainer,"MorselsButton"].filter(Boolean).join(" "),...c,children:e("span",{children:r})})]});a.displayName="Button";export{a as B};

package/lib/Loader-wijDpW2h.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{T as r}from"./TextBox-BgfJ6nHN.js";import{s as o}from"./style-inject.es-BnTDb6vU.js";var a={najwer23morselsContainer:"Loader-module_najwer23morselsContainer__TUBxr"};o("@layer najwer23morselsLoader{.Loader-module_najwer23morselsContainer__TUBxr{align-items:center;border:1px dashed var(--najwer23morselsTextBoxColor,var(--loader-lc,#000));box-sizing:border-box;color:var(--najwer23morselsTextBoxColor,var(--loader-lc,#000));display:flex;height:var(--loader-mh,100%);justify-content:center;width:100%}}");const l=({minHeight:o,className:l,loaderColor:s})=>e("div",{className:[a.najwer23morselsContainer,"MorselsLoader",l].filter(Boolean).join(" "),style:{"--loader-lc":s,...null!=o?{"--loader-mh":`${o}px`}:{}},children:e(r,{mobileSize:16,desktopSize:16,color:s,children:"Loading..."})});l.displayName="Loader";export{l as L};

package/lib/TextBox-BgfJ6nHN.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{s as o}from"./style-inject.es-BnTDb6vU.js";var r={najwer23morselsTextBox:"TextBox-module_najwer23morselsTextBox__m7pj-"};o("@layer najwer23morselsTextBox{.TextBox-module_najwer23morselsTextBox__m7pj-{--mobileFontSize:var(--textbox-ms);--desktopFontSize:var(--textbox-ds);--minViewport:400;--maxViewport:1400;--textBoxFontFamilyDefault:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;--clampMinSize:min(var(--mobileFontSize),var(--desktopFontSize));--clampMaxSize:max(var(--mobileFontSize),var(--desktopFontSize));--fluidStartSize:var(--mobileFontSize);--fluidEndSize:var(--desktopFontSize);--sizeDifference:calc(var(--fluidEndSize) - var(--fluidStartSize));--viewportRange:calc(var(--maxViewport) - var(--minViewport));--slope:calc(var(--sizeDifference)/var(--viewportRange));--intercept:calc(var(--fluidStartSize) - var(--slope)*var(--minViewport));color:var(--najwer23morselsTextBoxColor,var(--textbox-c));font-family:var(--najwer23morselsFontFamily,var(--textBoxFontFamilyDefault));font-size:clamp(calc(var(--clampMinSize)/16*1rem),calc(var(--slope)*100vw + var(--intercept)/16*1rem),calc(var(--clampMaxSize)/16*1rem));font-weight:var(--najwer23morselsTextBoxFontWeight,var(--textbox-fw));line-height:var(--najwer23morselsTextBoxLineHeight,var(--textbox-lh,1.42857));margin:var(--najwer23morselsTextBoxMargin,var(--textbox-m));& a{color:var(--najwer23morselsTextBoxColor,var(--textbox-c));font-weight:var(--najwer23morselsTextBoxFontWeight,var(--textbox-fw));text-decoration:unset;transition:color .3s ease-in-out;&:active,&:focus-visible,&:hover{color:var(--najwer23morselsTextBoxColorHover,var(--textbox-fw,var(--textbox-ch)));font-weight:var(--najwer23morselsTextBoxFontWeightHover,var(--textbox-fwh,var(--textbox-fw)));text-decoration:underline}}}}");const a=({tag:o="div",children:a,className:i,target:x,rel:l,mobileSize:n,desktopSize:s,lineHeight:m,color:v,href:c,colorHover:f,margin:w,fontWeight:p,fontWeightHover:b,...h})=>e(o,{style:{"--textbox-fw":p,"--textbox-fwh":b,"--textbox-ch":f,"--textbox-c":v,"--textbox-ms":n,"--textbox-ds":s,"--textbox-lh":m,...null!=w?{"--textbox-m":w}:{}},className:[r.najwer23morselsTextBox,"MorselsTextBox",i].filter(Boolean).join(" "),...h,children:[c&&t("a",{className:"MorselsTextBoxLink",href:c,target:x,rel:l,children:a}),!c&&a]});a.displayName="TextBox";export{a as T};