@lanaco/lnc-react-ui 4.0.23 → 4.0.26

package/dist/{utils-C52T57HO.js → utils-DtEdJZWa.js}

@@ -1,11 +1,11 @@
 import { jsxs as W, Fragment as m } from "react/jsx-runtime";
-import { useState as D, useEffect as B, isValidElement as f, Children as h, cloneElement as w } from "react";
-var I = function() {
+import { useState as D, useEffect as w, isValidElement as f, Children as h, cloneElement as B } from "react";
+var N = function() {
 }, A = typeof window < "u", E = function(e, t) {
   return A ? window.matchMedia(e).matches : (process.env.NODE_ENV !== "production" && console.warn("`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches."), !1);
 }, k = function(e, t) {
   var a = D(E(e)), o = a[0], n = a[1];
-  return B(function() {
+  return w(function() {
     var r = !0, b = window.matchMedia(e), d = function() {
       r && n(!!b.matches);
     };
@@ -10066,7 +10066,7 @@ const u = {
     tooltip: 1500,
     popover: 1299
   }
-}, L = [u, C, T], M = {
+}, $ = [u, C, T], L = {
   SUCCESS: u.palette.green[500],
   ERROR: u.palette.red[500],
   WARNING: u.palette.yellow[500],
@@ -10100,7 +10100,7 @@ const u = {
     index: 4,
     mediaQuery: "(min-width: 1281px)"
   }
-}, $ = (e, t) => {
+}, K = (e, t) => {
   var a = S(e, t);
   return a && f(a) ? { current: a } : { current: null };
 }, S = (e = "", t) => {
@@ -10114,10 +10114,10 @@ const u = {
     if (a) return a;
   }
   return null;
-}, N = (e, t, a) => {
-  var o = z(e, t, a);
+}, M = (e, t, a) => {
+  var o = R(e, t, a);
   return o && f(o) ? { current: o } : { current: null };
-}, z = (e = "", t, a) => {
+}, R = (e = "", t, a) => {
   if (a && e) {
     var o = h.toArray(a).reverse().find(
       (n) => {
@@ -10128,13 +10128,13 @@ const u = {
     if (o) return o;
   }
   return null;
-}, _ = () => {
+}, P = () => {
   const e = k(g.XS.mediaQuery), t = k(g.S.mediaQuery), a = k(g.M.mediaQuery), o = k(g.L.mediaQuery), n = k(g.XL.mediaQuery);
   return e ? g.XS.type : t ? g.S.type : a ? g.M.type : o ? g.L.type : n ? g.XL.type : g.M.type;
-}, Q = (e, t, a = null, o = !1) => e.current !== null ? (t.children = a !== null ? o == !0 ? /* @__PURE__ */ W(m, { children: [
+}, _ = (e, t, a = null, o = !1) => e.current !== null ? (t.children = a !== null ? o == !0 ? /* @__PURE__ */ W(m, { children: [
   e.current.props.children,
   a
-] }) : a : e.current.props.children, w(e.current, t)) : null, p = (e, t) => {
+] }) : a : e.current.props.children, B(e.current, t)) : null, p = (e, t) => {
   var a = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(e);
   let o = a ? {
     r: parseInt(a[1], 16),
@@ -10143,19 +10143,19 @@ const u = {
     a: t
   } : null;
   return o ? `rgba(${o.r}, ${o.g}, ${o.b}, ${o.a})` : null;
-}, V = (e, t, a, o, n, r) => {
+}, U = (e, t, a, o, n, r) => {
   var y, v;
   const b = e.colorContext[a], d = e.components[t].default, c = (v = (y = e.components[t]) == null ? void 0 : y[b]) == null ? void 0 : v[o], l = c == null ? void 0 : c[n], x = d[o][n], i = c == null ? void 0 : c[r], s = d[o][r], O = l || l == 0 ? e.palette[b][l] : e.palette[d.palette][x], F = i || i == 0 ? e.palette.opacity[i] : e.palette.opacity[s];
   return p(O, F ?? "100%");
-}, X = (e, t, a, o, n) => {
+}, G = (e, t, a, o, n) => {
   var x, i;
   const r = e.colorContext[a], b = e.components[t].default, d = (i = (x = e.components[t]) == null ? void 0 : x[r]) == null ? void 0 : i[o], c = d == null ? void 0 : d[n], l = b[o][n];
   return c || c == 0 ? c : l;
-}, K = (e, t) => e.sizes[t], U = (e, t, a, o) => `
+}, Q = (e, t) => e.sizes[t], V = (e, t, a, o) => `
     font-weight: ${e.components[t].default[o].fontWeight};
     font-size: ${e.typography.component[a].fontSize};
     line-height: ${e.typography.component[a].lineHeight};
-  `, P = (e, t) => e.borderRadius[t], G = (e, t) => e.boxShadow[t], Y = (e, t) => {
+  `, X = (e, t) => e.borderRadius[t], Y = (e, t) => e.boxShadow[t], Z = (e, t) => {
   const a = e.colorContext[e.palette.outline.context], o = e.palette[a][e.palette.outline.weight];
   return `
     outline: ${e.palette.outline.width} ${e.palette.outline.style} ${o};
@@ -10172,25 +10172,114 @@ const u = {
   return `
     background-color: ${p(a, o ?? "100%")};
   `;
-};
+}, J = () => `
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  `, e0 = (e) => `
+    overflow: hidden;
+    text-overflow: ellipsis;
+    overflow-wrap: anywhere;
+    word-break: break-all;
+
+    @supports (-webkit-line-clamp: ${e}) {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: initial;
+      display: -webkit-box;
+      -webkit-line-clamp: ${e};
+      -webkit-box-orient: vertical;    
+    }
+  `, t0 = (e = "-45deg", t = "500% 500%", a = "#b3b9c4", o = "#e5e9f1") => `
+    @keyframes gradient {
+      0% {
+        background-position: 0% 0%;
+      }
+      50% {
+        background-position: 0% 50%;
+      }
+      100% {
+        background-position: 0% 100%;
+      }
+
+      500% {
+        background-position: 0% 0%;
+      }
+    }
+
+    background: linear-gradient(${e}, ${a}, ${o});
+    background-size: ${t};
+    animation: gradient 1s linear infinite alternate;
+  `, a0 = (e) => e != null && e !== "", o0 = (e) => e != null, n0 = (e) => Number.isInteger(Number(e)) ? new Intl.NumberFormat("de-DE").format(e) : new Intl.NumberFormat("de-DE", {
+  minimumFractionDigits: 2,
+  maximumFractionDigits: 2
+}).format(e), z = {
+  EUR: "€",
+  BAM: "KM",
+  USD: "$",
+  GBP: "£",
+  CHF: "CHF",
+  HRK: "kn",
+  RSD: "RSD",
+  BGN: "лв",
+  MKD: "ден",
+  PLN: "zł",
+  CZK: "Kč",
+  HUF: "Ft",
+  RON: "lei",
+  TRY: "₺",
+  SEK: "kr",
+  DKK: "kr",
+  NOK: "kr",
+  ISK: "kr",
+  CAD: "C$",
+  AUD: "A$",
+  NZD: "NZ$",
+  JPY: "¥",
+  CNY: "¥",
+  KRW: "₩",
+  INR: "₹",
+  PKR: "₨",
+  AED: "د.إ",
+  SAR: "ر.س",
+  QAR: "ر.ق",
+  KWD: "د.ك",
+  OMR: "ر.ع.",
+  BHD: "د.ب",
+  JOD: "د.ا",
+  LBP: "ل.ل",
+  EGP: "E£",
+  ZAR: "R",
+  NGN: "₦",
+  GHS: "₵",
+  KES: "KSh",
+  TZS: "TSh"
+}, r0 = (e) => z[e] || "";
 export {
-  V as a,
-  P as b,
-  X as c,
-  K as d,
-  Y as e,
+  r0 as G,
+  U as a,
+  X as b,
+  G as c,
+  Q as d,
+  Z as e,
   j as f,
-  U as g,
+  V as g,
   q as h,
-  $ as i,
-  G as j,
-  p as k,
-  N as l,
-  A as m,
-  I as n,
-  g as o,
-  Q as r,
+  K as i,
+  Y as j,
+  a0 as k,
+  o0 as l,
+  t0 as m,
+  n0 as n,
+  J as o,
+  p,
+  $ as q,
+  _ as r,
   M as s,
-  L as t,
-  _ as u
+  e0 as t,
+  P as u,
+  A as v,
+  N as w,
+  L as x,
+  g as y
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.23",
+  "version": "4.0.26",
   "description": "React component library",
   "type": "module",
   "keywords": [
@@ -113,7 +113,21 @@
     "./MenuItem": "./dist/MenuItem.js",
     "./NestedMenuItem": "./dist/NestedMenuItem.js",
     "./TreeMenuSeparator": "./dist/TreeMenuSeparator.js",
-    "./ThemeProvider": "./dist/ThemeProvider.js"
+    "./ThemeProvider": "./dist/ThemeProvider.js",
+    "./MasonryGeneralCardsSection": "./dist/MasonryGeneralCardsSection.js",
+    "./DetailedProductsSection": "./dist/DetailedProductsSection.js",
+    "./ProductsWithBannerSection": "./dist/ProductsWithBannerSection.js",
+    "./SimpleProductsSection": "./dist/SimpleProductsSection.js",
+    "./UrgentSaleProductsSection": "./dist/UrgentSaleProductsSection.js",
+    "./BannerSectionCarousel": "./dist/BannerSectionCarousel.js",
+    "./BannerSectionGrid": "./dist/BannerSectionGrid.js",
+    "./BannerSectionSimple": "./dist/BannerSectionSimple.js",
+    "./BannerSectionWithList": "./dist/BannerSectionWithList.js",
+    "./BannerSectionWithListImage": "./dist/BannerSectionWithListImage.js",
+    "./BrandHitsSection": "./dist/BrandHitsSection.js",
+    "./FieldOfInterestsMasonrySection": "./dist/FieldOfInterestsMasonrySection.js",
+    "./FieldOfInterestsWithAvatarsCardsSection": "./dist/FieldOfInterestsWithAvatarsCardsSection.js",
+    "./FieldOfInterestsWithTagsCardsSection": "./dist/FieldOfInterestsWithTagsCardsSection.js"
   },
   "dependencies": {
     "@dnd-kit/core": "^6.0.5",

package/vite.config.js

@@ -19,7 +19,10 @@ export default defineConfig({
         resolve(__dirname, "src/Basic Inputs/ColorInput/ColorInput.jsx"),
         resolve(__dirname, "src/Basic Inputs/DateInput/DateInput.jsx"),
         resolve(__dirname, "src/Basic Inputs/DecimalInput/DecimalInput.jsx"),
-        resolve(__dirname, "src/Basic Inputs/DecimalInputV2/DecimalInputV2.jsx"),
+        resolve(
+          __dirname,
+          "src/Basic Inputs/DecimalInputV2/DecimalInputV2.jsx"
+        ),
         resolve(__dirname, "src/Basic Inputs/FileInput/FileInput.jsx"),
         resolve(__dirname, "src/Basic Inputs/NumberInput/NumberInput.jsx"),
         resolve(__dirname, "src/Basic Inputs/PasswordInput/PasswordInput.jsx"),
@@ -138,6 +141,62 @@ export default defineConfig({
         //--------------------------------------------------------------------
         resolve(__dirname, "src/ThemeProvider/ThemeProvider.jsx"),
         //--------------------------------------------------------------------
+        resolve(
+          __dirname,
+          "src/Landing Sections/general-sections/masonry-general-cards-section/index.jsx"
+        ),
+        resolve(
+          __dirname,
+          "src/Landing Sections/products-sections/detailed-products-section/index.jsx"
+        ),
+        resolve(
+          __dirname,
+          "src/Landing Sections/products-sections/products-with-banner-section/index.jsx"
+        ),
+        resolve(
+          __dirname,
+          "src/Landing Sections/products-sections/simple-products-section/index.jsx"
+        ),
+        resolve(
+          __dirname,
+          "src/Landing Sections/products-sections/urgent-sale-products-section/index.jsx"
+        ),
+        resolve(
+          __dirname,
+          "src/Landing Sections/banners-sections/banner-section-carousel/index.jsx"
+        ),
+        resolve(
+          __dirname,
+          "src/Landing Sections/banners-sections/banner-section-grid/index.jsx"
+        ),
+        resolve(
+          __dirname,
+          "src/Landing Sections/banners-sections/banner-section-simple/index.jsx"
+        ),
+        resolve(
+          __dirname,
+          "src/Landing Sections/banners-sections/banner-section-with-list/index.jsx"
+        ),
+        resolve(
+          __dirname,
+          "src/Landing Sections/banners-sections/banner-section-with-list-image/index.jsx"
+        ),
+        resolve(
+          __dirname,
+          "src/Landing Sections/brand-sections/brand-hits-section/index.jsx"
+        ),
+        resolve(
+          __dirname,
+          "src/Landing Sections/field-of-interests-sections/field-of-interests-masonry-section/index.jsx"
+        ),
+        resolve(
+          __dirname,
+          "src/Landing Sections/field-of-interests-sections/field-of-interests-with-avatars-cards-section/index.jsx"
+        ),
+        resolve(
+          __dirname,
+          "src/Landing Sections/field-of-interests-sections/field-of-interests-with-tags-cards-section/index.jsx"
+        ),
       ],
       name: "@lanaco/lnc-react-ui",
       fileName: (format, name) => {

package/dist/index-CSXL784P.cjs

@@ -1,5 +0,0 @@
-"use strict";const a=require("./_commonjsHelpers-DKOUU3wS.cjs");var i={exports:{}};/*!
-	Copyright (c) 2018 Jed Watson.
-	Licensed under the MIT License (MIT), see
-	http://jedwatson.github.io/classnames
-*/(function(n){(function(){var c={}.hasOwnProperty;function e(){for(var t="",r=0;r<arguments.length;r++){var s=arguments[r];s&&(t=o(t,f(s)))}return t}function f(t){if(typeof t=="string"||typeof t=="number")return t;if(typeof t!="object")return"";if(Array.isArray(t))return e.apply(null,t);if(t.toString!==Object.prototype.toString&&!t.toString.toString().includes("[native code]"))return t.toString();var r="";for(var s in t)c.call(t,s)&&t[s]&&(r=o(r,s));return r}function o(t,r){return r?t?t+" "+r:t+r:t}n.exports?(e.default=e,n.exports=e):window.classNames=e})()})(i);var u=i.exports;const p=a.getDefaultExportFromCjs(u);exports.classNames=p;