@lanaco/lnc-react-ui 4.0.150 → 4.0.152

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./CheckBoxInput.cjs"),t=require("./ColorInput.cjs"),e=require("./DateInput.cjs"),n=require("./DecimalInput.cjs"),i=require("./DecimalInputV2.cjs"),c=require("./FileInput.cjs"),a=require("./NumberInput.cjs"),s=require("./PasswordInput.cjs"),u=require("./RadioInput.cjs"),d=require("./RangeSlider.cjs"),q=require("./TextAreaInput.cjs"),l=require("./TextInput.cjs"),S=require("./TimeInput.cjs"),p=require("./Badge.cjs"),g=require("./Chip.cjs"),C=require("./DataView.cjs"),m=require("./DetailsView.cjs"),B=require("./EditableTable.cjs"),I=require("./FormView.cjs"),D=require("./Kanban.cjs"),b=require("./KanbanCard-BDvoqTDS.cjs"),T=require("./KanbanHeader.cjs"),F=require("./KanbanFooter.cjs"),P=require("./KanbanView.cjs"),w=require("./KanbanActionsToolbar.cjs"),h=require("./Table.cjs"),f=require("./TableView.cjs"),M=require("./ActionsToolbar.cjs"),A=require("./Alert.cjs"),v=require("./Notification.cjs"),G=require("./NotificationContainer.cjs"),x=require("./NotificationMessage.cjs"),L=require("./ProgressBar.cjs"),y=require("./Spinner.cjs"),K=require("./Avatar.cjs"),N=require("./Button.cjs"),V=require("./Icon.cjs"),W=require("./IconButton.cjs"),k=require("./Link.cjs"),H=require("./Surface.cjs"),R=require("./UploadedFile.cjs"),O=require("./DoubleRangeSlider.cjs"),E=require("./DragAndDropFile.cjs"),Q=require("./DragDropFiles.cjs"),U=require("./Dropdown.cjs"),z=require("./DropdownLookup.cjs"),j=require("./MultiSelectDropdown.cjs"),J=require("./MultiSelectDropdownLookup.cjs"),X=require("./RadioGroup.cjs"),Y=require("./SearchBar.cjs"),Z=require("./Toggle.cjs"),_=require("./ButtonGroup.cjs"),$=require("./Content.cjs"),ee=require("./FlexBox.cjs"),re=require("./FlexGrid.cjs"),oe=require("./FlexGridItem.cjs"),te=require("./Footer.cjs"),ne=require("./FormField.cjs"),ie=require("./Grid.cjs"),ce=require("./GridItem.cjs"),ae=require("./Header.cjs"),se=require("./PageLayout.cjs"),ue=require("./Sidebar.cjs"),de=require("./Tabs.cjs"),qe=require("./TabItem.cjs"),le=require("./Accordion.cjs"),Se=require("./AccordionSummary.cjs"),pe=require("./AccordionDetails.cjs"),ge=require("./Breadcrumbs.cjs"),Ce=require("./ConfirmationForm.cjs"),me=require("./Drawer.cjs"),Be=require("./DropdownMenu.cjs"),Ie=require("./DropdownItem.cjs"),De=require("./NestedDropdownItem.cjs"),be=require("./Separator.cjs"),Te=require("./Modal.cjs"),Fe=require("./Pagination.cjs"),Pe=require("./Popover.cjs"),we=require("./PopoverClose.cjs"),he=require("./PopoverHeading.cjs"),fe=require("./PopoverContent.cjs"),Me=require("./PopoverTrigger.cjs"),Ae=require("./PopoverDescription.cjs"),ve=require("./SwipeableDrawer.cjs"),Ge=require("./TreeMenu.cjs"),xe=require("./MenuItem.cjs"),Le=require("./NestedMenuItem.cjs"),ye=require("./TreeMenuSeparator.cjs"),Ke=require("./MasonryGeneralCardsSection.cjs"),Ne=require("./DetailedProductsSection.cjs"),Ve=require("./DetailedProductsInfinitiveSection.cjs"),We=require("./ProductsWithBannerSection.cjs"),ke=require("./SimpleProductsSection.cjs"),He=require("./UrgentSaleProductsSection.cjs"),Re=require("./BannerSectionCarousel.cjs"),Oe=require("./BannerSectionGrid.cjs"),Ee=require("./BannerSectionSimple.cjs"),Qe=require("./BannerSectionWithList.cjs"),Ue=require("./BannerSectionWithListImage.cjs"),ze=require("./GiftCardsSection.cjs"),je=require("./BrandHitsSection.cjs"),Je=require("./FieldOfInterestsMasonrySection.cjs"),Xe=require("./FieldOfInterestsWithAvatarsCardsSection.cjs"),Ye=require("./FieldOfInterestsWithTagsCardsSection.cjs"),Ze=require("./BannerSectionBasic.cjs"),_e=require("./GeneralWithTagsCardsSection.cjs"),$e=require("./ShopCardsSection.cjs"),er=require("./QuizSection.cjs"),rr=require("./SalesCampaignsSection.cjs"),or=require("./CalorieCalculatorSection.cjs"),tr=require("./BlogCategoryCardsSection.cjs"),nr=require("./BlogProductCardsSection.cjs"),ir=require("./BlogShopCardsSection.cjs"),cr=require("./BlogCardsSponsoredSection.cjs"),ar=require("./BlogListSection.cjs"),sr=require("./AdBannerSection.cjs"),ur=require("./QuattroCardsSection.cjs"),dr=require("./FeedbackSection.cjs"),qr=require("./HelpBannerSection.cjs"),lr=require("./ContactSection.cjs"),Sr=require("./FaqSection.cjs"),pr=require("./SearchSection-BGK1Fxaj.cjs"),gr=require("./StatsSection.cjs"),Cr=require("./ToggleSection.cjs"),mr=require("./BlogExploreSection.cjs"),r=require("./ThemeProvider.cjs"),Br=require("./CustomStyles-Ajyqx0cb.cjs");exports.CheckBoxInput=o;exports.ColorInput=t;exports.DateInput=e.default;exports.registerLocale=e.registerLocale;exports.DecimalInput=n;exports.DecimalInputV2=i;exports.FileInput=c;exports.NumberInput=a;exports.PasswordInput=s;exports.RadioInput=u;exports.RangeSlider=d;exports.TextAreaInput=q;exports.TextInput=l;exports.TimeInput=S;exports.Badge=p;exports.Chip=g;exports.DataView=C;exports.DetailsView=m;exports.EditableTable=B;exports.FormView=I;exports.Kanban=D;exports.KanbanCard=b.KanbanCard;exports.KanbanHeader=T;exports.KanbanFooter=F;exports.KanbanView=P;exports.KanbanActionsToolbar=w;exports.Table=h.default;exports.TableView=f;exports.ActionsToolbar=M;exports.Alert=A;exports.Notification=v;exports.NotificationContainer=G;exports.NotificationMessage=x;exports.ProgressBar=L;exports.Spinner=y;exports.Avatar=K;exports.Button=N;exports.Icon=V;exports.IconButton=W;exports.Link=k;exports.Surface=H;exports.UploadedFile=R;exports.DoubleRangeSlider=O;exports.DragAndDropFile=E;exports.DragDropFiles=Q;exports.Dropdown=U.default;exports.DropdownLookup=z;exports.MultiSelectDropdown=j;exports.MultiSelectDropdownLookup=J;exports.RadioGroup=X;exports.SearchBar=Y;exports.Toggle=Z;exports.ButtonGroup=_;exports.Content=$;exports.FlexBox=ee;exports.FlexGrid=re;exports.FlexGridItem=oe;exports.Footer=te;exports.FormField=ne;exports.Grid=ie;exports.GridItem=ce;exports.Header=ae;exports.PageLayout=se;exports.Sidebar=ue;exports.Tabs=de;exports.TabItem=qe;exports.Accordion=le;exports.AccordionSummary=Se;exports.AccordionDetails=pe.default;exports.Breadcrumbs=ge;exports.ConfirmationForm=Ce;exports.Drawer=me;exports.DropdownMenu=Be;exports.DropdownItem=Ie;exports.NestedDropdownItem=De;exports.Separator=be;exports.Modal=Te;exports.Pagination=Fe;exports.Popover=Pe;exports.PopoverClose=we;exports.PopoverHeading=he;exports.PopoverContent=fe;exports.PopoverTrigger=Me;exports.PopoverDescription=Ae;exports.SwipeableDrawer=ve;exports.TreeMenu=Ge;exports.MenuItem=xe;exports.NestedMenuItem=Le;exports.TreeMenuSeparator=ye;exports.MasonryGeneralCardsSection=Ke;exports.DetailedProductsSection=Ne;exports.DetailedProductsInfinitiveSection=Ve;exports.ProductsWithBannerSection=We;exports.SimpleProductsSection=ke;exports.UrgentSaleProductsSection=He;exports.BannerSectionCarousel=Re;exports.BannerSectionGrid=Oe;exports.BannerSectionSimple=Ee;exports.BannerSectionWithList=Qe;exports.BannerSectionWithListImage=Ue;exports.GiftCardsSection=ze;exports.BrandHitsSection=je;exports.FieldOfInterestsMasonrySection=Je;exports.FieldOfInterestsWithAvatarsCardsSection=Xe;exports.FieldOfInterestsWithTagsCardsSection=Ye;exports.BannerSectionBasic=Ze;exports.GeneralWithTagsCardsSection=_e;exports.ShopCardsSection=$e;exports.QuizSection=er;exports.SalesCampaignsSection=rr;exports.CalorieCalculatorSection=or;exports.BlogCategoryCardsSection=tr;exports.BlogProductCardsSection=nr;exports.BlogShopCardsSection=ir;exports.BlogCardsSponsoredSection=cr;exports.BlogListSection=ar;exports.AdBannerSection=sr;exports.QuattroCardsSection=ur;exports.FeedbackSection=dr;exports.HelpBannerSection=qr;exports.ContactSection=lr;exports.FaqSection=Sr;exports.SearchSection=pr.SearchSection;exports.StatsSection=gr;exports.ToggleSection=Cr;exports.BlogExploreSection=mr;exports.ThemeProvider=r.default;exports.useTheme=r.useTheme;exports.components=Br.components;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./CheckBoxInput.cjs"),t=require("./ColorInput.cjs"),e=require("./DateInput.cjs"),n=require("./DecimalInput.cjs"),i=require("./DecimalInputV2.cjs"),c=require("./FileInput.cjs"),a=require("./NumberInput.cjs"),s=require("./PasswordInput.cjs"),u=require("./RadioInput.cjs"),d=require("./RangeSlider.cjs"),q=require("./TextAreaInput.cjs"),l=require("./TextInput.cjs"),S=require("./TimeInput.cjs"),p=require("./Badge.cjs"),g=require("./Chip.cjs"),C=require("./DataView.cjs"),m=require("./DetailsView.cjs"),B=require("./EditableTable.cjs"),I=require("./FormView.cjs"),D=require("./Kanban.cjs"),b=require("./KanbanCard-BDvoqTDS.cjs"),T=require("./KanbanHeader.cjs"),F=require("./KanbanFooter.cjs"),P=require("./KanbanView.cjs"),w=require("./KanbanActionsToolbar.cjs"),h=require("./Table.cjs"),f=require("./TableView.cjs"),M=require("./ActionsToolbar.cjs"),A=require("./Alert.cjs"),v=require("./Notification.cjs"),G=require("./NotificationContainer.cjs"),x=require("./NotificationMessage.cjs"),L=require("./ProgressBar.cjs"),y=require("./Spinner.cjs"),K=require("./Avatar.cjs"),N=require("./Button.cjs"),V=require("./Icon.cjs"),W=require("./IconButton.cjs"),k=require("./Link.cjs"),H=require("./Surface.cjs"),R=require("./UploadedFile.cjs"),O=require("./DoubleRangeSlider.cjs"),E=require("./DragAndDropFile.cjs"),Q=require("./DragDropFiles.cjs"),U=require("./Dropdown.cjs"),z=require("./DropdownLookup.cjs"),j=require("./MultiSelectDropdown.cjs"),J=require("./MultiSelectDropdownLookup.cjs"),X=require("./RadioGroup.cjs"),Y=require("./SearchBar.cjs"),Z=require("./Toggle.cjs"),_=require("./ButtonGroup.cjs"),$=require("./Content.cjs"),ee=require("./FlexBox.cjs"),re=require("./FlexGrid.cjs"),oe=require("./FlexGridItem.cjs"),te=require("./Footer.cjs"),ne=require("./FormField.cjs"),ie=require("./Grid.cjs"),ce=require("./GridItem.cjs"),ae=require("./Header.cjs"),se=require("./PageLayout.cjs"),ue=require("./Sidebar.cjs"),de=require("./Tabs.cjs"),qe=require("./TabItem.cjs"),le=require("./Accordion.cjs"),Se=require("./AccordionSummary.cjs"),pe=require("./AccordionDetails.cjs"),ge=require("./Breadcrumbs.cjs"),Ce=require("./ConfirmationForm.cjs"),me=require("./Drawer.cjs"),Be=require("./DropdownMenu.cjs"),Ie=require("./DropdownItem.cjs"),De=require("./NestedDropdownItem.cjs"),be=require("./Separator.cjs"),Te=require("./Modal.cjs"),Fe=require("./Pagination.cjs"),Pe=require("./Popover.cjs"),we=require("./PopoverClose.cjs"),he=require("./PopoverHeading.cjs"),fe=require("./PopoverContent.cjs"),Me=require("./PopoverTrigger.cjs"),Ae=require("./PopoverDescription.cjs"),ve=require("./SwipeableDrawer.cjs"),Ge=require("./TreeMenu.cjs"),xe=require("./MenuItem.cjs"),Le=require("./NestedMenuItem.cjs"),ye=require("./TreeMenuSeparator.cjs"),Ke=require("./MasonryGeneralCardsSection.cjs"),Ne=require("./DetailedProductsSection.cjs"),Ve=require("./DetailedProductsInfinitiveSection.cjs"),We=require("./ProductsWithBannerSection.cjs"),ke=require("./SimpleProductsSection.cjs"),He=require("./UrgentSaleProductsSection.cjs"),Re=require("./BannerSectionCarousel.cjs"),Oe=require("./BannerSectionGrid.cjs"),Ee=require("./BannerSectionSimple.cjs"),Qe=require("./BannerSectionWithList.cjs"),Ue=require("./BannerSectionWithListImage.cjs"),ze=require("./GiftCardsSection.cjs"),je=require("./BrandHitsSection.cjs"),Je=require("./FieldOfInterestsMasonrySection.cjs"),Xe=require("./FieldOfInterestsWithAvatarsCardsSection.cjs"),Ye=require("./FieldOfInterestsWithTagsCardsSection.cjs"),Ze=require("./BannerSectionBasic.cjs"),_e=require("./GeneralWithTagsCardsSection.cjs"),$e=require("./ShopCardsSection.cjs"),er=require("./QuizSection.cjs"),rr=require("./SalesCampaignsSection.cjs"),or=require("./CalorieCalculatorSection.cjs"),tr=require("./BlogCategoryCardsSection.cjs"),nr=require("./BlogProductCardsSection.cjs"),ir=require("./BlogShopCardsSection.cjs"),cr=require("./BlogCardsSponsoredSection.cjs"),ar=require("./BlogListSection.cjs"),sr=require("./AdBannerSection.cjs"),ur=require("./QuattroCardsSection.cjs"),dr=require("./FeedbackSection.cjs"),qr=require("./HelpBannerSection.cjs"),lr=require("./ContactSection.cjs"),Sr=require("./FaqSection.cjs"),pr=require("./SearchSection-BcbHP6QF.cjs"),gr=require("./StatsSection.cjs"),Cr=require("./ToggleSection.cjs"),mr=require("./BlogExploreSection.cjs"),r=require("./ThemeProvider.cjs"),Br=require("./CustomStyles-Ajyqx0cb.cjs");exports.CheckBoxInput=o;exports.ColorInput=t;exports.DateInput=e.default;exports.registerLocale=e.registerLocale;exports.DecimalInput=n;exports.DecimalInputV2=i;exports.FileInput=c;exports.NumberInput=a;exports.PasswordInput=s;exports.RadioInput=u;exports.RangeSlider=d;exports.TextAreaInput=q;exports.TextInput=l;exports.TimeInput=S;exports.Badge=p;exports.Chip=g;exports.DataView=C;exports.DetailsView=m;exports.EditableTable=B;exports.FormView=I;exports.Kanban=D;exports.KanbanCard=b.KanbanCard;exports.KanbanHeader=T;exports.KanbanFooter=F;exports.KanbanView=P;exports.KanbanActionsToolbar=w;exports.Table=h.default;exports.TableView=f;exports.ActionsToolbar=M;exports.Alert=A;exports.Notification=v;exports.NotificationContainer=G;exports.NotificationMessage=x;exports.ProgressBar=L;exports.Spinner=y;exports.Avatar=K;exports.Button=N;exports.Icon=V;exports.IconButton=W;exports.Link=k;exports.Surface=H;exports.UploadedFile=R;exports.DoubleRangeSlider=O;exports.DragAndDropFile=E;exports.DragDropFiles=Q;exports.Dropdown=U.default;exports.DropdownLookup=z;exports.MultiSelectDropdown=j;exports.MultiSelectDropdownLookup=J;exports.RadioGroup=X;exports.SearchBar=Y;exports.Toggle=Z;exports.ButtonGroup=_;exports.Content=$;exports.FlexBox=ee;exports.FlexGrid=re;exports.FlexGridItem=oe;exports.Footer=te;exports.FormField=ne;exports.Grid=ie;exports.GridItem=ce;exports.Header=ae;exports.PageLayout=se;exports.Sidebar=ue;exports.Tabs=de;exports.TabItem=qe;exports.Accordion=le;exports.AccordionSummary=Se;exports.AccordionDetails=pe.default;exports.Breadcrumbs=ge;exports.ConfirmationForm=Ce;exports.Drawer=me;exports.DropdownMenu=Be;exports.DropdownItem=Ie;exports.NestedDropdownItem=De;exports.Separator=be;exports.Modal=Te;exports.Pagination=Fe;exports.Popover=Pe;exports.PopoverClose=we;exports.PopoverHeading=he;exports.PopoverContent=fe;exports.PopoverTrigger=Me;exports.PopoverDescription=Ae;exports.SwipeableDrawer=ve;exports.TreeMenu=Ge;exports.MenuItem=xe;exports.NestedMenuItem=Le;exports.TreeMenuSeparator=ye;exports.MasonryGeneralCardsSection=Ke;exports.DetailedProductsSection=Ne;exports.DetailedProductsInfinitiveSection=Ve;exports.ProductsWithBannerSection=We;exports.SimpleProductsSection=ke;exports.UrgentSaleProductsSection=He;exports.BannerSectionCarousel=Re;exports.BannerSectionGrid=Oe;exports.BannerSectionSimple=Ee;exports.BannerSectionWithList=Qe;exports.BannerSectionWithListImage=Ue;exports.GiftCardsSection=ze;exports.BrandHitsSection=je;exports.FieldOfInterestsMasonrySection=Je;exports.FieldOfInterestsWithAvatarsCardsSection=Xe;exports.FieldOfInterestsWithTagsCardsSection=Ye;exports.BannerSectionBasic=Ze;exports.GeneralWithTagsCardsSection=_e;exports.ShopCardsSection=$e;exports.QuizSection=er;exports.SalesCampaignsSection=rr;exports.CalorieCalculatorSection=or;exports.BlogCategoryCardsSection=tr;exports.BlogProductCardsSection=nr;exports.BlogShopCardsSection=ir;exports.BlogCardsSponsoredSection=cr;exports.BlogListSection=ar;exports.AdBannerSection=sr;exports.QuattroCardsSection=ur;exports.FeedbackSection=dr;exports.HelpBannerSection=qr;exports.ContactSection=lr;exports.FaqSection=Sr;exports.SearchSection=pr.SearchSection;exports.StatsSection=gr;exports.ToggleSection=Cr;exports.BlogExploreSection=mr;exports.ThemeProvider=r.default;exports.useTheme=r.useTheme;exports.components=Br.components;

