@lanaco/lnc-react-ui 4.0.206 → 4.0.208

package/dist/index.js

@@ -1,58 +1,58 @@
 import { default as t } from "./CheckBoxInput.js";
-import { default as a } from "./ColorInput.js";
-import { default as d, registerLocale as s } from "./DateInput.js";
+import { default as r } from "./ColorInput.js";
+import { default as s, registerLocale as d } from "./DateInput.js";
 import { default as p } from "./DecimalInput.js";
 import { default as m } from "./DecimalInputV2.js";
 import { default as x } from "./FileInput.js";
 import { default as c } from "./NumberInput.js";
-import { default as g } from "./PasswordInput.js";
-import { default as C } from "./RadioInput.js";
+import { default as I } from "./PasswordInput.js";
+import { default as g } from "./RadioInput.js";
 import { default as D } from "./RangeSlider.js";
-import { default as b } from "./TextAreaInput.js";
-import { default as F } from "./TextInput.js";
-import { default as h } from "./TimeInput.js";
-import { default as M } from "./Badge.js";
-import { default as G } from "./Chip.js";
-import { default as K } from "./DataView.js";
-import { default as V } from "./DetailsView.js";
-import { default as k } from "./EditableTable.js";
-import { default as H } from "./FormView.js";
-import { default as O } from "./Kanban.js";
-import { K as Q } from "./KanbanCard-B9V9EjVE.js";
-import { default as q } from "./KanbanHeader.js";
-import { default as j } from "./KanbanFooter.js";
-import { default as X } from "./KanbanView.js";
-import { default as Z } from "./KanbanActionsToolbar.js";
+import { default as P } from "./TextAreaInput.js";
+import { default as M } from "./TextInput.js";
+import { default as F } from "./TimeInput.js";
+import { default as A } from "./Badge.js";
+import { default as L } from "./Chip.js";
+import { default as v } from "./DataView.js";
+import { default as N } from "./DetailsView.js";
+import { default as R } from "./EditableTable.js";
+import { default as V } from "./FormView.js";
+import { default as k } from "./Kanban.js";
+import { K as H } from "./KanbanCard-B9V9EjVE.js";
+import { default as Q } from "./KanbanHeader.js";
+import { default as X } from "./KanbanFooter.js";
+import { default as q } from "./KanbanView.js";
+import { default as J } from "./KanbanActionsToolbar.js";
 import { default as $ } from "./Table.js";
 import { default as oe } from "./TableView.js";
-import { default as re } from "./ActionsToolbar.js";
+import { default as ae } from "./ActionsToolbar.js";
 import { default as fe } from "./Alert.js";
-import { default as se } from "./Notification.js";
+import { default as de } from "./Notification.js";
 import { default as pe } from "./NotificationContainer.js";
 import { default as me } from "./NotificationMessage.js";
 import { default as xe } from "./ProgressBar.js";
 import { default as ce } from "./Spinner.js";
-import { default as ge } from "./Avatar.js";
-import { default as Ce } from "./Button.js";
+import { default as Ie } from "./Avatar.js";
+import { default as ge } from "./Button.js";
 import { default as De } from "./Icon.js";
-import { default as be } from "./IconButton.js";
-import { default as Fe } from "./Link.js";
-import { default as he } from "./Surface.js";
-import { default as Me } from "./UploadedFile.js";
-import { default as Ge } from "./DoubleRangeSlider.js";
-import { default as Ke } from "./DragAndDropFile.js";
-import { default as Ve } from "./DragDropFiles.js";
-import { default as ke } from "./Dropdown.js";
-import { default as He } from "./DropdownLookup.js";
-import { default as Oe } from "./MultiSelectDropdown.js";
-import { default as Qe } from "./MultiSelectDropdownLookup.js";
-import { default as qe } from "./RadioGroup.js";
-import { default as je } from "./SearchBar.js";
-import { default as Xe } from "./Toggle.js";
-import { default as Ze } from "./ButtonGroup.js";
+import { default as Pe } from "./IconButton.js";
+import { default as Me } from "./Link.js";
+import { default as Fe } from "./Surface.js";
+import { default as Ae } from "./UploadedFile.js";
+import { default as Le } from "./DoubleRangeSlider.js";
+import { default as ve } from "./DragAndDropFile.js";
+import { default as Ne } from "./DragDropFiles.js";
+import { default as Re } from "./Dropdown.js";
+import { default as Ve } from "./DropdownLookup.js";
+import { default as ke } from "./MultiSelectDropdown.js";
+import { default as He } from "./MultiSelectDropdownLookup.js";
+import { default as Qe } from "./RadioGroup.js";
+import { default as Xe } from "./SearchBar.js";
+import { default as qe } from "./Toggle.js";
+import { default as Je } from "./ButtonGroup.js";
 import { default as $e } from "./Content.js";
 import { default as oo } from "./FlexBox.js";
