@lanaco/lnc-react-ui 4.0.225 → 4.0.227

package/dist/Accordion.cjs

@@ -1,4 +1,4 @@
-"use strict";const b=require("react/jsx-runtime"),s=require("react"),R=require("./emotion-styled.browser.esm-BtEseadx.cjs"),c=require("./utils-CITgSxXe.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),x=require("./useUpdateEffect-BtMgpgIV.cjs"),D=R.styled.div`
+"use strict";const b=require("react/jsx-runtime"),s=require("react"),R=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),c=require("./utils-CITgSxXe.cjs"),S=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),x=require("./useUpdateEffect-BtMgpgIV.cjs"),D=R.styled.div`
   color: ${t=>!t.disabled&&c.getColorRgbaValue(t.theme,"Accordion","primary","enabled","text")};
   background-color: transparent;
   ${t=>c.getComponentTypographyCss(t.theme,"Accordion",t.size,"enabled")};

package/dist/Accordion.js

@@ -1,7 +1,7 @@
 import { jsxs as D } from "react/jsx-runtime";
 import { forwardRef as N, useState as O, Children as i, isValidElement as c, cloneElement as l } from "react";
-import { s as R } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as S, d as g, i as x } from "./utils-B2fsQ6PS.js";
+import { s as R } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { c as S, d as g, i as x } from "./utils-MoGhNMmj.js";
 import { u as I } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { u as T } from "./useUpdateEffect-CuYWz7EA.js";
 const M = R.div`

package/dist/AccordionDetails.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),l=require("react"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=(e,r)=>r=="medium"?`${e?"0.4rem":"0"} 1.25rem ${e?"0.8rem":"0"} 1.25rem`:r=="large"?`${e?"0.6rem":"0"} 1.5rem ${e?"1rem":"0"} 1.5rem`:`${e?"0.2rem":"0"} 1rem ${e?"0.6rem":"0"} 1rem`,u=d.styled.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),l=require("react"),d=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),t=(e,r)=>r=="medium"?`${e?"0.4rem":"0"} 1.25rem ${e?"0.8rem":"0"} 1.25rem`:r=="large"?`${e?"0.6rem":"0"} 1.5rem ${e?"1rem":"0"} 1.5rem`:`${e?"0.2rem":"0"} 1rem ${e?"0.6rem":"0"} 1rem`,u=d.styled.div`
   transform: ${e=>e.isExpanded?"scaleY(1)":"scaleY(0)"};
   transform-origin: top;
   transition: transform 0.25s ease;

package/dist/AccordionDetails.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import { s as n } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { s as n } from "./emotion-styled.browser.esm-DfbrHHed.js";
 const l = (r, e) => e == "medium" ? `${r ? "0.4rem" : "0"} 1.25rem ${r ? "0.8rem" : "0"} 1.25rem` : e == "large" ? `${r ? "0.6rem" : "0"} 1.5rem ${r ? "1rem" : "0"} 1.5rem` : `${r ? "0.2rem" : "0"} 1rem ${r ? "0.6rem" : "0"} 1rem`, d = n.div`
   transform: ${(r) => r.isExpanded ? "scaleY(1)" : "scaleY(0)"};
   transform-origin: top;

package/dist/AccordionSummary.cjs

@@ -1,4 +1,4 @@
-"use strict";const s=require("react/jsx-runtime"),f=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./Icon.cjs"),g=require("./utils-CITgSxXe.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),C={small:"0.6rem 1rem",medium:"0.8rem 1.25rem",large:"1rem 1.5rem"},R=h.styled.div`
+"use strict";const s=require("react/jsx-runtime"),f=require("react"),h=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),b=require("./Icon.cjs"),g=require("./utils-CITgSxXe.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),C={small:"0.6rem 1rem",medium:"0.8rem 1.25rem",large:"1rem 1.5rem"},R=h.styled.div`
   display: flex;
   justify-content: space-between;
   cursor: pointer;

package/dist/AccordionSummary.js

@@ -1,8 +1,8 @@
 import { jsxs as f, jsx as u } from "react/jsx-runtime";
 import { forwardRef as y } from "react";
-import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { s as h } from "./emotion-styled.browser.esm-DfbrHHed.js";
 import x from "./Icon.js";
