@lanaco/lnc-react-ui 4.0.28 → 4.0.30

package/dist/index.js

@@ -1,212 +1,323 @@
-import { default as r } from "./CheckBoxInput.js";
-import { default as a } from "./ColorInput.js";
-import { default as d, registerLocale as p } from "./DateInput.js";
-import { default as l } from "./DecimalInput.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 b } from "./RadioInput.js";
-import { default as T } from "./RangeSlider.js";
-import { default as B } from "./TextAreaInput.js";
-import { default as P } from "./TextInput.js";
-import { default as M } from "./TimeInput.js";
-import { default as A } from "./Badge.js";
-import { default as G } from "./Chip.js";
-import { default as L } 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 E } from "./KanbanCard-BDyFaKYd.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 $ } from "./Table.js";
-import { default as oe } from "./TableView.js";
-import { default as te } from "./ActionsToolbar.js";
-import { default as fe } from "./Alert.js";
-import { default as pe } from "./Notification.js";
-import { default as le } from "./NotificationContainer.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 be } from "./Button.js";
-import { default as Te } from "./Icon.js";
-import { default as Be } from "./IconButton.js";
-import { default as Pe } from "./Link.js";
-import { default as Me } from "./Surface.js";
-import { default as Ae } from "./UploadedFile.js";
-import { default as Ge } from "./DoubleRangeSlider.js";
-import { default as Le } 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 Ee } 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 $e } from "./Content.js";
-import { default as oo } from "./FlexBox.js";
-import { default as to } from "./FlexGrid.js";
-import { default as fo } from "./FlexGridItem.js";
-import { default as so } from "./Footer.js";
-import { default as uo } from "./FormField.js";
-import { default as xo } from "./Grid.js";
-import { default as io } from "./GridItem.js";
-import { default as So } from "./Header.js";
-import { default as Do } from "./PageLayout.js";
-import { default as go } from "./Sidebar.js";
-import { default as wo } from "./Tabs.js";
-import { default as Fo } from "./TabItem.js";
-import { default as Co } from "./Accordion.js";
-import { default as ho } 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 Wo } from "./Drawer.js";
-import { default as yo } from "./DropdownMenu.js";
-import { default as Ro } from "./DropdownItem.js";
-import { default as Uo } from "./NestedDropdownItem.js";
-import { default as jo } from "./Separator.js";
-import { default as zo } 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 ar } from "./PopoverTrigger.js";
-import { default as dr } from "./PopoverDescription.js";
-import { default as sr } from "./SwipeableDrawer.js";
-import { default as ur } from "./TreeMenu.js";
-import { default as xr } from "./MenuItem.js";
-import { default as ir } from "./NestedMenuItem.js";
-import { default as Sr } from "./TreeMenuSeparator.js";
-import { default as Dr } from "./index6.js";
-import { default as gr } from "./DetailedProductsSection.js";
-import { default as wr } from "./ProductsWithBannerSection.js";
-import { default as Fr } from "./SimpleProductsSection.js";
-import { default as Cr } from "./UrgentSaleProductsSection.js";
-import { default as hr } from "./index11.js";
-import { default as vr } from "./index2.js";
-import { default as Kr } from "./index3.js";
-import { default as Nr } from "./index4.js";
-import { default as Wr } from "./index5.js";
-import { default as yr } from "./index7.js";
-import { default as Rr } from "./index8.js";
-import { default as Ur } from "./index9.js";
-import { default as jr } from "./index10.js";
-import { default as zr, useTheme as Jr } from "./ThemeProvider.js";
-import { c as Xr } from "./CustomStyles-DuADCM-0.js";
+import { default as y } from "./CheckBoxInput.js";
+import { default as A } from "./ColorInput.js";
+import { default as G, registerLocale as L } from "./DateInput.js";
+import { default as W } from "./DecimalInput.js";
+import { default as K } from "./DecimalInputV2.js";
+import { default as R } from "./FileInput.js";
+import { default as O } from "./NumberInput.js";
+import { default as E } from "./PasswordInput.js";
+import { default as _ } from "./RadioInput.js";
+import { default as Z } from "./RangeSlider.js";
+import { default as J } from "./TextAreaInput.js";
+import { default as Y } from "./TextInput.js";
+import { default as oe } from "./TimeInput.js";
+import { default as re } from "./Badge.js";
+import { default as fe } from "./Chip.js";
+import { default as le } from "./DataView.js";
+import { default as ne } from "./DetailsView.js";
+import { default as ie } from "./EditableTable.js";
+import { default as ue } from "./FormView.js";
+import { default as ce } from "./Kanban.js";
+import { K as he } from "./KanbanCard-Du9Pc6tN.js";
+import { default as Se } from "./KanbanHeader.js";
+import { default as Ie } from "./KanbanFooter.js";
+import { default as Ce } from "./KanbanView.js";
+import { default as ve } from "./KanbanActionsToolbar.js";
+import { default as Te } from "./Table.js";
+import { default as Me } from "./TableView.js";
+import { default as ke } from "./ActionsToolbar.js";
+import { default as He } from "./Alert.js";
+import { default as Le } from "./Notification.js";
+import { default as We } from "./NotificationContainer.js";
+import { default as Ke } from "./NotificationMessage.js";
+import { default as Re } from "./ProgressBar.js";
+import { default as Oe } from "./Spinner.js";
+import { default as Ee } from "./Avatar.js";
+import g from "./Button.js";
+import { default as _e } from "./Icon.js";
+import { default as Ze } from "./IconButton.js";
+import { default as Je } from "./Link.js";
+import { default as Ye } from "./Surface.js";
+import { default as oo } from "./UploadedFile.js";
+import { default as ro } from "./DoubleRangeSlider.js";
+import { default as fo } from "./DragAndDropFile.js";
+import { default as so } from "./DragDropFiles.js";
+import { default as mo } from "./Dropdown.js";
+import { default as po } from "./DropdownLookup.js";
+import { default as xo } from "./MultiSelectDropdown.js";
+import { default as go } from "./MultiSelectDropdownLookup.js";
+import { default as bo } from "./RadioGroup.js";
+import { default as wo } from "./SearchBar.js";
+import { default as Do } from "./Toggle.js";
+import { default as Bo } from "./ButtonGroup.js";
+import { default as Po } from "./Content.js";
+import { default as Fo } from "./FlexBox.js";
+import { default as yo } from "./FlexGrid.js";
+import { default as Ao } from "./FlexGridItem.js";
+import { default as Go } from "./Footer.js";
+import { default as No } from "./FormField.js";
+import { default as $o } from "./Grid.js";
+import { default as zo } from "./GridItem.js";
+import { default as Vo } from "./Header.js";
+import { default as jo } from "./PageLayout.js";
+import { default as Uo } from "./Sidebar.js";
+import { default as Xo } from "./Tabs.js";
+import { default as qo } from "./TabItem.js";
+import { default as Qo } from "./Accordion.js";
+import { default as et } from "./AccordionSummary.js";
+import { default as tt } from "./AccordionDetails.js";
+import { default as at } from "./Breadcrumbs.js";
+import { default as dt } from "./ConfirmationForm.js";
+import { default as st } from "./Drawer.js";
+import { default as mt } from "./DropdownMenu.js";
+import { default as pt } from "./DropdownItem.js";
+import { default as xt } from "./NestedDropdownItem.js";
+import { default as gt } from "./Separator.js";
+import { default as bt } from "./Modal.js";
+import { default as wt } from "./Pagination.js";
+import { default as Dt } from "./Popover.js";
+import { default as Bt } from "./PopoverClose.js";
+import { default as Pt } from "./PopoverHeading.js";
+import { default as Ft } from "./PopoverContent.js";
+import { default as yt } from "./PopoverTrigger.js";
+import { default as At } from "./PopoverDescription.js";
+import { default as Gt } from "./SwipeableDrawer.js";
+import { default as Nt } from "./TreeMenu.js";
+import { default as $t } from "./MenuItem.js";
+import { default as zt } from "./NestedMenuItem.js";
+import { default as Vt } from "./TreeMenuSeparator.js";
+import { default as jt } from "./MasonryGeneralCardsSection.js";
+import { default as Ut } from "./DetailedProductsSection.js";
+import { default as Xt } from "./ProductsWithBannerSection.js";
+import { default as qt } from "./SimpleProductsSection.js";
+import { default as Qt } from "./UrgentSaleProductsSection.js";
+import { default as er } from "./BannerSectionCarousel.js";
+import { default as tr } from "./BannerSectionGrid.js";
+import { default as ar } from "./BannerSectionSimple.js";
+import { default as dr } from "./BannerSectionWithList.js";
+import { default as sr } from "./BannerSectionWithListImage.js";
+import { default as mr } from "./GiftCardsSection.js";
+import { default as pr } from "./BrandHitsSection.js";
+import { default as xr } from "./FieldOfInterestsMasonrySection.js";
+import { default as gr } from "./FieldOfInterestsWithAvatarsCardsSection.js";
+import { default as br } from "./FieldOfInterestsWithTagsCardsSection.js";
+import { jsx as o, jsxs as r } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { n as t } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { M as a } from "./consts-DNVz1x1I.js";
+import { default as wr, useTheme as Ir } from "./ThemeProvider.js";
+import { c as Cr } from "./CustomStyles-C7wXBd9m.js";
+const b = t.div`
+  display: flex;
+  border-radius: 0.75rem;
+  background-color: ${(e) => e.bgcolor || "transparent"};
+  overflow: hidden;
+  max-height: ${(e) => e.height || "22.5rem"};
+  min-height: ${(e) => e.height || "22.5rem"};
+
+  & button {
+    width: fit-content;
+    background-color: var(--gray-100, #14161a);
+    color: black;
+  }
+
+  @media (max-width: ${a + "px"}) {
+    gap: 1.5rem;
+    flex-direction: column;
+    min-height: unset;
+    max-height: unset;
+
+    & button {
+      width: fit-content;
+    }
+  }
+`, S = t.div`
+  padding: ${(e) => e.smallPadding === !0 ? "2rem" : "4rem 5rem"};
+  display: flex;
+  gap: 2rem;
+  flex-direction: ${(e) => e.isHorizontalContent === !0 ? "row" : "column"};
+  flex: 1;
+  align-items: center;
+
+  ${(e) => e.isHorizontalContent === !0 && "justify-content: space-between;"}
+
+  @media (max-width: ${a + "px"}) {
+    padding: 0;
+    flex-direction: column;
+  }
+`, w = t.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  text-align: center;
+
+  & .header-title {
+    font-size: 1.75rem;
+    font-weight: 600;
+    color: black;
+  }
+
+  & .header-subtitle {
+    color: var(--gray-950, #14161a);
+    font-size: 1rem;
+    font-weight: 500;
+  }
+`, T = h((e, I) => {
+  const {
+    title: f,
+    subtitle: d,
+    buttonText: l,
+    onClick: s,
+    height: n,
+    imageWidth: m,
+    imageHeightMob: i,
+    smallPadding: p = !1,
+    isHorizontalContent: u = !1,
+    backgroundColor: x,
+    hasBorder: c = !1
+  } = e;
+  return /* @__PURE__ */ o(
+    b,
+    {
+      bgcolor: x,
+      height: n,
+      imgW: m,
+      imgHMob: i,
+      hasBorder: c,
+      children: /* @__PURE__ */ r(
+        S,
+        {
+          isHorizontalContent: u,
+          smallPadding: p,
+          children: [
+            /* @__PURE__ */ r(w, { children: [
+              /* @__PURE__ */ o("div", { className: "header-title", children: f }),
+              /* @__PURE__ */ o("div", { className: "header-subitle", children: d })
+            ] }),
+            /* @__PURE__ */ o(
+              g,
+              {
+                size: "medium",
+                color: "neutral",
+                type: "button",
+                borderRadius: "curved",
+                onClick: s,
+                children: l
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+});
 export {
-  Co as Accordion,
-  vo as AccordionDetails,
-  ho as AccordionSummary,
-  te as ActionsToolbar,
-  fe as Alert,
-  Ie as Avatar,
-  A as Badge,
-  hr as BannerSectionCarousel,
-  vr as BannerSectionGrid,
-  Kr as BannerSectionSimple,
-  Nr as BannerSectionWithList,
-  Wr as BannerSectionWithListImage,
-  yr as BrandHitsSection,
-  Ko as Breadcrumbs,
-  be as Button,
-  Ze as ButtonGroup,
-  r as CheckBoxInput,
-  G as Chip,
-  a as ColorInput,
-  No as ConfirmationForm,
-  $e as Content,
-  L as DataView,
-  d as DateInput,
-  l as DecimalInput,
-  m as DecimalInputV2,
-  gr as DetailedProductsSection,
-  V as DetailsView,
-  Ge as DoubleRangeSlider,
-  Le as DragAndDropFile,
-  Ve as DragDropFiles,
-  Wo as Drawer,
-  ke as Dropdown,
-  Ro as DropdownItem,
-  He as DropdownLookup,
-  yo as DropdownMenu,
-  k as EditableTable,
-  Rr as FieldOfInterestsMasonrySection,
-  Ur as FieldOfInterestsWithAvatarsCardsSection,
-  jr as FieldOfInterestsWithTagsCardsSection,
-  n as FileInput,
-  oo as FlexBox,
-  to as FlexGrid,
-  fo as FlexGridItem,
-  so as Footer,
-  uo as FormField,
-  H as FormView,
-  xo as Grid,
-  io as GridItem,
-  So as Header,
-  Te as Icon,
-  Be as IconButton,
-  O as Kanban,
-  Z as KanbanActionsToolbar,
-  E as KanbanCard,
-  J as KanbanFooter,
-  q as KanbanHeader,
-  X as KanbanView,
-  Pe as Link,
-  Dr as MasonryGeneralCardsSection,
-  xr as MenuItem,
-  zo as Modal,
-  Oe as MultiSelectDropdown,
-  Ee as MultiSelectDropdownLookup,
-  Uo as NestedDropdownItem,
-  ir as NestedMenuItem,
-  pe as Notification,
-  le as NotificationContainer,
-  me as NotificationMessage,
-  c as NumberInput,
-  Do as PageLayout,
-  Qo as Pagination,
-  I as PasswordInput,
-  Yo as Popover,
-  _o as PopoverClose,
-  rr as PopoverContent,
-  dr as PopoverDescription,
-  er as PopoverHeading,
-  ar as PopoverTrigger,
-  wr as ProductsWithBannerSection,
-  ne as ProgressBar,
-  qe as RadioGroup,
-  b as RadioInput,
-  T as RangeSlider,
-  Je as SearchBar,
-  jo as Separator,
-  go as Sidebar,
-  Fr as SimpleProductsSection,
-  ce as Spinner,
-  Me as Surface,
-  sr as SwipeableDrawer,
-  Fo as TabItem,
-  $ as Table,
-  oe as TableView,
-  wo as Tabs,
-  B as TextAreaInput,
-  P as TextInput,
-  zr as ThemeProvider,
-  M as TimeInput,
-  Xe as Toggle,
-  ur as TreeMenu,
-  Sr as TreeMenuSeparator,
-  Ae as UploadedFile,
-  Cr as UrgentSaleProductsSection,
-  Xr as components,
-  p as registerLocale,
-  Jr as useTheme
+  Qo as Accordion,
+  tt as AccordionDetails,
+  et as AccordionSummary,
+  ke as ActionsToolbar,
+  He as Alert,
+  Ee as Avatar,
+  re as Badge,
+  T as BannerSectionBasic,
+  er as BannerSectionCarousel,
+  tr as BannerSectionGrid,
+  ar as BannerSectionSimple,
+  dr as BannerSectionWithList,
+  sr as BannerSectionWithListImage,
+  pr as BrandHitsSection,
+  at as Breadcrumbs,
+  g as Button,
+  Bo as ButtonGroup,
+  y as CheckBoxInput,
+  fe as Chip,
+  A as ColorInput,
+  dt as ConfirmationForm,
+  Po as Content,
+  le as DataView,
+  G as DateInput,
+  W as DecimalInput,
+  K as DecimalInputV2,
+  Ut as DetailedProductsSection,
+  ne as DetailsView,
+  ro as DoubleRangeSlider,
+  fo as DragAndDropFile,
+  so as DragDropFiles,
+  st as Drawer,
+  mo as Dropdown,
+  pt as DropdownItem,
+  po as DropdownLookup,
+  mt as DropdownMenu,
+  ie as EditableTable,
+  xr as FieldOfInterestsMasonrySection,
+  gr as FieldOfInterestsWithAvatarsCardsSection,
+  br as FieldOfInterestsWithTagsCardsSection,
+  R as FileInput,
+  Fo as FlexBox,
+  yo as FlexGrid,
+  Ao as FlexGridItem,
+  Go as Footer,
+  No as FormField,
+  ue as FormView,
+  mr as GiftCardsSection,
+  $o as Grid,
+  zo as GridItem,
+  Vo as Header,
+  _e as Icon,
+  Ze as IconButton,
+  ce as Kanban,
+  ve as KanbanActionsToolbar,
+  he as KanbanCard,
+  Ie as KanbanFooter,
+  Se as KanbanHeader,
+  Ce as KanbanView,
+  Je as Link,
+  jt as MasonryGeneralCardsSection,
+  $t as MenuItem,
+  bt as Modal,
+  xo as MultiSelectDropdown,
+  go as MultiSelectDropdownLookup,
+  xt as NestedDropdownItem,
+  zt as NestedMenuItem,
+  Le as Notification,
+  We as NotificationContainer,
+  Ke as NotificationMessage,
+  O as NumberInput,
+  jo as PageLayout,
+  wt as Pagination,
+  E as PasswordInput,
+  Dt as Popover,
+  Bt as PopoverClose,
+  Ft as PopoverContent,
+  At as PopoverDescription,
+  Pt as PopoverHeading,
+  yt as PopoverTrigger,
+  Xt as ProductsWithBannerSection,
+  Re as ProgressBar,
+  bo as RadioGroup,
+  _ as RadioInput,
+  Z as RangeSlider,
+  wo as SearchBar,
+  gt as Separator,
+  Uo as Sidebar,
+  qt as SimpleProductsSection,
+  Oe as Spinner,
+  Ye as Surface,
+  Gt as SwipeableDrawer,
+  qo as TabItem,
+  Te as Table,
+  Me as TableView,
+  Xo as Tabs,
+  J as TextAreaInput,
+  Y as TextInput,
+  wr as ThemeProvider,
+  oe as TimeInput,
+  Do as Toggle,
+  Nt as TreeMenu,
+  Vt as TreeMenuSeparator,
+  oo as UploadedFile,
+  Qt as UrgentSaleProductsSection,
+  Cr as components,
+  L as registerLocale,
+  Ir as useTheme
 };

package/dist/{motion-ecIGZGwI.js → motion-CtkUpWEn.js}

@@ -1,4 +1,4 @@
-import { c as h, d as J, a as W, _ as H, e as Ln } from "./tslib.es6-DQ-SzcmG.js";
+import { a as h, b as J, c as W, d as H, e as Ln } from "./tslib.es6-ZNVz5r_T.js";
 import * as St from "react";
 import wn, { createContext as pt, useContext as z, useRef as It, useEffect as at, useLayoutEffect as fo, useCallback as lo, useMemo as re, forwardRef as co, createElement as vo } from "react";
 var ot = function(t) {

package/dist/{setPrototypeOf-CttqfWo1.js → setPrototypeOf-a891FLQJ.js}

@@ -8,6 +8,6 @@ function n(e, r) {
   }, n(e, r);
 }
 export {
-  n as _,
-  o as a
+  o as _,
+  n as a
 };

package/dist/{style-Ch-xOasu.js → style-D8LBrh3f.js}

@@ -1,4 +1,4 @@
-import { n as r } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as r } from "./emotion-styled.browser.esm-BZSYYThs.js";
 import { M as a } from "./consts-DNVz1x1I.js";
 const s = r.div`
   display: flex;

package/dist/{tslib.es6-DQ-SzcmG.js → tslib.es6-ZNVz5r_T.js}

@@ -81,10 +81,10 @@ function v(e, n, r) {
   return e.concat(a || Array.prototype.slice.call(n));
 }
 export {
-  O as _,
-  v as a,
-  d as b,
-  s as c,
-  h as d,
+  d as _,
+  s as a,
+  h as b,
+  v as c,
+  O as d,
   _ as e
 };

package/dist/{utils-DtEdJZWa.js → utils-ROK9-zue.js}

@@ -10260,26 +10260,26 @@ export {
   U as a,
   X as b,
   G as c,
-  Q as d,
-  Z as e,
-  j as f,
+  K as d,
+  Q as e,
+  Z as f,
   V as g,
   q as h,
-  K as i,
-  Y as j,
-  a0 as k,
-  o0 as l,
-  t0 as m,
-  n0 as n,
-  J as o,
-  p,
-  $ as q,
+  j as i,
+  M as j,
+  A as k,
+  g as l,
+  Y as m,
+  N as n,
+  t0 as o,
+  a0 as p,
+  o0 as q,
   _ as r,
-  M as s,
+  L as s,
   e0 as t,
   P as u,
-  A as v,
-  N as w,
-  L as x,
-  g as y
+  n0 as v,
+  p as w,
+  $ as x,
+  J as y
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.28",
+  "version": "4.0.30",
   "description": "React component library",
   "type": "module",
   "keywords": [
@@ -119,11 +119,13 @@
     "./ProductsWithBannerSection": "./dist/ProductsWithBannerSection.js",
     "./SimpleProductsSection": "./dist/SimpleProductsSection.js",
     "./UrgentSaleProductsSection": "./dist/UrgentSaleProductsSection.js",
+    "./BannerSectionBasic": "./dist/BannerSectionBasic.js",
     "./BannerSectionCarousel": "./dist/BannerSectionCarousel.js",
     "./BannerSectionGrid": "./dist/BannerSectionGrid.js",
     "./BannerSectionSimple": "./dist/BannerSectionSimple.js",
     "./BannerSectionWithList": "./dist/BannerSectionWithList.js",
     "./BannerSectionWithListImage": "./dist/BannerSectionWithListImage.js",
+    "./GiftCardsSection": "./dist/GiftCardsSection.js",
     "./BrandHitsSection": "./dist/BrandHitsSection.js",
     "./FieldOfInterestsMasonrySection": "./dist/FieldOfInterestsMasonrySection.js",
     "./FieldOfInterestsWithAvatarsCardsSection": "./dist/FieldOfInterestsWithAvatarsCardsSection.js",