-import { default as ro } from "./FlexGrid.js";
+import { default as ao } from "./FlexGrid.js";
 import { default as fo } from "./FlexGridItem.js";
 import { default as lo } from "./Footer.js";
 import { default as uo } from "./FormField.js";
@@ -60,211 +60,230 @@ import { default as no } from "./Grid.js";
 import { default as io } from "./GridItem.js";
 import { default as So } from "./Header.js";
 import { default as Bo } from "./PageLayout.js";
-import { default as Io } from "./Sidebar.js";
-import { default as Po } from "./Tabs.js";
+import { default as Co } from "./Sidebar.js";
+import { default as bo } from "./Tabs.js";
 import { default as To } from "./TabItem.js";
 import { default as wo } from "./Accordion.js";
-import { default as Ao } from "./AccordionSummary.js";
-import { default as vo } from "./AccordionDetails.js";
-import { default as Lo } from "./Breadcrumbs.js";
-import { default as No } from "./ConfirmationForm.js";
-import { default as Wo } from "./Drawer.js";
+import { default as ho } from "./AccordionSummary.js";
+import { default as Eo } from "./AccordionDetails.js";
+import { default as Go } from "./Breadcrumbs.js";
+import { default as Ko } from "./ConfirmationForm.js";
+import { default as Oo } from "./Drawer.js";
 import { default as yo } from "./DropdownMenu.js";
-import { default as Ro } from "./DropdownItem.js";
-import { default as Eo } from "./NestedDropdownItem.js";
-import { default as Uo } from "./Separator.js";
-import { default as zo } from "./Modal.js";
-import { default as Jo } from "./Pagination.js";
-import { default as Yo } from "./Popover.js";
-import { default as _o } from "./PopoverClose.js";
+import { default as _o } from "./DropdownItem.js";
+import { default as Wo } from "./NestedDropdownItem.js";
+import { default as zo } from "./Separator.js";
+import { default as Uo } from "./Modal.js";
+import { default as Zo } from "./Pagination.js";
+import { default as jo } from "./Popover.js";
+import { default as Yo } from "./PopoverClose.js";
 import { default as et } from "./PopoverHeading.js";
 import { default as tt } from "./PopoverContent.js";
-import { default as at } from "./PopoverTrigger.js";
-import { default as dt } from "./PopoverDescription.js";
+import { default as rt } from "./PopoverTrigger.js";
+import { default as st } from "./PopoverDescription.js";
 import { default as lt } from "./SwipeableDrawer.js";
 import { default as ut } from "./TreeMenu.js";
 import { default as nt } from "./MenuItem.js";
 import { default as it } from "./NestedMenuItem.js";
 import { default as St } from "./TreeMenuSeparator.js";
 import { default as Bt } from "./MasonryGeneralCardsSection.js";
-import { default as It } from "./DetailedProductsSection.js";
-import { default as Pt } from "./DetailedProductsInfinitiveSection.js";
+import { default as Ct } from "./DetailedProductsSection.js";
+import { default as bt } from "./DetailedProductsInfinitiveSection.js";
 import { default as Tt } from "./ProductsWithBannerSection.js";
 import { default as wt } from "./SimpleProductsSection.js";
-import { default as At } from "./UrgentSaleProductsSection.js";
-import { default as vt } from "./BannerSectionCarousel.js";
-import { default as Lt } from "./BannerSectionGrid.js";
-import { default as Nt } from "./BannerSectionSimple.js";
-import { default as Wt } from "./BannerSectionWithList.js";
+import { default as ht } from "./UrgentSaleProductsSection.js";
+import { default as Et } from "./BannerSectionCarousel.js";
+import { default as Gt } from "./BannerSectionGrid.js";
+import { default as Kt } from "./BannerSectionSimple.js";
+import { default as Ot } from "./BannerSectionWithList.js";
 import { default as yt } from "./BannerSectionWithListImage.js";