package/dist/index.js

@@ -119,7 +119,7 @@ import { default as br } from "./FeedbackSection.js";
 import { default as Fr } from "./HelpBannerSection.js";
 import { default as wr } from "./ContactSection.js";
 import { default as Ar } from "./FaqSection.js";
-import { S as vr } from "./SearchSection-CsfURtvf.js";
+import { S as vr } from "./SearchSection-DDQ_K98T.js";
 import { default as Lr } from "./StatsSection.js";
 import { default as Nr } from "./ToggleSection.js";
 import { default as Wr } from "./BlogExploreSection.js";

package/dist/{suspense-categories-card-simple-DuKEj9IU.js → suspense-categories-card-simple-BGj475Ca.js}

@@ -57,41 +57,42 @@ const c = g.div`
       max-height: 5.375rem;
     }
   }
-`, k = d((r, i) => {
-  const { uuid: t, image: o, name: a, onSelectCard: l = () => {
+`, k = d((r, a) => {
+  const { uuid: t, image: o, name: i, onSelectCard: l = () => {
   } } = r;
   return /* @__PURE__ */ m(
     c,
     {
+      ref: a,
       className: "simple-category-card",
       onClick: () => l(t),
       children: [
         /* @__PURE__ */ e("img", { src: o }),
-        /* @__PURE__ */ e("div", { className: "card-content", children: /* @__PURE__ */ e("div", { className: "card-content-2", children: a }) })
+        /* @__PURE__ */ e("div", { className: "card-content", children: /* @__PURE__ */ e("div", { className: "card-content-2", children: i }) })
       ]
     }
   );
 }), x = d(({}, r) => /* @__PURE__ */ m(c, { className: "simple-category-card", children: [
   /* @__PURE__ */ e("div", { className: "skeleton-img" }),
   /* @__PURE__ */ e("div", { className: "card-content" })
-] })), u = ({ limit: r = 12, isLoading: i = !1, keyPrefix: t }) => /* @__PURE__ */ e(s, { children: Array.from({ length: r }, (o, a) => /* @__PURE__ */ e(
+] })), u = ({ limit: r = 12, isLoading: a = !1, keyPrefix: t }) => /* @__PURE__ */ e(s, { children: Array.from({ length: r }, (o, i) => /* @__PURE__ */ e(
   x,
   {
-    isLoading: i
+    isLoading: a
   },
-  `${t}-skeleton-category-card-${a}`
+  `${t}-skeleton-category-card-${i}`
 )) }), b = ({
   children: r,
-  fallbackComponent: i = /* @__PURE__ */ e(s, {}),
+  fallbackComponent: a = /* @__PURE__ */ e(s, {}),
   isLoading: t = !1,
   limit: o,
-  keyPrefix: a
-}) => /* @__PURE__ */ e(h, { fallbackComponent: i, children: t === !0 ? /* @__PURE__ */ e(
+  keyPrefix: i
+}) => /* @__PURE__ */ e(h, { fallbackComponent: a, children: t === !0 ? /* @__PURE__ */ e(
   u,
   {
     isLoading: t,
     limit: o,
-    keyPrefix: a
+    keyPrefix: i
   }
 ) : r });
 export {

package/dist/{suspense-categories-card-simple-DaA0JGJJ.cjs → suspense-categories-card-simple-CjGtzfzp.cjs}

@@ -52,4 +52,4 @@
       max-height: 5.375rem;
     }
   }
-`,g=o.forwardRef((r,i)=>{const{uuid:t,image:n,name:a,onSelectCard:m=()=>{}}=r;return e.jsxs(c,{className:"simple-category-card",onClick:()=>m(t),children:[e.jsx("img",{src:n}),e.jsx("div",{className:"card-content",children:e.jsx("div",{className:"card-content-2",children:a})})]})}),h=o.forwardRef(({},r)=>e.jsxs(c,{className:"simple-category-card",children:[e.jsx("div",{className:"skeleton-img"}),e.jsx("div",{className:"card-content"})]})),x=({limit:r=12,isLoading:i=!1,keyPrefix:t})=>e.jsx(e.Fragment,{children:Array.from({length:r},(n,a)=>e.jsx(h,{isLoading:i},`${t}-skeleton-category-card-${a}`))}),u=({children:r,fallbackComponent:i=e.jsx(e.Fragment,{}),isLoading:t=!1,limit:n,keyPrefix:a})=>e.jsx(o.Suspense,{fallbackComponent:i,children:t===!0?e.jsx(x,{isLoading:t,limit:n,keyPrefix:a}):r});exports.CategorySimpleCard=g;exports.SuspenseSimpleCategoryCard=u;
+`,g=o.forwardRef((r,a)=>{const{uuid:t,image:n,name:i,onSelectCard:m=()=>{}}=r;return e.jsxs(c,{ref:a,className:"simple-category-card",onClick:()=>m(t),children:[e.jsx("img",{src:n}),e.jsx("div",{className:"card-content",children:e.jsx("div",{className:"card-content-2",children:i})})]})}),h=o.forwardRef(({},r)=>e.jsxs(c,{className:"simple-category-card",children:[e.jsx("div",{className:"skeleton-img"}),e.jsx("div",{className:"card-content"})]})),x=({limit:r=12,isLoading:a=!1,keyPrefix:t})=>e.jsx(e.Fragment,{children:Array.from({length:r},(n,i)=>e.jsx(h,{isLoading:a},`${t}-skeleton-category-card-${i}`))}),u=({children:r,fallbackComponent:a=e.jsx(e.Fragment,{}),isLoading:t=!1,limit:n,keyPrefix:i})=>e.jsx(o.Suspense,{fallbackComponent:a,children:t===!0?e.jsx(x,{isLoading:t,limit:n,keyPrefix:i}):r});exports.CategorySimpleCard=g;exports.SuspenseSimpleCategoryCard=u;

package/dist/suspense-product-card-detailed-BJ-HBkBc.js

@@ -0,0 +1,577 @@
+import { jsxs as t, jsx as e, Fragment as P } from "react/jsx-runtime";
+import { forwardRef as M, useState as L, useRef as q, useEffect as we, cloneElement as A, Suspense as be } from "react";
+import { p as ke, t as Y, o as k, l as K, q as H, G as Z, k as ye } from "./utils-BdsZgOUE.js";
+import { s as $ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { P as _e } from "./index-CF3HhgvN.js";
+import C from "./Badge.js";
+import Ne from "./Popover.js";
+import Ce from "./PopoverTrigger.js";
+import Pe from "./PopoverContent.js";
+import { u as $e } from "./useDetectMobile-Bkvj0VMa.js";
+import { M as J } from "./consts-BuFChS64.js";
+const Q = $.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  cursor: pointer;
+  overflow: hidden;
+  width: 100%;
+
+  & .wrapper-card-1 {
+    display: flex;
+    flex-direction: column;
+    gap: 0.38rem;
+  }
+
+  & .wrapper-card-2 {
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+  }
+
+  & .wrapper-card-3 {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.25rem;
+
+    & > div {
+      & > div {
+        width: 100% !important;
+      }
+    }
+  }
+
+  & .tag {
+    height: 1.5rem;
+    gap: 0.25rem;
+    padding: 0.25rem 0.375rem;
+    border-radius: 0.375rem;
+    background: #f9fafb;
+    border: 1px solid var(--gray-95012, #14161a1f);
+    font-weight: 400;
+    font-size: 0.75rem;
+    line-height: 1rem;
+    letter-spacing: 0.025rem;
+    color: var(--gray-950, #14161a);
+    white-space: nowrap;
+    flex: 0 0 auto;
+
+    & i {
+      color: var(--yellow-500, #f59e0b);
+    }
+  }
+
+  & .tag-mobile {
+    font-weight: 400;
+    font-size: 0.75rem;
+    line-height: 1rem;
+    letter-spacing: 0.025rem;
+    color: var(--gray-600, #676e79);
+  }
+
+  & .card-title {
+    font-size: 0.875rem;
+    font-weight: 600;
+    ${ke(2)}
+  }
+
+  & .price-text {
+    font-size: 1rem;
+    font-weight: 600;
+    ${Y()}
+    display: flex;
+    align-items: end;
+    gap: 0.5rem;
+    color: var(--gray-950, #14161a);
+
+    &.new-price {
+      color: var(--danger-600, #e11d48);
+    }
+
+    & .full-price {
+      text-decoration: line-through;
+      font-size: 0.75rem;
+      font-weight: 400;
+      padding-bottom: 0.125rem;
+      color: var(--gray-600, #676e79);
+    }
+  }
+
+  & .location-text {
+    font-size: 0.75rem;
+    font-weight: 400;
+    color: var(--gray-600, #676e79);
+    ${Y()}
+  }
+
+  & .tags-wrapper {
+    display: flex;
+    gap: 0.5rem;
+  }
+
+  & .skeleton-img {
+    background-color: ${k("-90deg")};
+    border-radius: 0.75rem;
+    border: 1px solid white;
+  }
+
+  & .skeleton-title {
+    background-color: ${k("-90deg")};
+    width: 100%;
+    height: 2.5rem;
+  }
+
+  & .skeleton-tags {
+    background-color: ${k("-90deg")};
+    width: 80%;
+    height: 1.5rem;
+  }
+
+  & .skeleton-price {
+    background-color: ${k("-90deg")};
+    width: 50%;
+    height: 2.5rem;
+  }
+
+  & .skeleton-sponsored {
+    background-color: ${k("-90deg")};
+    width: 50%;
+    height: 1rem;
+  }
+
+  & .tags-popover__trigger {
+    display: flex;
+    gap: 0.25rem;
+  }
+
+  @media (max-width: ${J + "px"}) {
+    overflow: visible;
+
+    & .tags-popover__trigger {
+      flex-wrap: wrap;
+    }
+
+    & .price-text {
+      font-size: 0.875rem;
+      font-weight: 600;
+
+      & .full-price {
+        display: none;
+      }
+    }
+  }
+
+  &:hover .product-image-wrapper img {
+    transform: scale(1.1);
+  }
+`, Te = $.div`
+  position: relative;
+  overflow: hidden;
+  border-radius: 0.75rem;
+  width: 100%;
+  aspect-ratio: 1 / 1;
+  border: 1px solid #0c15201f;
+
+  & .bookmarking-btn {
+    position: absolute;
+    right: 0.5rem;
+    top: 0.5rem;
+    z-index: 1;
+
+    display: none;
+  }
+
+  &:hover {
+    & .bookmarking-btn {
+      display: flex;
+    }
+  }
+
+  & img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    border-radius: 0.75rem;
+    transition: var(--transition, all 0.3s ease);
+  }
+
+  @media (max-width: ${J + "px"}) {
+    & img {
+      width: 8.875rem;
+      height: 8.875rem;
+      min-width: 8.875rem;
+      min-height: 8.875rem;
+      object-fit: cover;
+    }
+
+    & .bookmarking-btn {
+      display: flex;
+    }
+  }
+`, Ee = $.div`
+  background: var(--white, #fff);
+  z-index: 1;
+
+  border: 1px solid var(--gray-200, #dddfe4);
+  border-radius: 0.5rem;
+  line-height: 1rem;
+  position: absolute;
+  padding: 0.5rem 0.75rem;
+  top: 0.5rem;
+  left: 25%;
+  transform: translateX(-50%);
+  min-width: 13rem;
+
+  &::before,
+  &::after {
+    content: "";
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    border-style: solid;
+    border-width: 0.625rem;
+  }
+
+  &::after {
+    top: -1.1875rem;
+    border-color: transparent transparent var(--white, #fff) transparent;
+  }
+
+  &::before {
+    top: -1.25rem;
+    border-color: transparent transparent var(--gray-200, #dddfe4) transparent;
+  }
+
+  & .tags-popover__content {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    gap: 0.375rem;
+    font-size: 0.75rem;
+    font-weight: 400;
+
+    & .tags-popover__name {
+      color: var(--gray-600, #676e79);
+    }
+
+    & .tags-popover__value {
+      color: var(--gray-950, #14161a);
+    }
+  }
+`, Ve = $.div`
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  color: var(--gray-500);
+  font-size:  0.75rem;
+  font-weight: 500;
+
+  & i {
+    font-size: 1rem;
+    color: var(--warning-500, #F59E0B);
+  }
+`, Oe = M(({ sponsoredText: m = "Sponsored" }, v) => /* @__PURE__ */ t(Ve, { ref: v, className: "sponsored-line", children: [
+  /* @__PURE__ */ e("i", { className: "mng-lnc-paw2" }),
+  /* @__PURE__ */ e("span", { children: m })
+] })), Se = "Vehicles_Cars", ze = "Vehicles_Motorcycles", Be = "Vehicles_Trucks", Me = "Vehicles_AgriculturalMachines_Tractors", We = "Vehicles_ConstructionMachines", Fe = "Vehicles_Bus", De = "Vehicles_Campers", Ie = "RealEstates_", a = {
+  Mileage: {
+    icon: "mng-lnc-road",
+    measure: "km"
+  },
+  YearOfProduction: {
+    icon: "mng-lnc-calendar",
+    measure: ""
+  },
+  Fuel: {
+    icon: "mng-lnc-gas-station",
+    measure: ""
+  },
+  EnginePowerKW: {
+    icon: "mng-lnc-engine",
+    measure: "kW"
+  },
+  Transmission: {
+    icon: "mng-lnc-transmission",
+    measure: ""
+  },
+  Model: {
+    icon: "mng-lnc-application",
+    measure: ""
+  },
+  Brand: {
+    icon: "mng-lnc-car--front",
+    measure: ""
+  },
+  SurfaceArea: {
+    icon: "mng-lnc-right-angle",
+    measure: ""
+  },
+  Floor: {
+    icon: "mng-lnc-elevator",
+    measure: ""
+  },
+  FurnishedCondition: {
+    icon: "mng-lnc-sofa-01",
+    measure: ""
+  },
+  AdType: {
+    icon: "mng-lnc-notes",
+    measure: ""
+  },
+  NumberOfRooms: {
+    icon: "mng-lnc-meeting-room",
+    measure: ""
+  },
+  HeatingType: {
+    icon: "mng-lnc-heat",
+    measure: ""
+  },
+  AirConditioning: {
+    icon: "mng-lnc-air-conditioner",
+    measure: ""
+  },
+  Type: {
+    icon: "mng-lnc-house-building",
+    measure: ""
+  },
+  Parking: {
+    icon: "mng-lnc-parking-area-circle",
+    measure: ""
+  },
+  Internet: {
+    icon: "mng-lnc-wifi-02",
+    measure: ""
+  },
+  State: {
+    icon: "mng-lnc-settings-1",
+    measure: ""
+  },
+  NumberOfPremises: {
+    icon: "mng-lnc-meeting-room",
+    measure: ""
+  },
+  Pool: {
+    icon: "mng-lnc-pool",
+    measure: ""
+  },
+  Approach: {
+    icon: "mng-lnc-driveway",
+    measure: ""
+  },
+  NumberOfBeds: {
+    icon: "mng-lnc-bed",
+    measure: ""
+  },
+  Kitchen: {
+    icon: "mng-lnc-fridge",
+    measure: ""
+  },
+  BathroomToilet: {
+    icon: "mng-lnc-bath",
+    measure: ""
+  },
+  default: {
+    icon: " mng-lnc-clock--filled",
+    measure: ""
+  }
+}, xe = M((m, v) => {
+  const {
+    uuid: p,
+    name: y,
+    price: u = 0,
+    sellingPrice: _,
+    currency: N,
+    isNegotiable: T,
+    isFree: E,
+    imageUrl: x,
+    location: ee,
+    sponsored: re,
+    imageComponent: W,
+    onSelectCard: oe = () => {
+    },
+    freeText: ne = "Free",
+    negotiableText: te = "Negotiable",
+    tags: n = [],
+    categoryCode: V,
+    condition: O,
+    quantity: S,
+    trade: z,
+    sponsoredText: ie,
+    onBookmark: F = () => {
+    },
+    bookmarkComponent: w,
+    bookmarked: D,
+    bookmarkLists: ae
+  } = m, B = $e(), se = () => {
+    var c;
+    if (!K(w)) return /* @__PURE__ */ e(P, {});
+    const r = w, o = (c = w == null ? void 0 : w.props) == null ? void 0 : c.children, i = A(o, {
+      key: `bookmark_pr__${D}`,
+      bookmarked: D,
+      productUuid: p,
+      onAddToBookmark: () => F(!0, p),
+      onRemoveFromBookmark: () => F(!1, p),
+      bookmarkedUuidList: ae
+    });
+    return A(r, void 0, i);
+  }, I = [
+    Se,
+    ze,
+    Be,
+    Me,
+    We,
+    Fe,
+    De,
+    Ie
+  ].some(
+    (r) => V == null ? void 0 : V.includes(r)
+  ), [ce, j] = L(!1), le = () => {
+    j(!0);
+  }, de = () => {
+    j(!1);
+  }, s = q(null), h = q([]), [me, pe] = L(n == null ? void 0 : n.length), ge = () => {
+    var c, l, b;
+    if (!(s != null && s.current) || ((c = h == null ? void 0 : h.current) == null ? void 0 : c.length) === 0) return;
+    const r = (l = s == null ? void 0 : s.current) == null ? void 0 : l.offsetWidth;
+    let o = 0, i = 0;
+    for (let d = 0; d < (n == null ? void 0 : n.length); d++) {
+      const f = ((b = h == null ? void 0 : h.current[d]) == null ? void 0 : b.offsetWidth) || 0, g = o + f + 4;
+      if (g <= r)
+        o += g, i++;
+      else
+        break;
+    }
+    pe(i);
+  };
+  we(() => {
+    const r = s == null ? void 0 : s.current;
+    if (!r) return;
+    const o = new ResizeObserver(() => {
+      ge();
+    });
+    return o.observe(r), () => {
+      o.disconnect();
+    };
+  }, [n]);
+  const ue = () => {
+    var r;
+    return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = n == null ? void 0 : n.slice(0, me)) == null ? void 0 : r.map((o, i) => {
+      var f, g, R, U, X;
+      const c = ((f = a == null ? void 0 : a[o == null ? void 0 : o.code]) == null ? void 0 : f.icon) ?? ((g = a == null ? void 0 : a.default) == null ? void 0 : g.icon) ?? "", l = ((R = o == null ? void 0 : o.measurementUnit) == null ? void 0 : R.symbol) ?? ((U = a == null ? void 0 : a[o == null ? void 0 : o.code]) == null ? void 0 : U.measure) ?? "", d = [(o == null ? void 0 : o.value) ?? ((X = o == null ? void 0 : o.multiOptions) == null ? void 0 : X[0]) ?? "", l].filter(Boolean).join(" ");
+      return B ? /* @__PURE__ */ t("div", { className: "tag-mobile", children: [
+        d,
+        i < (n == null ? void 0 : n.length) - 1 ? " · " : ""
+      ] }) : /* @__PURE__ */ t(
+        C,
+        {
+          ref: (ve) => h.current[i] = ve,
+          className: "tag",
+          children: [
+            /* @__PURE__ */ e("i", { className: c }),
+            d
+          ]
+        },
+        `detailed-products-section-tag__${i + 1}`
+      );
+    }) });
+  }, he = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: n == null ? void 0 : n.map((r, o) => {
+    var d, f, g;
+    const i = ((d = r == null ? void 0 : r.measurementUnit) == null ? void 0 : d.symbol) ?? ((f = a == null ? void 0 : a[r == null ? void 0 : r.code]) == null ? void 0 : f.measure) ?? "", l = [(r == null ? void 0 : r.value) ?? ((g = r == null ? void 0 : r.multiOptions) == null ? void 0 : g[0]) ?? "", i].filter(Boolean).join(" "), b = r == null ? void 0 : r.name;
+    return /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${b}: ` }),
+      /* @__PURE__ */ e("span", { className: "tags-popover__value", children: l })
+    ] }, `detailed-products-section-tag-dropdown__${o + 1}`);
+  }) }), fe = () => {
+    var r;
+    if (B) {
+      const o = [O, S, z];
+      return (r = o == null ? void 0 : o.filter((i) => ye(i))) == null ? void 0 : r.map((i, c, l) => /* @__PURE__ */ t("div", { className: "tag-mobile", children: [
+        i,
+        c < (l == null ? void 0 : l.length) - 1 ? " · " : ""
+      ] }));
+    }
+    return /* @__PURE__ */ t(P, { children: [
+      O && /* @__PURE__ */ e(C, { className: "tag", children: O }, "detailed-products-section-tag__condition"),
+      S && /* @__PURE__ */ e(C, { className: "tag", children: S }, "detailed-products-section-tag__quantity"),
+      z && /* @__PURE__ */ e(C, { className: "tag", children: z }, "detailed-products-section-tag__trade")
+    ] });
+  }, G = u > 0 && N && T !== !0 && E !== !0 && u !== _;
+  return (
+    // <LandingPageProductCardSkeleton />
+    /* @__PURE__ */ t(
+      Q,
+      {
+        ref: s,
+        className: "product-card",
+        onClick: oe,
+        children: [
+          /* @__PURE__ */ t(Te, { className: "product-image-wrapper", children: [
+            /* @__PURE__ */ e(se, {}),
+            K(W) ? W : /* @__PURE__ */ e(_e, { src: x })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "wrapper-card-1", children: /* @__PURE__ */ e("div", { className: "card-title", children: y }) }),
+          /* @__PURE__ */ t("div", { className: "wrapper-card-3", children: [
+            I && /* @__PURE__ */ e(
+              "div",
+              {
+                ...B ? {} : {
+                  onMouseEnter: le,
+                  onMouseLeave: de
+                },
+                children: /* @__PURE__ */ t(Ne, { placement: "bottom", open: ce, children: [
+                  /* @__PURE__ */ e(Ce, { children: ue() }),
+                  /* @__PURE__ */ e(Pe, { style: { all: "unset" }, children: /* @__PURE__ */ e(Ee, { children: he() }) })
+                ] })
+              }
+            ),
+            !I && fe()
+          ] }),
+          /* @__PURE__ */ t("div", { className: "wrapper-card-2", children: [
+            /* @__PURE__ */ t("div", { className: `price-text ${G ? "new-price" : ""}`, children: [
+              _ > 0 && N && T !== !0 && E !== !0 && /* @__PURE__ */ e("div", { children: `${H(_)} ${Z(N)}` }),
+              G && /* @__PURE__ */ e("div", { className: `${_ > 0 ? "full-price" : ""}`, children: `${H(u)} ${Z(N)}` }),
+              T && te,
+              E && ne
+            ] }),
+            /* @__PURE__ */ e("div", { className: "location-text", children: ee })
+          ] }),
+          re === !0 && /* @__PURE__ */ e(Oe, { sponsoredText: ie })
+        ]
+      }
+    )
+  );
+}), je = M(({}, m) => /* @__PURE__ */ t(Q, { className: "product-card", children: [
+  /* @__PURE__ */ e("img", { className: "skeleton-img" }),
+  /* @__PURE__ */ t("div", { className: "wrapper-card-1", children: [
+    /* @__PURE__ */ e("div", { className: "skeleton-title" }),
+    /* @__PURE__ */ e("div", { className: "skeleton-tags" })
+  ] }),
+  /* @__PURE__ */ t("div", { className: "wrapper-card-1", children: [
+    /* @__PURE__ */ e("div", { className: "skeleton-price" }),
+    /* @__PURE__ */ e("div", { className: "skeleton-sponsored" })
+  ] })
+] })), Ge = ({ limit: m = 5, isLoading: v = !1, keyPrefix: p }) => /* @__PURE__ */ e(P, { children: Array.from({ length: m }, (y, u) => /* @__PURE__ */ e(
+  je,
+  {
+    isLoading: v
+  },
+  `${p}-skeleton-product-card-${u}`
+)) }), er = ({
+  children: m,
+  fallbackComponent: v = /* @__PURE__ */ e(P, {}),
+  isLoading: p = !1,
+  limit: y,
+  keyPrefix: u
+}) => /* @__PURE__ */ e(be, { fallbackComponent: v, children: p === !0 ? /* @__PURE__ */ e(
+  Ge,
+  {
+    isLoading: p,
+    limit: y,
+    keyPrefix: u
+  }
+) : m });
+export {
+  xe as D,
+  er as S
+};