-import { c as C } from "./utils-B2fsQ6PS.js";
+import { c as C } from "./utils-MoGhNMmj.js";
 import { u as g } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const A = {
   small: "0.6rem 1rem",

package/dist/ActionsToolbar.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),B=require("react"),L=require("./emotion-styled.browser.esm-BtEseadx.cjs"),V=require("./DropdownMenu.cjs"),s=require("./DropdownItem.cjs"),M=require("./Separator.cjs"),c=require("./Button.cjs"),p=require("./utils-CITgSxXe.cjs"),Z=require("./ThemeProvider.cjs"),F=require("./breakpoints-CcVm-gVm.cjs"),G=L.styled.div`
+"use strict";const e=require("react/jsx-runtime"),B=require("react"),L=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),V=require("./DropdownMenu.cjs"),s=require("./DropdownItem.cjs"),M=require("./Separator.cjs"),c=require("./Button.cjs"),p=require("./utils-CITgSxXe.cjs"),Z=require("./ThemeProvider.cjs"),F=require("./breakpoints-CcVm-gVm.cjs"),G=L.styled.div`
   display: flex;
   align-items: center;
   border-radius: 8px;

package/dist/ActionsToolbar.js

@@ -1,13 +1,13 @@
 import { jsxs as p, jsx as o } from "react/jsx-runtime";
 import { forwardRef as M } from "react";
-import { s as V } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { s as V } from "./emotion-styled.browser.esm-DfbrHHed.js";
 import Z from "./DropdownMenu.js";
 import a from "./DropdownItem.js";
 import _ from "./Separator.js";
 import c from "./Button.js";
-import { c as m } from "./utils-B2fsQ6PS.js";
+import { c as m } from "./utils-MoGhNMmj.js";
 import { useTheme as q } from "./ThemeProvider.js";
-import { d as F } from "./breakpoints-ff0SIcV3.js";
+import { d as F } from "./breakpoints-BubDitvo.js";
 const G = V.div`
   display: flex;
   align-items: center;

package/dist/AdBannerSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),a=require("react"),c=require("./useDetectMobile-DYV6V1yw.cjs"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./breakpoints-CcVm-gVm.cjs"),d=o.styled.div`
+"use strict";const t=require("react/jsx-runtime"),a=require("react"),c=require("./useDetectMobile-DYV6V1yw.cjs"),o=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),m=require("./breakpoints-CcVm-gVm.cjs"),d=o.styled.div`
   width: 100%;
   height: 100%;
   max-width: 60.625rem;

package/dist/AdBannerSection.js

@@ -1,8 +1,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
-import { u as p } from "./useDetectMobile-CcVo3PNi.js";
-import { s as o } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d } from "./breakpoints-ff0SIcV3.js";
+import { u as p } from "./useDetectMobile-B0Jog4jQ.js";
+import { s as o } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { d } from "./breakpoints-BubDitvo.js";
 const n = o.div`
   width: 100%;
   height: 100%;

package/dist/Alert.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),c=require("react"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),p=require("./ThemeProvider.cjs"),r=require("./utils-CITgSxXe.cjs"),a=require("./Icon.cjs"),y=x.styled.div`
+"use strict";const t=require("react/jsx-runtime"),c=require("react"),x=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),p=require("./ThemeProvider.cjs"),r=require("./utils-CITgSxXe.cjs"),a=require("./Icon.cjs"),y=x.styled.div`
   min-height: 3rem;
   ${e=>r.getComponentTypographyCss(e.theme,"Alert",e.size,"enabled")};
   line-height: 1.25rem;

package/dist/Alert.js

@@ -1,8 +1,8 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
 import { forwardRef as u, cloneElement as x } from "react";
-import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { s as y } from "./emotion-styled.browser.esm-DfbrHHed.js";
 import { useTheme as w } from "./ThemeProvider.js";
-import { d as A, b as N, c as t, g as c } from "./utils-B2fsQ6PS.js";
+import { d as A, b as N, c as t, g as c } from "./utils-MoGhNMmj.js";
 import m from "./Icon.js";
 const $ = y.div`
   min-height: 3rem;

package/dist/Avatar.cjs

@@ -1,4 +1,4 @@
-"use strict";const s=require("react/jsx-runtime"),b=require("react"),I=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./utils-CITgSxXe.cjs"),$=require("./Icon.cjs"),w=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),x=I.styled.div`
+"use strict";const s=require("react/jsx-runtime"),b=require("react"),I=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),t=require("./utils-CITgSxXe.cjs"),$=require("./Icon.cjs"),w=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),x=I.styled.div`
   border-radius: ${e=>t.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
   color: white;
   display: inline-flex;

package/dist/Avatar.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as U } from "react";
-import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { b, e as i, i as $, c as v } from "./utils-B2fsQ6PS.js";
+import { s as I } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { b, e as i, i as $, c as v } from "./utils-MoGhNMmj.js";
 import y from "./Icon.js";
 import { u as w } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const R = I.div`