-import { default as Rt } from "./GiftCardsSection.js";
-import { default as Et } from "./BrandHitsSection.js";
-import { default as Ut } from "./FieldOfInterestsMasonrySection.js";
-import { default as zt } from "./FieldOfInterestsWithAvatarsCardsSection.js";
-import { default as Jt } from "./FieldOfInterestsWithTagsCardsSection.js";
-import { default as Yt } from "./BannerSectionBasic.js";
-import { default as _t } from "./GeneralWithTagsCardsSection.js";
-import { default as er } from "./ShopCardsSection.js";
-import { default as tr } from "./QuizSection.js";
-import { default as ar } from "./SalesCampaignsSection.js";
-import { default as dr } from "./CalorieCalculatorSection.js";
-import { default as lr } from "./BlogCategoryCardsSection.js";
-import { default as ur } from "./BlogProductCardsSection.js";
-import { default as nr } from "./BlogShopCardsSection.js";
-import { default as ir } from "./BlogCardsSponsoredSection.js";
-import { default as Sr } from "./BlogListSection.js";
-import { default as Br } from "./AdBannerSection.js";
-import { default as Ir } from "./QuattroCardsSection.js";
-import { default as Pr } from "./FeedbackSection.js";
-import { default as Tr } from "./HelpBannerSection.js";
-import { default as wr } from "./ContactSection.js";
-import { default as Ar } from "./FaqSection.js";
-import { S as vr } from "./SearchSection-DAaMecR4.js";
-import { default as Lr } from "./StatsSection.js";
-import { default as Nr } from "./ToggleSection.js";
-import { default as Wr } from "./BlogExploreSection.js";
-import { default as yr } from "./BlogImagePathSection.js";
-import { default as Rr } from "./BannerNextSection.js";
-import { default as Er } from "./PartnerCardsSection.js";
-import { default as Ur } from "./PartnerBannerSection.js";
-import { default as zr } from "./PartnerStatsSection.js";
-import { default as Jr } from "./PartnerBrandsSection.js";
-import { default as Yr, useTheme as Zr } from "./ThemeProvider.js";
-import { c as $r } from "./CustomStyles-DtWxboEM.js";
+import { default as _t } from "./GiftCardsSection.js";
+import { default as Wt } from "./BrandHitsSection.js";
+import { default as zt } from "./FieldOfInterestsMasonrySection.js";
+import { default as Ut } from "./FieldOfInterestsWithAvatarsCardsSection.js";
+import { default as Zt } from "./FieldOfInterestsWithTagsCardsSection.js";
+import { default as jt } from "./BannerSectionBasic.js";
+import { default as Yt } from "./GeneralWithTagsCardsSection.js";
+import { default as ea } from "./ShopCardsSection.js";
+import { default as ta } from "./QuizSection.js";
+import { default as ra } from "./SalesCampaignsSection.js";
+import { default as sa } from "./CalorieCalculatorSection.js";
+import { default as la } from "./BlogCategoryCardsSection.js";
+import { default as ua } from "./BlogProductCardsSection.js";
+import { default as na } from "./BlogShopCardsSection.js";
+import { default as ia } from "./BlogCardsSponsoredSection.js";
+import { default as Sa } from "./BlogListSection.js";
+import { default as Ba } from "./AdBannerSection.js";
+import { default as Ca } from "./QuattroCardsSection.js";
+import { default as ba } from "./FeedbackSection.js";
+import { default as Ta } from "./HelpBannerSection.js";
+import { default as wa } from "./ContactSection.js";
+import { default as ha } from "./FaqSection.js";
+import { S as Ea } from "./SearchSection-BEYnWPSr.js";
+import { default as Ga } from "./StatsSection.js";
+import { default as Ka } from "./ToggleSection.js";
+import { default as Oa } from "./BlogExploreSection.js";
+import { default as ya } from "./BlogImagePathSection.js";
+import { default as _a } from "./BannerNextSection.js";
+import { default as Wa } from "./PartnerCardsSection.js";
+import { default as za } from "./PartnerBannerSection.js";
+import { default as Ua } from "./PartnerStatsSection.js";
+import { default as Za } from "./PartnerBrandsSection.js";
+import { default as ja, useTheme as Ja } from "./ThemeProvider.js";
+import { B as $a, D as er, M as or, S as tr, b as ar, d as rr, g as fr, c as sr, i as dr, a as lr, o as pr, s as ur, u as mr } from "./breakpoints-ff0SIcV3.js";
+import { a as xr, u as ir } from "./utils-B2fsQ6PS.js";
+import { u as Sr } from "./useDetectMobile-CcVo3PNi.js";
+import { c as Br } from "./CustomStyles-DR4WuDUN.js";
 export {
   wo as Accordion,
-  vo as AccordionDetails,
-  Ao as AccordionSummary,
-  re as ActionsToolbar,
-  Br as AdBannerSection,
+  Eo as AccordionDetails,
+  ho as AccordionSummary,
+  ae as ActionsToolbar,
+  Ba as AdBannerSection,
   fe as Alert,
-  ge as Avatar,
-  M as Badge,
-  Rr as BannerNextSection,
-  Yt as BannerSectionBasic,
-  vt as BannerSectionCarousel,
-  Lt as BannerSectionGrid,
-  Nt as BannerSectionSimple,
-  Wt as BannerSectionWithList,
+  Ie as Avatar,
+  $a as BREAKPOINT_ORDER,
+  A as Badge,
+  _a as BannerNextSection,
+  jt as BannerSectionBasic,
+  Et as BannerSectionCarousel,
+  Gt as BannerSectionGrid,
+  Kt as BannerSectionSimple,
+  Ot as BannerSectionWithList,
   yt as BannerSectionWithListImage,
-  ir as BlogCardsSponsoredSection,
-  lr as BlogCategoryCardsSection,
-  Wr as BlogExploreSection,
-  yr as BlogImagePathSection,
-  Sr as BlogListSection,
-  ur as BlogProductCardsSection,
-  nr as BlogShopCardsSection,
-  Et as BrandHitsSection,
-  Lo as Breadcrumbs,
-  Ce as Button,
-  Ze as ButtonGroup,
-  dr as CalorieCalculatorSection,
+  ia as BlogCardsSponsoredSection,
+  la as BlogCategoryCardsSection,
+  Oa as BlogExploreSection,
+  ya as BlogImagePathSection,
+  Sa as BlogListSection,
+  ua as BlogProductCardsSection,
+  na as BlogShopCardsSection,
+  Wt as BrandHitsSection,
+  Go as Breadcrumbs,
+  ge as Button,
+  Je as ButtonGroup,
+  sa as CalorieCalculatorSection,
   t as CheckBoxInput,
-  G as Chip,
-  a as ColorInput,
-  No as ConfirmationForm,
-  wr as ContactSection,
+  L as Chip,
+  r as ColorInput,
+  Ko as ConfirmationForm,
+  wa as ContactSection,
   $e as Content,
-  K as DataView,
-  d as DateInput,
+  er as DEVICE_CATEGORIES,
+  v as DataView,
+  s as DateInput,
   p as DecimalInput,
   m as DecimalInputV2,
-  Pt as DetailedProductsInfinitiveSection,
-  It as DetailedProductsSection,
-  V as DetailsView,
-  Ge as DoubleRangeSlider,
-  Ke as DragAndDropFile,
-  Ve as DragDropFiles,
-  Wo as Drawer,
-  ke as Dropdown,
-  Ro as DropdownItem,
-  He as DropdownLookup,
+  bt as DetailedProductsInfinitiveSection,
+  Ct as DetailedProductsSection,
+  N as DetailsView,
+  Le as DoubleRangeSlider,
+  ve as DragAndDropFile,
+  Ne as DragDropFiles,
+  Oo as Drawer,
+  Re as Dropdown,
+  _o as DropdownItem,
+  Ve as DropdownLookup,
   yo as DropdownMenu,
-  k as EditableTable,
-  Ar as FaqSection,
-  Pr as FeedbackSection,
-  Ut as FieldOfInterestsMasonrySection,
-  zt as FieldOfInterestsWithAvatarsCardsSection,
-  Jt as FieldOfInterestsWithTagsCardsSection,
+  R as EditableTable,
+  ha as FaqSection,
+  ba as FeedbackSection,
+  zt as FieldOfInterestsMasonrySection,
+  Ut as FieldOfInterestsWithAvatarsCardsSection,
+  Zt as FieldOfInterestsWithTagsCardsSection,
   x as FileInput,
   oo as FlexBox,
-  ro as FlexGrid,
+  ao as FlexGrid,
   fo as FlexGridItem,
   lo as Footer,
   uo as FormField,
-  H as FormView,
-  _t as GeneralWithTagsCardsSection,
-  Rt as GiftCardsSection,
+  V as FormView,
+  Yt as GeneralWithTagsCardsSection,
+  _t as GiftCardsSection,
   no as Grid,
   io as GridItem,
   So as Header,
-  Tr as HelpBannerSection,
+  Ta as HelpBannerSection,
   De as Icon,
-  be as IconButton,
-  O as Kanban,
-  Z as KanbanActionsToolbar,
-  Q as KanbanCard,
-  j as KanbanFooter,
-  q as KanbanHeader,
-  X as KanbanView,
-  Fe as Link,
+  Pe as IconButton,
+  k as Kanban,
+  J as KanbanActionsToolbar,
+  H as KanbanCard,
+  X as KanbanFooter,
+  Q as KanbanHeader,
+  q as KanbanView,
+  Me as Link,
+  or as MOBILE_SIZE_PX,
   Bt as MasonryGeneralCardsSection,
   nt as MenuItem,
-  zo as Modal,
-  Oe as MultiSelectDropdown,
-  Qe as MultiSelectDropdownLookup,
-  Eo as NestedDropdownItem,
+  Uo as Modal,
+  ke as MultiSelectDropdown,
+  He as MultiSelectDropdownLookup,
+  Wo as NestedDropdownItem,
   it as NestedMenuItem,
-  se as Notification,
+  de as Notification,
   pe as NotificationContainer,
   me as NotificationMessage,
   c as NumberInput,
   Bo as PageLayout,
-  Jo as Pagination,
-  Ur as PartnerBannerSection,
-  Jr as PartnerBrandsSection,
-  Er as PartnerCardsSection,
-  zr as PartnerStatsSection,
-  g as PasswordInput,
-  Yo as Popover,
-  _o as PopoverClose,
+  Zo as Pagination,
+  za as PartnerBannerSection,
+  Za as PartnerBrandsSection,
+  Wa as PartnerCardsSection,
+  Ua as PartnerStatsSection,
+  I as PasswordInput,
+  jo as Popover,
+  Yo as PopoverClose,
   tt as PopoverContent,
-  dt as PopoverDescription,
+  st as PopoverDescription,
   et as PopoverHeading,
-  at as PopoverTrigger,
+  rt as PopoverTrigger,
   Tt as ProductsWithBannerSection,
   xe as ProgressBar,
-  Ir as QuattroCardsSection,
-  tr as QuizSection,
-  qe as RadioGroup,
-  C as RadioInput,
+  Ca as QuattroCardsSection,
+  ta as QuizSection,
+  Qe as RadioGroup,
+  g as RadioInput,
   D as RangeSlider,
-  ar as SalesCampaignsSection,
-  je as SearchBar,
-  vr as SearchSection,
-  Uo as Separator,
-  er as ShopCardsSection,
-  Io as Sidebar,
+  tr as SMALL_MOBILE_SIZE_PX,
+  ra as SalesCampaignsSection,
+  Xe as SearchBar,
+  Ea as SearchSection,
+  zo as Separator,
+  ea as ShopCardsSection,
+  Co as Sidebar,
   wt as SimpleProductsSection,
   ce as Spinner,
-  Lr as StatsSection,
-  he as Surface,
+  Ga as StatsSection,
+  Fe as Surface,
   lt as SwipeableDrawer,
   To as TabItem,
   $ as Table,
   oe as TableView,
-  Po as Tabs,
-  b as TextAreaInput,
-  F as TextInput,
-  Yr as ThemeProvider,
-  h as TimeInput,
-  Xe as Toggle,
-  Nr as ToggleSection,
+  bo as Tabs,
+  P as TextAreaInput,
+  M as TextInput,
+  ja as ThemeProvider,
+  F as TimeInput,
+  qe as Toggle,
+  Ka as ToggleSection,
   ut as TreeMenu,
   St as TreeMenuSeparator,
-  Me as UploadedFile,
-  At as UrgentSaleProductsSection,
-  $r as components,
-  s as registerLocale,
-  Zr as useTheme
+  Ae as UploadedFile,
+  ht as UrgentSaleProductsSection,
+  ar as between,
+  Br as components,
+  rr as down,
+  fr as getMediaQuery,
+  sr as isDesktop,
+  dr as isMobile,
+  lr as isTablet,
+  pr as only,
+  d as registerLocale,
+  ur as screenSizes,
+  mr as up,
+  Sr as useDetectMobile,
+  xr as useIsMobile,
+  ir as useScreenSize,
+  Ja as useTheme
 };

