@lanaco/lnc-react-ui 4.0.23 → 4.0.25

package/dist/index-jVpIwR2G.js

@@ -0,0 +1,159 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { n as l } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { M as v } from "./consts-DNVz1x1I.js";
+import { t as k, o as d, m as r, l as y, n as $, G as N } from "./utils-DtEdJZWa.js";
+const S = l.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  cursor: pointer;
+
+  & .wrapper-card-1 {
+    display: flex;
+    flex-direction: column;
+    gap: 0.38rem;
+  }
+
+  & .wrapper-card-2 {
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+  }
+
+  & img {
+    width: 100%;
+    aspect-ratio: 1 / 1; /* defining the aspect ratio of the image */
+    object-fit: cover; /* making sure the image isn't distorted */
+    border-radius: 0.75rem;
+  }
+
+  & .card-title {
+    font-size: 0.875rem;
+    font-weight: 600;
+    ${k(2)}
+  }
+
+  & .price-text {
+    font-size: 1rem;
+    font-weight: 600;
+    ${d()}
+  }
+
+  & .location-text {
+    font-size: 0.75rem;
+    font-weight: 400;
+    color: var(--gray-600, #676e79);
+    ${d()}
+  }
+
+  & .tags-wrapper {
+    display: flex;
+    gap: 0.5rem;
+  }
+
+  &:hover {
+    & .card-title {
+      color: var(--primary-500, #f59e0b);
+    }
+  }
+
+  & .skeleton-img {
+    background-color: ${r("-90deg")};
+    border-radius: 0.75rem;
+    border: 1px solid white;
+  }
+
+  & .skeleton-title {
+    background-color: ${r("-90deg")};
+    width: 100%;
+    height: 2.5rem;
+  }
+
+  & .skeleton-tags {
+    background-color: ${r("-90deg")};
+    width: 80%;
+    height: 1.5rem;
+  }
+
+  & .skeleton-price {
+    background-color: ${r("-90deg")};
+    width: 50%;
+    height: 2.5rem;
+  }
+
+  & .skeleton-sponsored {
+    background-color: ${r("-90deg")};
+    width: 50%;
+    height: 1rem;
+  }
+
+  @media (max-width: ${v + "px"}) {
+    & img {
+      width: 8.875rem;
+      height: 8.875rem;
+      min-width: 8.875rem;
+      min-height: 8.875rem;
+      min-width: 8.875rem;
+      min-height: 8.875rem;
+      object-fit: cover;
+    }
+
+    & .price-text {
+      font-size: 0.875rem;
+      font-weight: 600;
+    }
+  }
+`, z = l.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);
+  }
+`, C = s(({ sponsoredText: t = "Sponsored" }, o) => /* @__PURE__ */ i(z, { ref: o, className: "sponsored-line", children: [
+  /* @__PURE__ */ e("i", { className: "mng-lnc-paw2" }),
+  /* @__PURE__ */ e("span", { children: t })
+] })), P = s((t, o) => {
+  const {
+    uuid: j,
+    title: m,
+    price: a,
+    currency: n,
+    isNegotiable: p,
+    isFree: g,
+    image: h,
+    sellerUuid: T,
+    location: f,
+    isSponsored: w,
+    imageComponent: c,
+    onSelectCard: u = () => {
+    },
+    freeText: x = "Free",
+    negotiableText: b = "Negotiable"
+  } = t;
+  return (
+    // <LandingPageProductCardSkeleton />
+    /* @__PURE__ */ i(S, { className: "product-card", onClick: u, children: [
+      y(c) ? c : /* @__PURE__ */ e("img", { src: h }),
+      /* @__PURE__ */ e("div", { className: "wrapper-card-1", children: /* @__PURE__ */ e("div", { className: "card-title", children: m }) }),
+      /* @__PURE__ */ i("div", { className: "wrapper-card-2", children: [
+        /* @__PURE__ */ i("div", { className: "price-text", children: [
+          a && n && `${$(a)} ${N(n)}`,
+          p && { negotiableText: b },
+          g && { freeText: x }
+        ] }),
+        /* @__PURE__ */ e("div", { className: "location-text", children: f })
+      ] }),
+      w === !0 && /* @__PURE__ */ e(C, {})
+    ] })
+  );
+});
+export {
+  P as D
+};

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./CheckBoxInput.cjs"),n=require("./ColorInput.cjs"),e=require("./DateInput.cjs"),t=require("./DecimalInput.cjs"),i=require("./DecimalInputV2.cjs"),u=require("./FileInput.cjs"),a=require("./NumberInput.cjs"),c=require("./PasswordInput.cjs"),s=require("./RadioInput.cjs"),q=require("./RangeSlider.cjs"),p=require("./TextAreaInput.cjs"),d=require("./TextInput.cjs"),l=require("./TimeInput.cjs"),m=require("./Badge.cjs"),D=require("./Chip.cjs"),I=require("./DataView.cjs"),b=require("./DetailsView.cjs"),T=require("./EditableTable.cjs"),g=require("./FormView.cjs"),w=require("./Kanban.cjs"),S=require("./KanbanCard-DV3VnSUi.cjs"),F=require("./KanbanHeader.cjs"),P=require("./KanbanFooter.cjs"),C=require("./KanbanView.cjs"),M=require("./KanbanActionsToolbar.cjs"),A=require("./Table.cjs"),B=require("./TableView.cjs"),v=require("./ActionsToolbar.cjs"),f=require("./Alert.cjs"),x=require("./Notification.cjs"),K=require("./NotificationContainer.cjs"),G=require("./NotificationMessage.cjs"),N=require("./ProgressBar.cjs"),V=require("./Spinner.cjs"),h=require("./Avatar.cjs"),L=require("./Button.cjs"),k=require("./Icon.cjs"),R=require("./IconButton.cjs"),y=require("./Link.cjs"),H=require("./Surface.cjs"),E=require("./UploadedFile.cjs"),U=require("./DoubleRangeSlider.cjs"),j=require("./DragAndDropFile.cjs"),O=require("./DragDropFiles.cjs"),z=require("./Dropdown.cjs"),J=require("./DropdownLookup.cjs"),Q=require("./MultiSelectDropdown.cjs"),W=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"),ne=require("./Footer.cjs"),te=require("./FormField.cjs"),ie=require("./Grid.cjs"),ue=require("./GridItem.cjs"),ae=require("./Header.cjs"),ce=require("./PageLayout.cjs"),se=require("./Sidebar.cjs"),qe=require("./Tabs.cjs"),pe=require("./TabItem.cjs"),de=require("./Accordion.cjs"),le=require("./AccordionSummary.cjs"),me=require("./AccordionDetails.cjs"),De=require("./Breadcrumbs.cjs"),Ie=require("./ConfirmationForm.cjs"),be=require("./Drawer.cjs"),Te=require("./DropdownMenu.cjs"),ge=require("./DropdownItem.cjs"),we=require("./NestedDropdownItem.cjs"),Se=require("./Separator.cjs"),Fe=require("./Modal.cjs"),Pe=require("./Pagination.cjs"),Ce=require("./Popover.cjs"),Me=require("./PopoverClose.cjs"),Ae=require("./PopoverHeading.cjs"),Be=require("./PopoverContent.cjs"),ve=require("./PopoverTrigger.cjs"),fe=require("./PopoverDescription.cjs"),xe=require("./SwipeableDrawer.cjs"),Ke=require("./TreeMenu.cjs"),Ge=require("./MenuItem.cjs"),Ne=require("./NestedMenuItem.cjs"),Ve=require("./TreeMenuSeparator.cjs"),r=require("./ThemeProvider.cjs"),he=require("./CustomStyles-Dlqxic2X.cjs");exports.CheckBoxInput=o;exports.ColorInput=n;exports.DateInput=e.default;exports.registerLocale=e.registerLocale;exports.DecimalInput=t;exports.DecimalInputV2=i;exports.FileInput=u;exports.NumberInput=a;exports.PasswordInput=c;exports.RadioInput=s;exports.RangeSlider=q;exports.TextAreaInput=p;exports.TextInput=d;exports.TimeInput=l;exports.Badge=m;exports.Chip=D;exports.DataView=I;exports.DetailsView=b;exports.EditableTable=T;exports.FormView=g;exports.Kanban=w;exports.KanbanCard=S.KanbanCard;exports.KanbanHeader=F;exports.KanbanFooter=P;exports.KanbanView=C;exports.KanbanActionsToolbar=M;exports.Table=A.default;exports.TableView=B;exports.ActionsToolbar=v;exports.Alert=f;exports.Notification=x;exports.NotificationContainer=K;exports.NotificationMessage=G;exports.ProgressBar=N;exports.Spinner=V;exports.Avatar=h;exports.Button=L;exports.Icon=k;exports.IconButton=R;exports.Link=y;exports.Surface=H;exports.UploadedFile=E;exports.DoubleRangeSlider=U;exports.DragAndDropFile=j;exports.DragDropFiles=O;exports.Dropdown=z.default;exports.DropdownLookup=J;exports.MultiSelectDropdown=Q;exports.MultiSelectDropdownLookup=W;exports.RadioGroup=X;exports.SearchBar=Y;exports.Toggle=Z;exports.ButtonGroup=_;exports.Content=$;exports.FlexBox=ee;exports.FlexGrid=re;exports.FlexGridItem=oe;exports.Footer=ne;exports.FormField=te;exports.Grid=ie;exports.GridItem=ue;exports.Header=ae;exports.PageLayout=ce;exports.Sidebar=se;exports.Tabs=qe;exports.TabItem=pe;exports.Accordion=de;exports.AccordionSummary=le;exports.AccordionDetails=me.default;exports.Breadcrumbs=De;exports.ConfirmationForm=Ie;exports.Drawer=be;exports.DropdownMenu=Te;exports.DropdownItem=ge;exports.NestedDropdownItem=we;exports.Separator=Se;exports.Modal=Fe;exports.Pagination=Pe;exports.Popover=Ce;exports.PopoverClose=Me;exports.PopoverHeading=Ae;exports.PopoverContent=Be;exports.PopoverTrigger=ve;exports.PopoverDescription=fe;exports.SwipeableDrawer=xe;exports.TreeMenu=Ke;exports.MenuItem=Ge;exports.NestedMenuItem=Ne;exports.TreeMenuSeparator=Ve;exports.ThemeProvider=r.default;exports.useTheme=r.useTheme;exports.components=he.components;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./CheckBoxInput.cjs"),n=require("./ColorInput.cjs"),e=require("./DateInput.cjs"),t=require("./DecimalInput.cjs"),i=require("./DecimalInputV2.cjs"),u=require("./FileInput.cjs"),c=require("./NumberInput.cjs"),a=require("./PasswordInput.cjs"),s=require("./RadioInput.cjs"),q=require("./RangeSlider.cjs"),d=require("./TextAreaInput.cjs"),l=require("./TextInput.cjs"),p=require("./TimeInput.cjs"),m=require("./Badge.cjs"),D=require("./Chip.cjs"),I=require("./DataView.cjs"),b=require("./DetailsView.cjs"),S=require("./EditableTable.cjs"),g=require("./FormView.cjs"),T=require("./Kanban.cjs"),w=require("./KanbanCard-CofqdTrO.cjs"),P=require("./KanbanHeader.cjs"),F=require("./KanbanFooter.cjs"),x=require("./KanbanView.cjs"),B=require("./KanbanActionsToolbar.cjs"),C=require("./Table.cjs"),M=require("./TableView.cjs"),A=require("./ActionsToolbar.cjs"),v=require("./Alert.cjs"),f=require("./Notification.cjs"),G=require("./NotificationContainer.cjs"),h=require("./NotificationMessage.cjs"),K=require("./ProgressBar.cjs"),L=require("./Spinner.cjs"),N=require("./Avatar.cjs"),V=require("./Button.cjs"),$=require("./Icon.cjs"),k=require("./IconButton.cjs"),y=require("./Link.cjs"),R=require("./Surface.cjs"),H=require("./UploadedFile.cjs"),U=require("./DoubleRangeSlider.cjs"),W=require("./DragAndDropFile.cjs"),E=require("./DragDropFiles.cjs"),j=require("./Dropdown.cjs"),O=require("./DropdownLookup.cjs"),z=require("./MultiSelectDropdown.cjs"),J=require("./MultiSelectDropdownLookup.cjs"),Q=require("./RadioGroup.cjs"),X=require("./SearchBar.cjs"),Y=require("./Toggle.cjs"),Z=require("./ButtonGroup.cjs"),_=require("./Content.cjs"),ee=require("./FlexBox.cjs"),re=require("./FlexGrid.cjs"),oe=require("./FlexGridItem.cjs"),ne=require("./Footer.cjs"),te=require("./FormField.cjs"),ie=require("./Grid.cjs"),ue=require("./GridItem.cjs"),ce=require("./Header.cjs"),ae=require("./PageLayout.cjs"),se=require("./Sidebar.cjs"),qe=require("./Tabs.cjs"),de=require("./TabItem.cjs"),le=require("./Accordion.cjs"),pe=require("./AccordionSummary.cjs"),me=require("./AccordionDetails.cjs"),De=require("./Breadcrumbs.cjs"),Ie=require("./ConfirmationForm.cjs"),be=require("./Drawer.cjs"),Se=require("./DropdownMenu.cjs"),ge=require("./DropdownItem.cjs"),Te=require("./NestedDropdownItem.cjs"),we=require("./Separator.cjs"),Pe=require("./Modal.cjs"),Fe=require("./Pagination.cjs"),xe=require("./Popover.cjs"),Be=require("./PopoverClose.cjs"),Ce=require("./PopoverHeading.cjs"),Me=require("./PopoverContent.cjs"),Ae=require("./PopoverTrigger.cjs"),ve=require("./PopoverDescription.cjs"),fe=require("./SwipeableDrawer.cjs"),Ge=require("./TreeMenu.cjs"),he=require("./MenuItem.cjs"),Ke=require("./NestedMenuItem.cjs"),Le=require("./TreeMenuSeparator.cjs"),Ne=require("./index8.cjs"),Ve=require("./index2.cjs"),$e=require("./index9.cjs"),ke=require("./index10.cjs"),ye=require("./index3.cjs"),Re=require("./index11.cjs"),He=require("./index4.cjs"),Ue=require("./index5.cjs"),We=require("./index6.cjs"),Ee=require("./index7.cjs"),r=require("./ThemeProvider.cjs"),je=require("./CustomStyles-CBON9fD-.cjs");exports.CheckBoxInput=o;exports.ColorInput=n;exports.DateInput=e.default;exports.registerLocale=e.registerLocale;exports.DecimalInput=t;exports.DecimalInputV2=i;exports.FileInput=u;exports.NumberInput=c;exports.PasswordInput=a;exports.RadioInput=s;exports.RangeSlider=q;exports.TextAreaInput=d;exports.TextInput=l;exports.TimeInput=p;exports.Badge=m;exports.Chip=D;exports.DataView=I;exports.DetailsView=b;exports.EditableTable=S;exports.FormView=g;exports.Kanban=T;exports.KanbanCard=w.KanbanCard;exports.KanbanHeader=P;exports.KanbanFooter=F;exports.KanbanView=x;exports.KanbanActionsToolbar=B;exports.Table=C.default;exports.TableView=M;exports.ActionsToolbar=A;exports.Alert=v;exports.Notification=f;exports.NotificationContainer=G;exports.NotificationMessage=h;exports.ProgressBar=K;exports.Spinner=L;exports.Avatar=N;exports.Button=V;exports.Icon=$;exports.IconButton=k;exports.Link=y;exports.Surface=R;exports.UploadedFile=H;exports.DoubleRangeSlider=U;exports.DragAndDropFile=W;exports.DragDropFiles=E;exports.Dropdown=j.default;exports.DropdownLookup=O;exports.MultiSelectDropdown=z;exports.MultiSelectDropdownLookup=J;exports.RadioGroup=Q;exports.SearchBar=X;exports.Toggle=Y;exports.ButtonGroup=Z;exports.Content=_;exports.FlexBox=ee;exports.FlexGrid=re;exports.FlexGridItem=oe;exports.Footer=ne;exports.FormField=te;exports.Grid=ie;exports.GridItem=ue;exports.Header=ce;exports.PageLayout=ae;exports.Sidebar=se;exports.Tabs=qe;exports.TabItem=de;exports.Accordion=le;exports.AccordionSummary=pe;exports.AccordionDetails=me.default;exports.Breadcrumbs=De;exports.ConfirmationForm=Ie;exports.Drawer=be;exports.DropdownMenu=Se;exports.DropdownItem=ge;exports.NestedDropdownItem=Te;exports.Separator=we;exports.Modal=Pe;exports.Pagination=Fe;exports.Popover=xe;exports.PopoverClose=Be;exports.PopoverHeading=Ce;exports.PopoverContent=Me;exports.PopoverTrigger=Ae;exports.PopoverDescription=ve;exports.SwipeableDrawer=fe;exports.TreeMenu=Ge;exports.MenuItem=he;exports.NestedMenuItem=Ke;exports.TreeMenuSeparator=Le;exports.MasonryGeneralCardsSection=Ne;exports.DetailedProductsSection=Ve;exports.ProductsWithBannerSection=$e;exports.SimpleProductsSection=ke;exports.UrgentSaleProductsSection=ye;exports.BannerSectionCarousel=Re;exports.BannerSectionGrid=He;exports.BannerSectionSimple=Ue;exports.BannerSectionWithList=We;exports.BannerSectionWithListImage=Ee;exports.ThemeProvider=r.default;exports.useTheme=r.useTheme;exports.components=je.components;

package/dist/index.js

@@ -1,184 +1,204 @@
 import { default as r } from "./CheckBoxInput.js";
-import { default as t } from "./ColorInput.js";
+import { default as a } from "./ColorInput.js";
 import { default as p, registerLocale as d } from "./DateInput.js";
 import { default as u } from "./DecimalInput.js";
-import { default as s } from "./DecimalInputV2.js";
+import { default as m } from "./DecimalInputV2.js";
 import { default as n } from "./FileInput.js";
 import { default as c } from "./NumberInput.js";
-import { default as I } from "./PasswordInput.js";
-import { default as w } from "./RadioInput.js";
-import { default as g } from "./RangeSlider.js";
-import { default as S } from "./TextAreaInput.js";
-import { default as A } from "./TextInput.js";
-import { default as C } from "./TimeInput.js";
-import { default as v } from "./Badge.js";
+import { default as D } from "./PasswordInput.js";
+import { default as b } from "./RadioInput.js";
+import { default as w } from "./RangeSlider.js";
+import { default as B } from "./TextAreaInput.js";
+import { default as F } from "./TextInput.js";
+import { default as M } from "./TimeInput.js";
+import { default as h } from "./Badge.js";
 import { default as G } from "./Chip.js";
-import { default as V } from "./DataView.js";
-import { default as L } from "./DetailsView.js";
+import { default as L } from "./DataView.js";
+import { default as V } from "./DetailsView.js";
 import { default as R } from "./EditableTable.js";
-import { default as y } from "./FormView.js";
+import { default as H } from "./FormView.js";
 import { default as U } from "./Kanban.js";
-import { K as q } from "./KanbanCard-CHZ_C9kk.js";
-import { default as J } from "./KanbanHeader.js";
-import { default as Q } from "./KanbanFooter.js";
+import { K as j } from "./KanbanCard-BDyFaKYd.js";
+import { default as z } from "./KanbanHeader.js";
+import { default as O } from "./KanbanFooter.js";
 import { default as X } from "./KanbanView.js";
 import { default as Z } from "./KanbanActionsToolbar.js";
 import { default as $ } from "./Table.js";
 import { default as oe } from "./TableView.js";
-import { default as ae } from "./ActionsToolbar.js";
+import { default as te } from "./ActionsToolbar.js";
 import { default as fe } from "./Alert.js";
 import { default as de } from "./Notification.js";
 import { default as ue } from "./NotificationContainer.js";
-import { default as se } from "./NotificationMessage.js";
+import { default as me } from "./NotificationMessage.js";
 import { default as ne } from "./ProgressBar.js";
 import { default as ce } from "./Spinner.js";
-import { default as Ie } from "./Avatar.js";
-import { default as we } from "./Button.js";
-import { default as ge } from "./Icon.js";
-import { default as Se } from "./IconButton.js";
-import { default as Ae } from "./Link.js";
-import { default as Ce } from "./Surface.js";
-import { default as ve } from "./UploadedFile.js";
+import { default as De } from "./Avatar.js";
+import { default as be } from "./Button.js";
+import { default as we } from "./Icon.js";
+import { default as Be } from "./IconButton.js";
+import { default as Fe } from "./Link.js";
+import { default as Me } from "./Surface.js";
+import { default as he } from "./UploadedFile.js";
 import { default as Ge } from "./DoubleRangeSlider.js";
-import { default as Ve } from "./DragAndDropFile.js";
-import { default as Le } from "./DragDropFiles.js";
+import { default as Le } from "./DragAndDropFile.js";
+import { default as Ve } from "./DragDropFiles.js";
 import { default as Re } from "./Dropdown.js";
-import { default as ye } from "./DropdownLookup.js";
+import { default as He } from "./DropdownLookup.js";
 import { default as Ue } from "./MultiSelectDropdown.js";
-import { default as qe } from "./MultiSelectDropdownLookup.js";
-import { default as Je } from "./RadioGroup.js";
-import { default as Qe } from "./SearchBar.js";
+import { default as je } from "./MultiSelectDropdownLookup.js";
+import { default as ze } from "./RadioGroup.js";
+import { default as Oe } from "./SearchBar.js";
 import { default as Xe } from "./Toggle.js";
 import { default as Ze } from "./ButtonGroup.js";
 import { default as $e } from "./Content.js";
 import { default as oo } from "./FlexBox.js";
-import { default as ao } from "./FlexGrid.js";
+import { default as to } from "./FlexGrid.js";
 import { default as fo } from "./FlexGridItem.js";
 import { default as lo } from "./Footer.js";
-import { default as mo } from "./FormField.js";
+import { default as so } from "./FormField.js";
 import { default as xo } from "./Grid.js";
 import { default as io } from "./GridItem.js";
-import { default as Do } from "./Header.js";
-import { default as bo } from "./PageLayout.js";
-import { default as To } from "./Sidebar.js";
-import { default as Fo } from "./Tabs.js";
+import { default as So } from "./Header.js";
+import { default as Io } from "./PageLayout.js";
+import { default as go } from "./Sidebar.js";
+import { default as To } from "./Tabs.js";
 import { default as Po } from "./TabItem.js";
-import { default as Bo } from "./Accordion.js";
-import { default as Mo } from "./AccordionSummary.js";
-import { default as Ko } from "./AccordionDetails.js";
-import { default as No } from "./Breadcrumbs.js";
-import { default as ho } from "./ConfirmationForm.js";
+import { default as Co } from "./Accordion.js";
+import { default as Ao } from "./AccordionSummary.js";
+import { default as vo } from "./AccordionDetails.js";
+import { default as Ko } from "./Breadcrumbs.js";
+import { default as No } from "./ConfirmationForm.js";
 import { default as ko } from "./Drawer.js";
-import { default as Ho } from "./DropdownMenu.js";
-import { default as Eo } from "./DropdownItem.js";
-import { default as jo } from "./NestedDropdownItem.js";
-import { default as zo } from "./Separator.js";
-import { default as Oo } from "./Modal.js";
-import { default as Wo } from "./Pagination.js";
+import { default as yo } from "./DropdownMenu.js";
+import { default as Wo } from "./DropdownItem.js";
+import { default as Eo } from "./NestedDropdownItem.js";
+import { default as qo } from "./Separator.js";
+import { default as Jo } from "./Modal.js";
+import { default as Qo } from "./Pagination.js";
 import { default as Yo } from "./Popover.js";
 import { default as _o } from "./PopoverClose.js";
 import { default as er } from "./PopoverHeading.js";
 import { default as rr } from "./PopoverContent.js";
-import { default as tr } from "./PopoverTrigger.js";
+import { default as ar } from "./PopoverTrigger.js";
 import { default as pr } from "./PopoverDescription.js";
 import { default as lr } from "./SwipeableDrawer.js";
-import { default as mr } from "./TreeMenu.js";
+import { default as sr } from "./TreeMenu.js";
 import { default as xr } from "./MenuItem.js";
 import { default as ir } from "./NestedMenuItem.js";
-import { default as Dr } from "./TreeMenuSeparator.js";
-import { default as br, useTheme as wr } from "./ThemeProvider.js";
-import { c as gr } from "./CustomStyles-BUSJ8bZt.js";
+import { default as Sr } from "./TreeMenuSeparator.js";
+import { default as Ir } from "./index8.js";
+import { default as gr } from "./index2.js";
+import { default as Tr } from "./index9.js";
+import { default as Pr } from "./index10.js";
+import { default as Cr } from "./index3.js";
+import { default as Ar } from "./index11.js";
+import { default as vr } from "./index4.js";
+import { default as Kr } from "./index5.js";
+import { default as Nr } from "./index6.js";
+import { default as kr } from "./index7.js";
+import { default as yr, useTheme as Hr } from "./ThemeProvider.js";
+import { c as Ur } from "./CustomStyles-DuADCM-0.js";
 export {
-  Bo as Accordion,
-  Ko as AccordionDetails,
-  Mo as AccordionSummary,
-  ae as ActionsToolbar,
+  Co as Accordion,
+  vo as AccordionDetails,
+  Ao as AccordionSummary,
+  te as ActionsToolbar,
   fe as Alert,
-  Ie as Avatar,
-  v as Badge,
-  No as Breadcrumbs,
-  we as Button,
+  De as Avatar,
+  h as Badge,
+  Ar as BannerSectionCarousel,
+  vr as BannerSectionGrid,
+  Kr as BannerSectionSimple,
+  Nr as BannerSectionWithList,
+  kr as BannerSectionWithListImage,
+  Ko as Breadcrumbs,
+  be as Button,
   Ze as ButtonGroup,
   r as CheckBoxInput,
   G as Chip,
-  t as ColorInput,
-  ho as ConfirmationForm,
+  a as ColorInput,
+  No as ConfirmationForm,
   $e as Content,
-  V as DataView,
+  L as DataView,
   p as DateInput,
   u as DecimalInput,
-  s as DecimalInputV2,
-  L as DetailsView,
+  m as DecimalInputV2,
+  gr as DetailedProductsSection,
+  V as DetailsView,
   Ge as DoubleRangeSlider,
-  Ve as DragAndDropFile,
-  Le as DragDropFiles,
+  Le as DragAndDropFile,
+  Ve as DragDropFiles,
   ko as Drawer,
   Re as Dropdown,
-  Eo as DropdownItem,
-  ye as DropdownLookup,
-  Ho as DropdownMenu,
+  Wo as DropdownItem,
+  He as DropdownLookup,
+  yo as DropdownMenu,
   R as EditableTable,
   n as FileInput,
   oo as FlexBox,
-  ao as FlexGrid,
+  to as FlexGrid,
   fo as FlexGridItem,
   lo as Footer,
-  mo as FormField,
-  y as FormView,
+  so as FormField,
+  H as FormView,
   xo as Grid,
   io as GridItem,
-  Do as Header,
-  ge as Icon,
-  Se as IconButton,
+  So as Header,
+  we as Icon,
+  Be as IconButton,
   U as Kanban,
   Z as KanbanActionsToolbar,
-  q as KanbanCard,
-  Q as KanbanFooter,
-  J as KanbanHeader,
+  j as KanbanCard,
+  O as KanbanFooter,
+  z as KanbanHeader,
   X as KanbanView,
-  Ae as Link,
+  Fe as Link,
+  Ir as MasonryGeneralCardsSection,
   xr as MenuItem,
-  Oo as Modal,
+  Jo as Modal,
   Ue as MultiSelectDropdown,
-  qe as MultiSelectDropdownLookup,
-  jo as NestedDropdownItem,
+  je as MultiSelectDropdownLookup,
+  Eo as NestedDropdownItem,
   ir as NestedMenuItem,
   de as Notification,
   ue as NotificationContainer,
-  se as NotificationMessage,
+  me as NotificationMessage,
   c as NumberInput,
-  bo as PageLayout,
-  Wo as Pagination,
-  I as PasswordInput,
+  Io as PageLayout,
+  Qo as Pagination,
+  D as PasswordInput,
   Yo as Popover,
   _o as PopoverClose,
   rr as PopoverContent,
   pr as PopoverDescription,
   er as PopoverHeading,
-  tr as PopoverTrigger,
+  ar as PopoverTrigger,
+  Tr as ProductsWithBannerSection,
   ne as ProgressBar,
-  Je as RadioGroup,
-  w as RadioInput,
-  g as RangeSlider,
-  Qe as SearchBar,
-  zo as Separator,
-  To as Sidebar,
+  ze as RadioGroup,
+  b as RadioInput,
+  w as RangeSlider,
+  Oe as SearchBar,
+  qo as Separator,
+  go as Sidebar,
+  Pr as SimpleProductsSection,
   ce as Spinner,
-  Ce as Surface,
+  Me as Surface,
   lr as SwipeableDrawer,
   Po as TabItem,
   $ as Table,
   oe as TableView,
-  Fo as Tabs,
-  S as TextAreaInput,
-  A as TextInput,
-  br as ThemeProvider,
-  C as TimeInput,
+  To as Tabs,
+  B as TextAreaInput,
+  F as TextInput,
+  yr as ThemeProvider,
+  M as TimeInput,
   Xe as Toggle,
-  mr as TreeMenu,
-  Dr as TreeMenuSeparator,
-  ve as UploadedFile,
-  gr as components,
+  sr as TreeMenu,
+  Sr as TreeMenuSeparator,
+  he as UploadedFile,
+  Cr as UrgentSaleProductsSection,
+  Ur as components,
   d as registerLocale,
-  wr as useTheme
+  Hr as useTheme
 };

package/dist/index10.cjs

@@ -0,0 +1,117 @@
+"use strict";const i=require("react/jsx-runtime"),w=require("react"),g=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),y=require("./consts-dNz9tpt4.cjs"),v=require("./useDetectMobile-rBe0FiP2.cjs"),c=require("./utils-CE6bljYe.cjs"),k=require("./index-C2M7QHPq.cjs"),j=g.newStyled.div`
+  display: grid;
+  grid-template-columns: repeat(6, 1fr);
+  gap: 1.25rem;
+
+  & .text-block-v1 {
+    grid-column: 1 / 4;
+    max-width: 27rem;
+    margin: auto;
+  }
+
+  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
+    grid-template-columns: repeat(2, 1fr);
+
+    & .text-block-v1 {
+      grid-column: 1 / 3;
+      max-width: unset;
+      margin: unset;
+    }
+
+    & .simple-product-card {
+      max-width: unset;
+      min-width: unset;
+      width: unset;
+    }
+
+    & .img-wrapper {
+
+    }
+  }
+`;g.newStyled.div`
+  background-color: var(--gray-200, #dddfe4);
+  border-radius: 0.75rem;
+  min-width: 11.625rem;
+  min-height: 11.625rem;
+  max-width: 11.625rem;
+  max-height: 11.625rem;
+  ${c.linearGradientAnimation("-90deg")}
+`;const S=g.newStyled.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: end;
+  position: relative;
+  border-radius: 0.75rem;
+  overflow: hidden;
+  cursor: pointer;
+  background: linear-gradient(
+    178deg,
+    rgba(0, 0, 0, 0) 1.5%,
+    rgba(0, 0, 0, 0.16) 8.95%,
+    #000 98.39%
+  );
+
+  & .text-block {
+    padding: 0.75rem;
+    z-index: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    position: absolute;
+    bottom: 0rem;
+    left: 0rem;
+  }
+  & .img-wrapper {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 0;
+    background: linear-gradient(
+      178deg,
+      rgba(0, 0, 0, 0) 1.5%,
+      rgba(0, 0, 0, 0.16) 8.95%,
+      #000 98.39%
+    );
+  }
+
+  & img {
+    width: 100%;
+    aspect-ratio: 1 / 1; /* defining the aspect ratio of the image */
+    object-fit: cover; /* making sure the image isn't distorted */
+    border-radius: 0.75rem;
+  }
+
+  & .fallback-image {
+    mix-blend-mode: multiply;
+  }
+
+  font-size: 0.875rem;
+  font-weight: 500;
+  & .price-chip {
+    font-size: 0.75rem;
+    font-weight: 500;
+    padding: 0 0.38rem;
+    min-height: 1.25rem;
+    max-height: 1.25rem;
+    width: fit-content;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 62.4375rem;
+    z-index: 1;
+    background-color: var(--white, #fff);
+    color: var(--gray-950, #14161A);
+  }
+  & .title-simple-product-card {
+    z-index: 1;
+    color: var(--white, #fff);
+    transition: all 0.2s ease;
+  }
+
+  &:hover {
+    & .title-simple-product-card {
+      z-index: 1;
+      color: var(--primary-500, #F59E0B);
+    }
+  }
+`,h=w.forwardRef((s,f)=>{const{uuid:b,title:l,price:d,currency:a,isNegotiable:m,isFree:r,image:u,sellerUuid:t,onSelectCard:p=()=>{},imageComponent:n,negotiableText:e="Negotiable",freeText:o="Free"}=s;return i.jsxs(S,{className:"simple-product-card",onClick:p,children:[c.isDefined(n)?n:i.jsx("img",{src:u}),i.jsxs("div",{className:"text-block",children:[i.jsx("div",{className:"title-simple-product-card",children:l}),i.jsxs("div",{className:"price-chip",children:[d&&a&&`${c.formatPrice(d)} ${c.GetCurrencySymbol(a)}`,m&&e,r&&o]})]})]})}),q=w.forwardRef((s,f)=>{var n;const{title:b,subtitle:l,description:d,buttonText:a,buttonLink:m,items:r,onButtonAction:u=()=>{},onSelectCard:t=()=>{}}=s,p=v.useDetectMobile();return i.jsxs(j,{ref:f,limit:6,children:[i.jsx(k.TextBlockV1,{subtitle:l,title:b,description:d,buttonText:a,buttonLink:m,onButtonAction:u,className:"text-block-v1"}),p===!0?(n=r==null?void 0:r.slice(0,4))==null?void 0:n.map((e,o)=>i.jsx(h,{title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid)},o)):r==null?void 0:r.map((e,o)=>i.jsx(h,{title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid)},o))]})});module.exports=q;