package/dist/Badge.cjs

@@ -1,4 +1,4 @@
-"use strict";const h=require("react/jsx-runtime"),b=require("react"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-CITgSxXe.cjs"),z=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),t=e=>e=="large"?"2rem":e=="medium"?"1.75rem":"1.5rem",R=y.styled.div`
+"use strict";const h=require("react/jsx-runtime"),b=require("react"),y=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),r=require("./utils-CITgSxXe.cjs"),z=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),t=e=>e=="large"?"2rem":e=="medium"?"1.75rem":"1.5rem",R=y.styled.div`
   ${e=>r.getComponentTypographyCss(e.theme,"Badge",e.size,"enabled")};
   background-color: ${e=>r.getColorRgbaValue(e.theme,"Badge",e.color,"enabled","background","backgroundOpacity")};
   color: ${e=>r.getColorRgbaValue(e.theme,"Badge",e.color,"enabled","text")};

package/dist/Badge.js

@@ -1,7 +1,7 @@
 import { jsx as h } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
-import { s as b } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as y, c as t, b as z } from "./utils-B2fsQ6PS.js";
+import { s as b } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { d as y, c as t, b as z } from "./utils-MoGhNMmj.js";
 import { u as $ } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const r = (e) => e == "large" ? "2rem" : e == "medium" ? "1.75rem" : "1.5rem", B = b.div`
   ${(e) => y(e.theme, "Badge", e.size, "enabled")};

package/dist/BannerNextSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),g=require("react"),h=require("./Button.cjs"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./utils-CITgSxXe.cjs"),x=require("./breakpoints-CcVm-gVm.cjs"),u=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f=_.styled.div`
+"use strict";const e=require("react/jsx-runtime"),g=require("react"),h=require("./Button.cjs"),_=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),a=require("./utils-CITgSxXe.cjs"),x=require("./breakpoints-CcVm-gVm.cjs"),u=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),f=_.styled.div`
   display: flex;
   align-items: center;
 

package/dist/BannerNextSection.js

@@ -1,9 +1,9 @@
 import { jsxs as r, jsx as i } from "react/jsx-runtime";
 import { forwardRef as h } from "react";
 import f from "./Button.js";
-import { s as _ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { n as c } from "./utils-B2fsQ6PS.js";
-import { d as p } from "./breakpoints-ff0SIcV3.js";
+import { s as _ } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { n as c } from "./utils-MoGhNMmj.js";
+import { d as p } from "./breakpoints-BubDitvo.js";
 import { u as x } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const u = _.div`
   display: flex;

package/dist/BannerSectionBasic.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),x=require("react"),r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./breakpoints-CcVm-gVm.cjs"),b=require("./Button.cjs"),p=r.styled.div`
+"use strict";const t=require("react/jsx-runtime"),x=require("react"),r=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),i=require("./breakpoints-CcVm-gVm.cjs"),b=require("./Button.cjs"),p=r.styled.div`
   display: flex;
   border-radius: 0.75rem;
   background-color: ${e=>e.bgcolor||"transparent"};

package/dist/BannerSectionBasic.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
 import { forwardRef as b } from "react";
-import { s as r } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as o } from "./breakpoints-ff0SIcV3.js";
+import { s as r } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { d as o } from "./breakpoints-BubDitvo.js";
 import x from "./Button.js";
 const v = r.div`
   display: flex;

package/dist/BannerSectionCarousel.cjs