package/dist/{style-BTTXJFJN.cjs → style-AYc9hnFj.cjs}

@@ -1,4 +1,4 @@
-"use strict";const r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),e=require("./consts-goSZX3xP.cjs"),t=r.styled.div`
+"use strict";const e=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./breakpoints-CcVm-gVm.cjs"),t=e.styled.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -12,6 +12,12 @@
     gap: 1.25rem;
   }
 
+  @media ${r.down("M")} {
+    & .wrapper__grid {
+      grid-template-columns: repeat(2, 1fr);
+    }
+  }
+
   & .wrapper__action {
     border: 1px solid var(--neutral-95012, rgba(20, 22, 26, 0.12));
     color: var(--gray-950, #14161a);
@@ -34,7 +40,7 @@
     }
   }
 
-  @media (max-width: ${e.MOBILE_SIZE_PX+"px"}) {
+  @media ${r.down("S")} {
     & .wrapper__grid {
       grid-template-columns: repeat(2, 1fr);
     }
@@ -49,4 +55,10 @@
       width: unset;
     }
   }
+
+  @media ${r.down("XS")} {
+    & .wrapper__grid {
+      grid-template-columns: 1fr;
+    }
+  }
 `;exports.Wrapper=t;

package/dist/{style-neMbLWE6.js → style-BUyFad_y.js}

