najwer23morsels 0.4.6 → 0.6.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # najwer23morsels
 
+## 0.6.0
+
+### Minor Changes
+
+- Grid
+
+## 0.5.0
+
+### Minor Changes
+
+- Loader
+
 ## 0.4.0
 
 ### Minor Changes

package/README.md

@@ -65,4 +65,4 @@ export const Example = () => {
 [![twitter badge](https://img.shields.io/badge/-najwer23-%231FA1F1?style=flat&logo=x&logoColor=white)](https://twitter.com/najwer23)
 [![dev.to badge](https://img.shields.io/badge/-najwer23-%230177B5?style=flat&logo=linkedin)](https://www.linkedin.com/in/najwer23)
 [![dev.to badge](https://img.shields.io/badge/-najwer23-%23ffffff?style=flat&logo=Leetcode)](https://leetcode.com/najwer23/)
-[![dev.to badge](https://img.shields.io/badge/-najwer23-%23cb3837?style=flat&logo=Npm)](https://www.npmjs.com/~najwer23)
+[![dev.to badge](https://img.shields.io/badge/-najwer23-%23cb3837?style=flat&logo=Npm)](https://www.npmjs.com/~najwer23)

package/lib/Grid.js

@@ -0,0 +1 @@
+import{jsxs as r,jsx as i}from"react/jsx-runtime";import{s as d}from"./TextBox-7M9W-5Xw.js";import{L as o}from"./Loader-DaxxRDWR.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};

package/lib/Loader-DaxxRDWR.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{s as r,T as o}from"./TextBox-7M9W-5Xw.js";var a={najwer23morselsContainer:"Loader-module_najwer23morselsContainer__TUBxr"};r("@layer najwer23morselsLoader{.Loader-module_najwer23morselsContainer__TUBxr{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;padding-top:20px;width:100%}}");const l=({minHeight:r,className:l,loaderColor:s})=>e("div",{className:[a.najwer23morselsContainer,"MorselsLoader",l].filter(Boolean).join(" "),style:{"--loader-lc":s,...null!=r?{"--loader-mh":`${r}px`}:{}},children:e(o,{mobileSize:16,desktopSize:16,color:s,children:"Loading..."})});l.displayName="Loader";export{l as L};

package/lib/Loader.js

@@ -0,0 +1 @@
+export{L as Loader}from"./Loader-DaxxRDWR.js";import"react/jsx-runtime";import"./TextBox-7M9W-5Xw.js";

package/lib/Slider.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r,Fragment as n}from"react/jsx-runtime";import l,{useState as t,useRef as o,useEffect as i,useCallback as s}from"react";import{s as a,T as d}from"./TextBox-CGTF50Z0.js";var c={najwer23morselsSliderContainer:"Slider-module_najwer23morselsSliderContainer__1SbJN",najwer23morselsSliderContainerSlider:"Slider-module_najwer23morselsSliderContainerSlider__7ONky",najwer23morselsSlideWrapper:"Slider-module_najwer23morselsSlideWrapper__veeuJ",najwer23morselsSlide:"Slider-module_najwer23morselsSlide__KHKZW",najwer23morselsBtnControl:"Slider-module_najwer23morselsBtnControl__RHrxn",najwer23morselsBtn:"Slider-module_najwer23morselsBtn__10p8D",najwer23morselsSliderCounter:"Slider-module_najwer23morselsSliderCounter__56f5P",najwer23morselsLoading:"Slider-module_najwer23morselsLoading__Iv4D5"};a("@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_najwer23morselsBtnControl__RHrxn{align-items:center;display:flex;height:100%;left:0;opacity:0;padding:0 25px;pointer-events:none;position:absolute;right:0;transition:all .2s linear;z-index:100}.Slider-module_najwer23morselsSliderContainer__1SbJN:hover .Slider-module_najwer23morselsBtnControl__RHrxn{opacity:1;pointer-events:auto}.Slider-module_najwer23morselsBtn__10p8D{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--najwer23morselsSliderArrowsColorBackground,var(--abgc,#fff));border:1px solid var(--najwer23morselsSliderArrowsColorBorder,var(--abc,#000));border-radius:50%;color:var(--najwer23morselsSliderArrowsColor,var(--ac,#000));cursor:pointer;display:flex;left:50%;padding:10px;pointer-events:auto;transition:all .2s linear;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;@media (hover:hover) and (pointer:fine){&:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.24),0 6px 20px 0 rgba(0,0,0,.19);filter:brightness(.95)}}}.Slider-module_najwer23morselsSliderCounter__56f5P{align-items:center;display:flex;height:35px;justify-content:center}.Slider-module_najwer23morselsLoading__Iv4D5{align-items:center;border:1px solid var(--najwer23morselsTextBoxColor,var(--lbc));display:flex;height:100%;justify-content:center;width:100%}}");const m=(e,r,n=!1)=>(n?e.slice(0,r):e.slice(-r)).map((e,r)=>l.cloneElement(e,{key:`${n?"clone-first":"clone-last"}-${r}`,className:e.props.className})),u=({isCircular:a=!1,children:u,className:h,arrowsColor:w,arrowsColorBackground:p,arrowsColorBorder:g,showCounter:S=!0,loading:v=!1,loadingTextColor:_="black"})=>{const f=l.Children.toArray(u).filter(l.isValidElement),[j,x]=t(a&&f.length>=2?2:0),[b,C]=t(!1),[y,N]=t(0),[k,B]=t(0),L=o(null),E=o([]),T=o(null),z=a&&f.length>=2?[...m(f,2,!1),...f.map((e,r)=>l.cloneElement(e,{key:e.key??r,className:e.props.className})),...m(f,2,!0)]:f.map((e,r)=>l.cloneElement(e,{key:e.key??r,className:e.props.className}));E.current.length!==z.length&&(E.current=Array(z.length).fill(null)),i(()=>{x(a&&f.length>=2?2:0)},[a,f.length,v]);const W=s(()=>{const e=L.current;if(!e)return;const r=E.current[0];if(!r)return;const n=window.getComputedStyle(r);N(r.offsetWidth+parseFloat(n.marginLeft)+parseFloat(n.marginRight)),B(e.offsetWidth)},[]);i(()=>{W();const e=()=>{null!==T.current&&clearTimeout(T.current),T.current=window.setTimeout(()=>{W(),C(!0)},150)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),null!==T.current&&clearTimeout(T.current)}},[W,v]),i(()=>{const e=y+10;E.current.forEach((r,n)=>{if(!r)return;const l=(n-j)*e+(k-y)/2;r.style.transition=b?"transform 0.4s cubic-bezier(.4,0,.2,1)":"none",r.style.transform=`translateX(${l}px)`,r.style.left=""})},[j,y,k,b,z.length,a,v]),i(()=>{if(!b||!a)return;const e=E.current.length,r=E.current[e-1];if(!r)return;let n;const l=()=>{let t=j;1===j?t=e-3:j===e-2&&(t=2),t!==j&&x(t),C(!1),r.removeEventListener("transitionend",l),clearTimeout(n)};return r.addEventListener("transitionend",l),n=window.setTimeout(()=>{C(!1),r.removeEventListener("transitionend",l)},500),()=>{r.removeEventListener("transitionend",l),clearTimeout(n)}},[j,a,b,v]),i(()=>{if(!b)return;const e=E.current[0];if(!e)return;let r;const n=()=>{C(!1),e.removeEventListener("transitionend",n),clearTimeout(r)};return e.addEventListener("transitionend",n),r=window.setTimeout(()=>{C(!1),e.removeEventListener("transitionend",n)},500),()=>{e.removeEventListener("transitionend",n),clearTimeout(r)}},[b,v]);return e("div",{className:[c.najwer23morselsSliderContainer,"MorselsSlider",h].filter(Boolean).join(" "),style:{height:v?"calc(100% - 2px)":S?"calc(100% - 35px)":"100%"},children:[v&&r("div",{className:c.najwer23morselsLoading,style:{"--lbc":_},children:r(d,{mobileSize:16,desktopSize:16,color:_,children:"Loading..."})}),!v&&e(n,{children:[e("div",{className:[c.najwer23morselsSliderContainerSlider].filter(Boolean).join(" "),style:{"--ac":w,"--abgc":p,"--abc":g},children:[e("div",{className:[c.najwer23morselsBtnControl,"MorselsSliderControl",h].join(" "),style:{justifyContent:a?"space-between":0===j?"flex-end":j===f.length-1?"flex-start":"space-between"},children:[(a&&f.length>1||0!==j)&&r("button",{title:"Prev",className:c.najwer23morselsBtn,onClick:()=>{b||(C(!0),x(a?e=>e-1:e=>Math.max(e-1,0)))},disabled:b,children:r("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",width:"24",height:"24",fill:"currentColor",children:r("path",{d:"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"})})}),(a&&f.length>1||j!==f.length-1)&&r("button",{title:"Next",className:c.najwer23morselsBtn,onClick:()=>{b||(C(!0),x(a?e=>e+1:e=>Math.min(e+1,z.length-1)))},disabled:b,children:r("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",width:"24",height:"24",fill:"currentColor",children:r("path",{d:"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"})})})]}),r("div",{className:[c.najwer23morselsSlideWrapper,"MorselsSliderWrapper",h].join(" "),ref:L,children:z.map((e,n)=>r("div",{ref:e=>{E.current[n]=e},className:`${c.najwer23morselsSlide}`,style:{width:f.length>1?"calc(100% - 40px)":"100%"},"aria-hidden":j!==n,children:e},e.key??n))})]}),S&&r("div",{className:[c.najwer23morselsSliderCounter,"MorselsSliderCounter",h].join(" "),children:r(d,{mobileSize:16,desktopSize:16,color:"black",children:a?`${(()=>{if(!a)return j;const e=f.length;return e<1?0:(j-2+e)%e})()+1} / ${f.length}`:`${j+1} / ${f.length}`})})]})]})};u.displayName="Slider";export{u as Slider};
+import{jsxs as e,jsx as r,Fragment as n}from"react/jsx-runtime";import l,{useState as t,useRef as o,useEffect as i,useCallback as s}from"react";import{s as a,T as d}from"./TextBox-7M9W-5Xw.js";import{L as c}from"./Loader-DaxxRDWR.js";var m={najwer23morselsSliderContainer:"Slider-module_najwer23morselsSliderContainer__1SbJN",najwer23morselsSliderContainerSlider:"Slider-module_najwer23morselsSliderContainerSlider__7ONky",najwer23morselsSlideWrapper:"Slider-module_najwer23morselsSlideWrapper__veeuJ",najwer23morselsSlide:"Slider-module_najwer23morselsSlide__KHKZW",najwer23morselsBtnControl:"Slider-module_najwer23morselsBtnControl__RHrxn",najwer23morselsBtn:"Slider-module_najwer23morselsBtn__10p8D",najwer23morselsSliderCounter:"Slider-module_najwer23morselsSliderCounter__56f5P"};a("@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_najwer23morselsBtnControl__RHrxn{align-items:center;display:flex;height:100%;left:0;opacity:0;padding:0 25px;pointer-events:none;position:absolute;right:0;transition:all .2s linear;z-index:100}.Slider-module_najwer23morselsSliderContainer__1SbJN:hover .Slider-module_najwer23morselsBtnControl__RHrxn{opacity:1;pointer-events:auto}.Slider-module_najwer23morselsBtn__10p8D{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:var(--najwer23morselsSliderArrowsColorBackground,var(--slider-acbg,#fff));border:1px solid var(--najwer23morselsSliderArrowsColorBorder,var(--slider-acb,#000));border-radius:50%;color:var(--najwer23morselsSliderArrowsColor,var(--slider-ac,#000));cursor:pointer;display:flex;left:50%;padding:10px;pointer-events:auto;transition:all .2s linear;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;@media (hover:hover) and (pointer:fine){&:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.24),0 6px 20px 0 rgba(0,0,0,.19);filter:brightness(.95)}}}.Slider-module_najwer23morselsSliderCounter__56f5P{align-items:center;display:flex;height:35px;justify-content:center}}");const u=(e,r,n=!1)=>(n?e.slice(0,r):e.slice(-r)).map((e,r)=>l.cloneElement(e,{key:`${n?"clone-first":"clone-last"}-${r}`,className:e.props.className})),h=({isCircular:a=!1,children:h,className:w,arrowsColor:p,arrowsColorBackground:g,arrowsColorBorder:S,showCounter:f=!0,loading:v=!1,loaderColor:_="black"})=>{const j=l.Children.toArray(h).filter(l.isValidElement),[C,x]=t(a&&j.length>=2?2:0),[b,y]=t(!1),[N,k]=t(0),[B,E]=t(0),L=o(null),T=o([]),z=o(null),W=a&&j.length>=2?[...u(j,2,!1),...j.map((e,r)=>l.cloneElement(e,{key:e.key??r,className:e.props.className})),...u(j,2,!0)]:j.map((e,r)=>l.cloneElement(e,{key:e.key??r,className:e.props.className}));T.current.length!==W.length&&(T.current=Array(W.length).fill(null)),i(()=>{x(a&&j.length>=2?2:0)},[a,j.length,v]);const M=s(()=>{const e=L.current;if(!e)return;const r=T.current[0];if(!r)return;const n=window.getComputedStyle(r);k(r.offsetWidth+parseFloat(n.marginLeft)+parseFloat(n.marginRight)),E(e.offsetWidth)},[]);i(()=>{M();const e=()=>{null!==z.current&&clearTimeout(z.current),z.current=window.setTimeout(()=>{M(),y(!0)},150)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e),null!==z.current&&clearTimeout(z.current)}},[M,v]),i(()=>{const e=N+10;T.current.forEach((r,n)=>{if(!r)return;const l=(n-C)*e+(B-N)/2;r.style.transition=b?"transform 0.4s cubic-bezier(.4,0,.2,1)":"none",r.style.transform=`translateX(${l}px)`,r.style.left=""})},[C,N,B,b,W.length,a,v]),i(()=>{if(!b||!a)return;const e=T.current.length,r=T.current[e-1];if(!r)return;let n;const l=()=>{let t=C;1===C?t=e-3:C===e-2&&(t=2),t!==C&&x(t),y(!1),r.removeEventListener("transitionend",l),clearTimeout(n)};return r.addEventListener("transitionend",l),n=window.setTimeout(()=>{y(!1),r.removeEventListener("transitionend",l)},500),()=>{r.removeEventListener("transitionend",l),clearTimeout(n)}},[C,a,b,v]),i(()=>{if(!b)return;const e=T.current[0];if(!e)return;let r;const n=()=>{y(!1),e.removeEventListener("transitionend",n),clearTimeout(r)};return e.addEventListener("transitionend",n),r=window.setTimeout(()=>{y(!1),e.removeEventListener("transitionend",n)},500),()=>{e.removeEventListener("transitionend",n),clearTimeout(r)}},[b,v]);return e("div",{className:[m.najwer23morselsSliderContainer,"MorselsSlider",w].filter(Boolean).join(" "),style:{height:v?"calc(100% - 2px)":f?"calc(100% - 35px)":"100%"},children:[v&&r(c,{loaderColor:_}),!v&&e(n,{children:[e("div",{className:[m.najwer23morselsSliderContainerSlider].filter(Boolean).join(" "),style:{"--slider-ac":p,"--slider-acbg":g,"--slider-acb":S},children:[e("div",{className:[m.najwer23morselsBtnControl,"MorselsSliderControl",w].join(" "),style:{justifyContent:a?"space-between":0===C?"flex-end":C===j.length-1?"flex-start":"space-between"},children:[(a&&j.length>1||0!==C)&&r("button",{title:"Prev",className:m.najwer23morselsBtn,onClick:()=>{b||(y(!0),x(a?e=>e-1:e=>Math.max(e-1,0)))},disabled:b,children:r("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",width:"24",height:"24",fill:"currentColor",children:r("path",{d:"M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"})})}),(a&&j.length>1||C!==j.length-1)&&r("button",{title:"Next",className:m.najwer23morselsBtn,onClick:()=>{b||(y(!0),x(a?e=>e+1:e=>Math.min(e+1,W.length-1)))},disabled:b,children:r("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",width:"24",height:"24",fill:"currentColor",children:r("path",{d:"M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"})})})]}),r("div",{className:[m.najwer23morselsSlideWrapper,"MorselsSliderWrapper",w].join(" "),ref:L,children:W.map((e,n)=>r("div",{ref:e=>{T.current[n]=e},className:`${m.najwer23morselsSlide}`,style:{width:j.length>1?"calc(100% - 40px)":"100%"},"aria-hidden":C!==n,children:e},e.key??n))})]}),f&&r("div",{className:[m.najwer23morselsSliderCounter,"MorselsSliderCounter",w].join(" "),children:r(d,{mobileSize:16,desktopSize:16,color:"black",children:a?`${(()=>{if(!a)return C;const e=j.length;return e<1?0:(C-2+e)%e})()+1} / ${j.length}`:`${C+1} / ${j.length}`})})]})]})};h.displayName="Slider";export{h as Slider};

package/lib/TextBox-7M9W-5Xw.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";function o(e,t){void 0===t&&(t={});var o=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===o&&r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}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(--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:n,rel:l,mobileSize:x,desktopSize:s,lineHeight:m,color:v,href:c,colorHover:d,margin:f,fontWeight:p,fontWeightHover:h,...w})=>e(o,{style:{"--textbox-fw":p,"--textbox-fwh":h,"--textbox-ch":d,"--textbox-c":v,"--textbox-ms":x,"--textbox-ds":s,"--textbox-lh":m,...null!=f?{"--m":f}:{}},className:[r.najwer23morselsTextBox,"MorselsTextBox",i].filter(Boolean).join(" "),...w,children:[c&&t("a",{className:"MorselsTextBoxLink",href:c,target:n,rel:l,children:a}),!c&&a]});a.displayName="TextBox";export{a as T,o as s};

package/lib/Textbox.js

@@ -1 +1 @@
-export{T as TextBox}from"./TextBox-CGTF50Z0.js";import"react/jsx-runtime";
+export{T as TextBox}from"./TextBox-7M9W-5Xw.js";import"react/jsx-runtime";

package/lib/grid/Grid.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+interface Gap {
+    col: string;
+    row: string;
+}
+interface Col {
+    mobile: number;
+    tablet: number;
+    smallDesktop: number;
+    desktop: number;
+}
+interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+    children?: React.ReactNode;
+    widthMin?: number;
+    widthMax?: number;
+    padding?: string;
+    margin?: string;
+    minHeight?: number;
+    loading?: boolean;
+    gap?: Gap;
+    col?: Col;
+    layout: 'columns' | 'container';
+}
+export declare const Grid: React.FC<GridProps>;
+export {};

package/lib/grid/index.d.ts

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

package/lib/loader/Loader.d.ts

@@ -0,0 +1,6 @@
+interface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    loaderColor?: string;
+    minHeight?: number;
+}
+export declare const Loader: React.FC<LoaderProps>;
+export {};

package/lib/loader/index.d.ts

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

package/lib/slider/Slider.d.ts

@@ -7,7 +7,7 @@ interface SliderProps extends React.HTMLAttributes<HTMLDivElement> {
     arrowsColorBorder?: string;
     showCounter?: boolean;
     loading?: boolean;
-    loadingTextColor?: string;
+    loaderColor?: string;
 }
 export declare const Slider: React.FC<SliderProps>;
 export {};

package/package.json

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

package/lib/TextBox-CGTF50Z0.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";function t(e,r){void 0===r&&(r={});var t=r.insertAt;if(e&&"undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],a=document.createElement("style");a.type="text/css","top"===t&&o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.styleSheet?a.styleSheet.cssText=e:a.appendChild(document.createTextNode(e))}}var o={najwer23morselsTextBox:"TextBox-module_najwer23morselsTextBox__m7pj-"};t("@layer najwer23morselsTextBox{.TextBox-module_najwer23morselsTextBox__m7pj-{--mobileFontSize:var(--ms);--desktopFontSize:var(--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(--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(--fw));line-height:var(--najwer23morselsTextBoxLineHeight,var(--lh,1.42857));margin:var(--najwer23morselsTextBoxMargin,var(--m));& a{color:var(--najwer23morselsTextBoxColor,var(--c));font-weight:var(--najwer23morselsTextBoxFontWeight,var(--fw));text-decoration:unset;transition:color .3s ease-in-out;&:active,&:focus-visible,&:hover{color:var(--najwer23morselsTextBoxColorHover,var(--ch,var(--c)));font-weight:var(--najwer23morselsTextBoxFontWeightHover,var(--fwh,var(--fw)));text-decoration:underline}}}}");const a=({tag:t="div",children:a,className:i,target:n,rel:l,mobileSize:s,desktopSize:m,lineHeight:c,color:v,href:x,colorHover:d,margin:f,fontWeight:p,fontWeightHover:h,...w})=>e(t,{style:{"--fw":p,"--fwh":h,"--ch":d,"--c":v,"--ms":s,"--ds":m,"--lh":c,...null!=f?{"--m":f}:{}},className:[o.najwer23morselsTextBox,"MorselsTextBox",i].filter(Boolean).join(" "),...w,children:[x&&r("a",{className:"MorselsTextBoxLink",href:x,target:n,rel:l,children:a}),!x&&a]});a.displayName="TextBox";export{a as T,t as s};