@@ -1,11 +1,11 @@
-"use strict";const r=require("react/jsx-runtime"),d=require("react"),x=require("./index-DeS-oqJB.cjs"),u=require("./style-BAcV7F53.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),t=require("./breakpoints-CcVm-gVm.cjs"),v=require("./Button.cjs"),y=require("./useDetectMobile-DYV6V1yw.cjs"),w=require("./utils-CITgSxXe.cjs"),j=h.styled(u.SkeletonColumnWrapper)`
+"use strict";const r=require("react/jsx-runtime"),d=require("react"),x=require("./index-DeS-oqJB.cjs"),u=require("./style-CQdEALKR.cjs"),h=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),t=require("./breakpoints-CcVm-gVm.cjs"),v=require("./Button.cjs"),w=require("./useDetectMobile-DYV6V1yw.cjs"),y=require("./utils-CITgSxXe.cjs"),j=h.styled(u.SkeletonAnimationColumnContainer)`
   @media ${t.down("S")} {
     & > div {
       height: 100%;
       aspect-ratio: 1 / 1;
     }
   }
-`,k=({keyPrefix:i})=>r.jsx(j,{noGradient:!0,children:r.jsx(u.SkeletonLinePlaceholder,{keyPrefix:`${i}-1`,height:"22.5rem"})}),S=({keyPrefix:i,isLoading:o=!1,fallbackComponent:n=r.jsx(r.Fragment,{}),children:a})=>r.jsx(d.Suspense,{fallbackComponent:n,children:o===!0?r.jsx(k,{keyPrefix:i}):a}),C=h.styled.div`
+`,k=({keyPrefix:i})=>r.jsx(j,{children:r.jsx(u.SkeletonRect,{keyPrefix:`${i}-0`,width:"100%",height:"22.5rem"})}),S=({keyPrefix:i,isLoading:o=!1,fallbackComponent:n=r.jsx(r.Fragment,{}),children:a})=>r.jsx(d.Suspense,{fallbackComponent:n,children:o===!0?r.jsx(k,{keyPrefix:i}):a}),C=h.styled.div`
   &:hover {
     cursor: pointer;
 
@@ -196,4 +196,4 @@
       }
     }
   }
-`,q=d.forwardRef(({items:i=[],isLoading:o=!1,deviceType:n,partialVisible:a=!0,fallbackComponent:m=r.jsx(r.Fragment,{}),onSelectItem:_=()=>{},onButtonAction:g=()=>{},carouselProps:p},f)=>{const b={desktop:{breakpoint:{max:3e3,min:t.screenSizes.M.max},items:1,partialVisibilityGutter:0},tablet:{breakpoint:{max:t.screenSizes.M.max,min:t.screenSizes.S.min},items:1,partialVisibilityGutter:0},mobile:{breakpoint:{max:t.screenSizes.XS.max,min:0},items:1,partialVisibilityGutter:64}},c=y.useDetectMobile();return r.jsx(C,{ref:f,children:r.jsx(S,{fallbackComponent:m,keyPrefix:"banner-carousel-skeleton",isLoading:o,children:r.jsx(x.Carousel,{responsive:b,deviceType:n,removeArrowOnDeviceType:["tablet","mobile"],infinite:!c,keyBoardControl:!0,autoPlay:!0,partialVisible:a,customTransition:"transform 500ms ease-in-out",sliderClass:"carousel-slider",itemClass:"carousel-item",containerClass:"carousel-container",rewind:!0,rewindWithAnimation:!0,...p,children:i==null?void 0:i.map((e,l)=>r.jsxs("div",{className:"section__card",onClick:()=>_(e),children:[w.isDefined(e==null?void 0:e.imageComponent)?e==null?void 0:e.imageComponent:r.jsx("img",{src:e==null?void 0:e.imageUrl,alt:`Slide ${l+1}`,loading:"lazy",className:"section__image"}),r.jsxs("div",{className:"card__content",children:[r.jsxs("div",{className:"card__text",children:[(e==null?void 0:e.title)&&r.jsx("div",{className:"card__title",children:e==null?void 0:e.title}),(e==null?void 0:e.title)&&r.jsx("div",{className:"card__description",children:e==null?void 0:e.description})]}),(e==null?void 0:e.buttonText)&&r.jsx(v,{text:e==null?void 0:e.buttonText,className:"card__action",size:"medium",onClick:s=>{s==null||s.stopPropagation(),g(e)}})]})]},`banner-section-carousel-item__${l+1}`))})})},`banner-section-carousel__${c}`)});module.exports=q;
+`,q=d.forwardRef(({items:i=[],isLoading:o=!1,deviceType:n,partialVisible:a=!0,fallbackComponent:m=r.jsx(r.Fragment,{}),onSelectItem:_=()=>{},onButtonAction:g=()=>{},carouselProps:p},f)=>{const b={desktop:{breakpoint:{max:3e3,min:t.screenSizes.M.max},items:1,partialVisibilityGutter:0},tablet:{breakpoint:{max:t.screenSizes.M.max,min:t.screenSizes.S.min},items:1,partialVisibilityGutter:0},mobile:{breakpoint:{max:t.screenSizes.XS.max,min:0},items:1,partialVisibilityGutter:64}},c=w.useDetectMobile();return r.jsx(C,{ref:f,children:r.jsx(S,{fallbackComponent:m,keyPrefix:"banner-carousel-skeleton",isLoading:o,children:r.jsx(x.Carousel,{responsive:b,deviceType:n,removeArrowOnDeviceType:["tablet","mobile"],infinite:!c,keyBoardControl:!0,autoPlay:!0,partialVisible:a,customTransition:"transform 500ms ease-in-out",sliderClass:"carousel-slider",itemClass:"carousel-item",containerClass:"carousel-container",rewind:!0,rewindWithAnimation:!0,...p,children:i==null?void 0:i.map((e,l)=>r.jsxs("div",{className:"section__card",onClick:()=>_(e),children:[y.isDefined(e==null?void 0:e.imageComponent)?e==null?void 0:e.imageComponent:r.jsx("img",{src:e==null?void 0:e.imageUrl,alt:`Slide ${l+1}`,loading:"lazy",className:"section__image"}),r.jsxs("div",{className:"card__content",children:[r.jsxs("div",{className:"card__text",children:[(e==null?void 0:e.title)&&r.jsx("div",{className:"card__title",children:e==null?void 0:e.title}),(e==null?void 0:e.title)&&r.jsx("div",{className:"card__description",children:e==null?void 0:e.description})]}),(e==null?void 0:e.buttonText)&&r.jsx(v,{text:e==null?void 0:e.buttonText,className:"card__action",size:"medium",onClick:s=>{s==null||s.stopPropagation(),g(e)}})]})]},`banner-section-carousel-item__${l+1}`))})})},`banner-section-carousel__${c}`)});module.exports=q;

package/dist/BannerSectionCarousel.js

@@ -1,25 +1,32 @@
 import { jsx as r, Fragment as u, jsxs as l } from "react/jsx-runtime";
 import { Suspense as v, forwardRef as y } from "react";
 import { C as w } from "./index-BppfjY8h.js";
-import { b as k, a as C } from "./style-BwQ4djFC.js";
-import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as a, s as i } from "./breakpoints-ff0SIcV3.js";
+import { b as k, a as C } from "./style-BFPpppS9.js";
+import { s as h } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { d as o, s as i } from "./breakpoints-BubDitvo.js";
 import S from "./Button.js";
-import { u as j } from "./useDetectMobile-CcVo3PNi.js";
-import { m as $ } from "./utils-B2fsQ6PS.js";
+import { u as j } from "./useDetectMobile-B0Jog4jQ.js";
+import { m as $ } from "./utils-MoGhNMmj.js";
 const N = h(k)`