@@ -1,6 +1,6 @@
 import { s as r } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as t } from "./consts-BuFChS64.js";
-import { t as a } from "./utils-DtEfC-TX.js";
+import { d as t } from "./breakpoints-ff0SIcV3.js";
+import { t as a } from "./utils-B2fsQ6PS.js";
 const d = r.div`
   display: flex;
   flex-direction: column;
@@ -29,7 +29,7 @@ const d = r.div`
     }
   }
 
-  @media (max-width: ${t + "px"}) {
+  @media ${t("S")} {
     gap: 1.25rem;
 
     & .regular-title {
@@ -75,7 +75,7 @@ const d = r.div`
     }
   }
 
-  @media (max-width: ${t + "px"}) {
+  @media ${t("S")} {
     & .regular-title {
       font-size: 1.375rem;
       padding-bottom: 0.5rem;

package/dist/{style-tw6KjI2J.js → style-Bq3rMbnN.js}

@@ -1,6 +1,6 @@
-import { s as r } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as e } from "./consts-BuFChS64.js";
-const i = r.div`
+import { s as e } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { d as r } from "./breakpoints-ff0SIcV3.js";
+const i = e.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -14,6 +14,12 @@ const i = r.div`
     gap: 1.25rem;
   }
 
+  @media ${r("M")} {
+    & .wrapper__grid {
+      grid-template-columns: repeat(2, 1fr);
+    }
+  }
+
   & .wrapper__action {
     border: 1px solid var(--neutral-95012, rgba(20, 22, 26, 0.12));
     color: var(--gray-950, #14161a);
@@ -36,7 +42,7 @@ const i = r.div`
     }
   }
 
-  @media (max-width: ${e + "px"}) {
+  @media ${r("S")} {
     & .wrapper__grid {
       grid-template-columns: repeat(2, 1fr);
     }
@@ -51,6 +57,12 @@ const i = r.div`
       width: unset;
     }
   }
+
+  @media ${r("XS")} {
+    & .wrapper__grid {
+      grid-template-columns: 1fr;
+    }
+  }
 `;
 export {
   i as W

package/dist/{style-B4kAj6YU.cjs → style-DC05rdyx.cjs}

@@ -1,4 +1,4 @@
-"use strict";const r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./consts-goSZX3xP.cjs"),t=require("./utils-RnrgDDZP.cjs"),i=r.styled.div`
+"use strict";const r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./breakpoints-CcVm-gVm.cjs"),t=require("./utils-CITgSxXe.cjs"),n=r.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -26,7 +26,7 @@
     }
   }
 
-  @media (max-width: ${a.MOBILE_SIZE_PX+"px"}) {
+  @media ${a.down("S")} {
     gap: 1.25rem;
 
     & .regular-title {
@@ -37,7 +37,7 @@
       }
     }
   }
-`,n=r.styled.div`
+`,i=r.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -72,7 +72,7 @@
     }
   }
 
-  @media (max-width: ${a.MOBILE_SIZE_PX+"px"}) {
+  @media ${a.down("S")} {
     & .regular-title {
       font-size: 1.375rem;
       padding-bottom: 0.5rem;
@@ -120,4 +120,4 @@
       outline: none;
     }
   }
-`;exports.BlogTag=s;exports.RegulatTitleSectionWrapper=i;exports.SectionHeadingContainer=d;exports.TitleWithOptionsSectionWrapper=n;
+`;exports.BlogTag=s;exports.RegulatTitleSectionWrapper=n;exports.SectionHeadingContainer=d;exports.TitleWithOptionsSectionWrapper=i;