-  @media ${a("S")} {
+  @media ${o("S")} {
     & > div {
       height: 100%;
       aspect-ratio: 1 / 1;
     }
   }
-`, z = ({ keyPrefix: t }) => /* @__PURE__ */ r(N, { noGradient: !0, children: /* @__PURE__ */ r(C, { keyPrefix: `${t}-1`, height: "22.5rem" }) }), B = ({
+`, z = ({ keyPrefix: t }) => /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(
+  C,
+  {
+    keyPrefix: `${t}-0`,
+    width: "100%",
+    height: "22.5rem"
+  }
+) }), B = ({
   keyPrefix: t,
-  isLoading: o = !1,
+  isLoading: a = !1,
   fallbackComponent: n = /* @__PURE__ */ r(u, {}),
   children: s
-}) => /* @__PURE__ */ r(v, { fallbackComponent: n, children: o === !0 ? /* @__PURE__ */ r(z, { keyPrefix: t }) : s }), M = h.div`
+}) => /* @__PURE__ */ r(v, { fallbackComponent: n, children: a === !0 ? /* @__PURE__ */ r(z, { keyPrefix: t }) : s }), M = h.div`
   &:hover {
     cursor: pointer;
 
@@ -137,7 +144,7 @@ const N = h(k)`
     right: 1rem;
   }
 
-  @media ${a("M")} {
+  @media ${o("M")} {
     & .carousel-item .section__card,
     & .carousel-item:not(.react-multi-carousel-item--active) .section__card {
       height: 100%;
@@ -149,14 +156,14 @@ const N = h(k)`
     }
   }
 
-  @media ${a("S")} {
+  @media ${o("S")} {
     & .carousel-item .section__card .section__image {
       object-fit: cover;
       object-position: center;
     }
   }
 
-  @media ${a("XS")} {
+  @media ${o("XS")} {
     & .carousel-container {
       min-height: 23.4375rem;
     }
@@ -213,7 +220,7 @@ const N = h(k)`
 `, F = y(
   ({
     items: t = [],
-    isLoading: o = !1,
+    isLoading: a = !1,
     deviceType: n,
     partialVisible: s = !0,
     fallbackComponent: p = /* @__PURE__ */ r(u, {}),
@@ -245,7 +252,7 @@ const N = h(k)`
       {
         fallbackComponent: p,
         keyPrefix: "banner-carousel-skeleton",
-        isLoading: o,
+        isLoading: a,
         children: /* @__PURE__ */ r(
           w,
           {

package/dist/BannerSectionGrid.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),k=require("react"),q=require("./emotion-styled.browser.esm-BtEseadx.cjs"),s=require("./breakpoints-CcVm-gVm.cjs"),T=require("./useDetectMobile-DYV6V1yw.cjs"),n=require("./index-B9c6y2J5.cjs"),$=q.styled.div`
+"use strict";const t=require("react/jsx-runtime"),k=require("react"),q=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),s=require("./breakpoints-CcVm-gVm.cjs"),T=require("./useDetectMobile-DYV6V1yw.cjs"),n=require("./index-DgUNsgfF.cjs"),$=q.styled.div`
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 0;
@@ -26,7 +26,7 @@
   }
 
   @media ${s.down("M")} {
-    padding: 1rem;
+    padding: 0;
 
     & .text-item {
       padding: 1rem;

package/dist/BannerSectionGrid.js

@@ -1,9 +1,9 @@
 import { jsxs as T, jsx as e } from "react/jsx-runtime";
 import { forwardRef as $ } from "react";
-import { s as k } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as o } from "./breakpoints-ff0SIcV3.js";
-import { u as N } from "./useDetectMobile-CcVo3PNi.js";
-import { T as s } from "./index-CoQ9APCD.js";
+import { s as k } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { d as o } from "./breakpoints-BubDitvo.js";
+import { u as N } from "./useDetectMobile-B0Jog4jQ.js";
+import { T as s } from "./index-DdfMcHz0.js";
 const L = k.div`
   display: grid;
   grid-template-columns: repeat(2, 1fr);
@@ -32,7 +32,7 @@ const L = k.div`
   }
 
   @media ${o("M")} {
-    padding: 1rem;
+    padding: 0;
 
     & .text-item {
       padding: 1rem;

package/dist/BannerSectionSimple.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),j=require("react"),n=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./breakpoints-CcVm-gVm.cjs"),z=require("./Button.cjs"),M=require("./useDetectMobile-DYV6V1yw.cjs"),k=require("./utils-CITgSxXe.cjs"),q=n.styled.div`
+"use strict";const t=require("react/jsx-runtime"),j=require("react"),n=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),o=require("./breakpoints-CcVm-gVm.cjs"),z=require("./Button.cjs"),M=require("./useDetectMobile-DYV6V1yw.cjs"),k=require("./utils-CITgSxXe.cjs"),q=n.styled.div`
   display: flex;
   border-radius: 0.75rem;
   background-color: ${e=>e.bgcolor||"transparent"};

package/dist/BannerSectionSimple.js

@@ -1,10 +1,10 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import { forwardRef as M } from "react";
-import { s as a } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as n } from "./breakpoints-ff0SIcV3.js";
+import { s as a } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { d as n } from "./breakpoints-BubDitvo.js";
 import k from "./Button.js";
-import { u as C } from "./useDetectMobile-CcVo3PNi.js";
-import { m as W } from "./utils-B2fsQ6PS.js";
+import { u as C } from "./useDetectMobile-B0Jog4jQ.js";
+import { m as W } from "./utils-MoGhNMmj.js";
 const N = a.div`
   display: flex;
   border-radius: 0.75rem;

package/dist/BannerSectionWithList.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),c=require("react"),l=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./breakpoints-CcVm-gVm.cjs"),u=require("./Button.cjs"),i=require("./utils-CITgSxXe.cjs"),x=l.styled.div`
+"use strict";const e=require("react/jsx-runtime"),c=require("react"),l=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),a=require("./breakpoints-CcVm-gVm.cjs"),u=require("./Button.cjs"),i=require("./utils-CITgSxXe.cjs"),x=l.styled.div`
   padding-bottom: 1.38rem;
   text-align: center;
   display: flex;

package/dist/BannerSectionWithList.js

@@ -1,9 +1,9 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { forwardRef as p, Fragment as u } from "react";
-import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as s } from "./breakpoints-ff0SIcV3.js";
+import { s as m } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { d as s } from "./breakpoints-BubDitvo.js";
 import y from "./Button.js";
-import { m as i } from "./utils-B2fsQ6PS.js";
+import { m as i } from "./utils-MoGhNMmj.js";
 const x = m.div`
   padding-bottom: 1.38rem;
   text-align: center;

package/dist/BannerSectionWithListImage.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),s=require("react"),n=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./breakpoints-CcVm-gVm.cjs"),w=require("./Button.cjs"),j=n.styled.div`
+"use strict";const i=require("react/jsx-runtime"),s=require("react"),n=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),a=require("./breakpoints-CcVm-gVm.cjs"),w=require("./Button.cjs"),j=n.styled.div`
   display: flex;
   border-radius: 0.75rem;
   background-color: ${e=>(e==null?void 0:e.bgColor)||"transparent"};

package/dist/BannerSectionWithListImage.js

@@ -1,7 +1,7 @@
 import { jsxs as o, jsx as i } from "react/jsx-runtime";
 import { forwardRef as w, Fragment as v } from "react";
-import { s as n } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as m } from "./breakpoints-ff0SIcV3.js";
+import { s as n } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { d as m } from "./breakpoints-BubDitvo.js";
 import $ from "./Button.js";
 const H = n.div`
   display: flex;

package/dist/BlogCardsSponsoredSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),d=require("react"),s=require("./utils-CITgSxXe.cjs"),y=require("./Icon.cjs"),R=require("./style-DC05rdyx.cjs"),$=require("./index-DsINTjQk.cjs"),N=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./breakpoints-CcVm-gVm.cjs"),z=require("./Button.cjs"),q=require("./index-uCWKRzoS.cjs"),k=N.styled.a`
+"use strict";const r=require("react/jsx-runtime"),d=require("react"),s=require("./utils-CITgSxXe.cjs"),y=require("./Icon.cjs"),R=require("./style-Boz6dk5s.cjs"),$=require("./index-DsINTjQk.cjs"),N=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),v=require("./breakpoints-CcVm-gVm.cjs"),z=require("./Button.cjs"),q=require("./index-BMAvJQBG.cjs"),k=N.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;

package/dist/BlogCardsSponsoredSection.js

@@ -1,13 +1,13 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { forwardRef as $, useRef as R, memo as I, useMemo as C } from "react";
-import { n as z, q as U, s as B, v as S, l as b } from "./utils-B2fsQ6PS.js";
+import { n as z, q as U, s as B, v as S, l as b } from "./utils-MoGhNMmj.js";
 import v from "./Icon.js";
-import { B as O } from "./style-BUyFad_y.js";
-import { P as T } from "./index-BvMY2TbK.js";
-import { s as j } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { d as y } from "./breakpoints-ff0SIcV3.js";
+import { B as O } from "./style-D54KOzZj.js";
+import { P as T } from "./index-DEypPQRI.js";
+import { s as j } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { d as y } from "./breakpoints-BubDitvo.js";
 import P from "./Button.js";
-import { S as W } from "./index-BWeXujWl.js";
+import { S as W } from "./index-C6amCwRZ.js";
 const D = j.a`
   text-decoration: none;
   color: var(--gray-950);

package/dist/BlogCategoryCardsSection.cjs

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),s=require("react"),n=require("./CategorySimpleCard-CIBvknos.cjs"),d=require("./style-AYc9hnFj.cjs"),g=s.memo(n.CategorySimpleCard),l=s.forwardRef(({items:r,onSelectCard:a=()=>{},isHighlight:u=!1},t)=>{const c=s.useMemo(()=>{var o;return(o=r==null?void 0:r.slice(0,4))==null?void 0:o.map((e,m)=>i.jsx(g,{uuid:e==null?void 0:e.uuid,image:e==null?void 0:e.image,name:e==null?void 0:e.name,onSelectCard:()=>a==null?void 0:a(e==null?void 0:e.uuid)},m))},[r]);return i.jsx(d.Wrapper,{ref:t,className:u?"highlight":"",children:i.jsx("div",{className:"wrapper__grid",children:c})})});module.exports=l;
+"use strict";const i=require("react/jsx-runtime"),s=require("react"),n=require("./CategorySimpleCard-lIdzBNDa.cjs"),d=require("./style-DIWAdlai.cjs"),g=s.memo(n.CategorySimpleCard),l=s.forwardRef(({items:r,onSelectCard:a=()=>{},isHighlight:u=!1},t)=>{const c=s.useMemo(()=>{var o;return(o=r==null?void 0:r.slice(0,4))==null?void 0:o.map((e,m)=>i.jsx(g,{uuid:e==null?void 0:e.uuid,image:e==null?void 0:e.image,name:e==null?void 0:e.name,onSelectCard:()=>a==null?void 0:a(e==null?void 0:e.uuid)},m))},[r]);return i.jsx(d.Wrapper,{ref:t,className:u?"highlight":"",children:i.jsx("div",{className:"wrapper__grid",children:c})})});module.exports=l;

package/dist/BlogCategoryCardsSection.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { memo as g, forwardRef as u, useMemo as t } from "react";
-import { C as f } from "./CategorySimpleCard-CkSwvJRw.js";
-import { W as l } from "./style-Bq3rMbnN.js";
+import { C as f } from "./CategorySimpleCard-TJRJ_2Sb.js";
+import { W as l } from "./style-BzaX45du.js";
 const n = g(f), w = u(
   ({
     items: a,

package/dist/BlogExploreSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),x=require("react"),oe=require("./useDetectMobile-DYV6V1yw.cjs"),M=require("./utils-CITgSxXe.cjs"),le=require("./TextInput.cjs"),k=require("./Icon.cjs"),de=require("./Link.cjs"),T=require("./IconButton.cjs"),V=require("./DropdownMenu.cjs"),W=require("./DropdownItem.cjs"),me=require("./tag-DSnhWWHE.cjs"),he=require("./BlogProductCardsSection.cjs"),F=require("./emotion-styled.browser.esm-BtEseadx.cjs"),_e=require("./index-DsINTjQk.cjs"),L=require("./BlogListSection.cjs"),ue=require("./breakpoints-CcVm-gVm.cjs"),fe=F.styled.div`
+"use strict";const n=require("react/jsx-runtime"),x=require("react"),oe=require("./useDetectMobile-DYV6V1yw.cjs"),M=require("./utils-CITgSxXe.cjs"),le=require("./TextInput.cjs"),k=require("./Icon.cjs"),de=require("./Link.cjs"),T=require("./IconButton.cjs"),V=require("./DropdownMenu.cjs"),W=require("./DropdownItem.cjs"),me=require("./tag-CWcvCQcz.cjs"),he=require("./BlogProductCardsSection.cjs"),F=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),_e=require("./index-DsINTjQk.cjs"),L=require("./BlogListSection.cjs"),ue=require("./breakpoints-CcVm-gVm.cjs"),fe=F.styled.div`
   display: flex;
   justify-content: space-between;
   align-items: center;

package/dist/BlogExploreSection.js

@@ -1,19 +1,19 @@
 import { jsxs as a, jsx as n, Fragment as L } from "react/jsx-runtime";
 import { forwardRef as W, useRef as se, useState as de, useEffect as me, Fragment as he } from "react";
-import { u as _e } from "./useDetectMobile-CcVo3PNi.js";
-import { n as fe, q as ue } from "./utils-B2fsQ6PS.js";
+import { u as _e } from "./useDetectMobile-B0Jog4jQ.js";
+import { n as fe, q as ue } from "./utils-MoGhNMmj.js";
 import ve from "./TextInput.js";
 import C from "./Icon.js";
 import pe from "./Link.js";
 import F from "./IconButton.js";
 import M from "./DropdownMenu.js";
 import q from "./DropdownItem.js";
-import { F as ge } from "./tag-Bi8gg6hJ.js";
+import { F as ge } from "./tag-CHNc7DhI.js";
 import xe from "./BlogProductCardsSection.js";
-import { s as E } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as we } from "./index-BvMY2TbK.js";
+import { s as E } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { P as we } from "./index-DEypPQRI.js";
 import V from "./BlogListSection.js";
-import { d as ye } from "./breakpoints-ff0SIcV3.js";
+import { d as ye } from "./breakpoints-BubDitvo.js";
 const be = E.div`
   display: flex;
   justify-content: space-between;

package/dist/BlogImagePathSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),m=require("react"),l=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./useDetectMobile-DYV6V1yw.cjs"),u=l.styled.div`
+"use strict";const t=require("react/jsx-runtime"),m=require("react"),l=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),b=require("./useDetectMobile-DYV6V1yw.cjs"),u=l.styled.div`
   display: flex;
   justify-content: center;
   width: 100%;

package/dist/BlogImagePathSection.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
-import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { u as d } from "./useDetectMobile-CcVo3PNi.js";
+import { s as c } from "./emotion-styled.browser.esm-DfbrHHed.js";
+import { u as d } from "./useDetectMobile-B0Jog4jQ.js";
 const f = c.div`
   display: flex;
   justify-content: center;