@lanaco/lnc-react-ui 4.0.28 → 4.0.30

package/dist/Dropdown.js

@@ -1,32 +1,32 @@
-import { jsx as O } from "react/jsx-runtime";
+import { jsx as g } from "react/jsx-runtime";
 import { P as e } from "./index-S5Cd7WrG.js";
-import * as S from "react";
-import { forwardRef as l, useCallback as y } from "react";
-import { u as M, S as h, a as x } from "./CustomStyles-DuADCM-0.js";
-import { c as N } from "./CustomStyles-DuADCM-0.js";
-import { _ as C, u as I } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import * as O from "react";
+import { forwardRef as a, useCallback as S } from "react";
+import { u as y, S as M, a as h } from "./CustomStyles-C7wXBd9m.js";
+import { c as H } from "./CustomStyles-C7wXBd9m.js";
+import { _ as C, u as I } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
 import "./index--Kmch3aI.js";
-import { d as T } from "./index-CNBqQrtK.js";
-var P = /* @__PURE__ */ l(function(n, t) {
-  var o = M(n);
-  return /* @__PURE__ */ S.createElement(h, C({
+import { d as x } from "./index-CNBqQrtK.js";
+var T = /* @__PURE__ */ a(function(n, t) {
+  var o = y(n);
+  return /* @__PURE__ */ O.createElement(M, C({
     ref: t
   }, o));
-}), V = P;
-const j = l((n, t) => {
+}), P = T;
+const V = a((n, t) => {
   const {
     // options,
     styles: o,
-    debounceTime: s = 0,
-    name: v,
+    debounceTime: l = 0,
+    name: j,
     // hideSelectedOptions,
     // id,
     // inputId,
     // value,
     // readOnly,
     // tabIndex,
-    isSearchable: r = !0,
-    isClearable: u = !0,
+    isSearchable: s = !0,
+    isClearable: r = !0,
     // isLoading,
     // isRtl,
     // isDisabled,
@@ -59,39 +59,39 @@ const j = l((n, t) => {
     // defaultMenuIsOpen,
     // delimiter,
     // onChange,
-    onInputChange: a,
+    // onInputChange,
     // onMenuOpen,
     // onMenuClose,
     // onBlur,
     // onFocus,
-    size: i = "small",
-    color: c = "primary",
-    className: m = "",
-    style: p = {},
+    size: u = "small",
+    color: i = "primary",
+    className: c = "",
+    style: m = {},
     // children,
-    ...b
-  } = n, f = I();
-  return y(
-    T((d, g) => {
-      a == null || a(d, g);
-    }, s)
-  ), /* @__PURE__ */ O(
-    V,
+    ...p
+  } = n, b = I();
+  return S(
+    x((f, d) => {
+      onInputChange == null || onInputChange(f, d);
+    }, l)
+  ), /* @__PURE__ */ g(
+    P,
     {
       ref: t,
-      styles: o || x,
-      size: i,
-      color: c,
-      theme: f,
-      isSearchable: r,
-      isClearable: u,
-      className: m,
-      style: p,
-      ...b
+      styles: o || h,
+      size: u,
+      color: i,
+      theme: b,
+      isSearchable: s,
+      isClearable: r,
+      className: c,
+      style: m,
+      ...p
     }
   );
 });
-j.propTypes = {
+V.propTypes = {
   options: e.array,
   styles: e.object,
   debounceTime: e.number,
@@ -261,6 +261,6 @@ j.propTypes = {
   size: e.oneOf(["small", "medium", "large"])
 };
 export {
-  N as components,
-  j as default
+  H as components,
+  V as default
 };

package/dist/DropdownItem.js

@@ -1,10 +1,10 @@
 import { jsx as d, Fragment as G, jsxs as H } from "react/jsx-runtime";
 import { forwardRef as J, useRef as Q, useState as W, useEffect as X } from "react";
 import { P as l } from "./index-S5Cd7WrG.js";
-import { n as Z } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as Z } from "./emotion-styled.browser.esm-BZSYYThs.js";
 import M from "./Icon.js";
-import { a as s, g as I, h as N } from "./utils-DtEdJZWa.js";
-import { u as ee } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { a as s, g as I, h as N } from "./utils-ROK9-zue.js";
+import { u as ee } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
 const ne = Z.div`
   box-sizing: border-box;
   cursor: ${(n) => n.disabled == !1 ? "pointer" : "context-menu"};

package/dist/DropdownLookup.js

@@ -2,9 +2,9 @@ import { jsx as de } from "react/jsx-runtime";
 import { P as e } from "./index-S5Cd7WrG.js";
 import * as Oe from "react";
 import { useRef as G, useState as a, useEffect as W, useCallback as j, forwardRef as J } from "react";
-import { _ as me, u as be } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
-import { _ as ge, b as s, h as Se, d as C, u as he, S as ve, a as ye } from "./CustomStyles-DuADCM-0.js";
-import { _ as _e } from "./defineProperty-B5pLF6px.js";
+import { _ as me, u as be } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
+import { _ as ge, b as s, h as Se, d as C, u as he, S as ve, a as ye } from "./CustomStyles-C7wXBd9m.js";
+import { f as _e } from "./defineProperty-BHpTtkhC.js";
 import "./index--Kmch3aI.js";
 import { d as Ie } from "./index-CNBqQrtK.js";
 var Ce = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];

package/dist/DropdownMenu.js

@@ -1,14 +1,14 @@
 import { jsx as r, jsxs as B } from "react/jsx-runtime";
 import { forwardRef as K, useRef as l, useState as L, Children as U, isValidElement as Y, cloneElement as f } from "react";
 import { P as o } from "./index-S5Cd7WrG.js";
-import { n as b } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as b } from "./emotion-styled.browser.esm-BZSYYThs.js";
 import $ from "./Button.js";
-import { a as q } from "./utils-DtEdJZWa.js";
+import { a as q } from "./utils-ROK9-zue.js";
 import { useTheme as A } from "./ThemeProvider.js";
 import G from "./Popover.js";
 import H from "./PopoverTrigger.js";
 import J from "./PopoverContent.js";
-import { m as Q } from "./motion-ecIGZGwI.js";
+import { m as Q } from "./motion-CtkUpWEn.js";
 const W = b.div``, X = b(Q.div)`
   gap: 0.25rem;
   display: flex;

package/dist/EditableTable.js

@@ -1,16 +1,16 @@
 import { jsx as l, Fragment as $, jsxs as U } from "react/jsx-runtime";
 import { useState as X, useRef as A, useEffect as F, createElement as Z, forwardRef as ee, useImperativeHandle as re } from "react";
 import { P as r } from "./index-S5Cd7WrG.js";
-import { g as z, r as G, i as V } from "./utils-DtEdJZWa.js";
+import { g as z, r as G, d as V } from "./utils-ROK9-zue.js";
 import te from "./Table.js";
-import { n as Y } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as Y } from "./emotion-styled.browser.esm-BZSYYThs.js";
 import N from "./TextInput.js";
 import oe from "./NumberInput.js";
 import ne from "./DecimalInput.js";
 import ae from "./CheckBoxInput.js";
 import se from "./Dropdown.js";
 import ce from "./DecimalInputV2.js";
-import { u as le } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { u as le } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
 const h = {
   BOOLEAN: "BOOLEAN",
   STRING: "STRING",

package/dist/{index8.js → FieldOfInterestsMasonrySection.js}

@@ -1,10 +1,10 @@
 import { jsx as i, jsxs as s } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
-import { n as p } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as p } from "./emotion-styled.browser.esm-BZSYYThs.js";
 import { M as g } from "./consts-DNVz1x1I.js";
-import { t as b, m as $, l as z } from "./utils-DtEdJZWa.js";
+import { t as b, o as $, q as z } from "./utils-ROK9-zue.js";
 import I from "./Icon.js";
-import { u as M } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { u as M } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
 import { u as E } from "./useEffectOnce-guOKBPuL.js";
 const O = p.div`
   display: flex;
@@ -166,7 +166,7 @@ const O = p.div`
     /* @__PURE__ */ i("div", { className: "wrapper__title" }),
     /* @__PURE__ */ i("div", { className: "wrapper__description" })
   ] })
-] })), T = p.div`
+] })), q = p.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -244,7 +244,7 @@ const O = p.div`
     },
     onSelectCard: _ = () => {
     }
-  }, q) => {
+  }, T) => {
     var x, y;
     const h = (e) => {
       f == null || f(e == null ? void 0 : e.uuid);
@@ -262,7 +262,7 @@ const O = p.div`
         window.removeEventListener("resize", e);
       };
     }), /* @__PURE__ */ s(
-      T,
+      q,
       {
         limitTags: m,
         limitTagsForMobile: d,

package/dist/{index9.js → FieldOfInterestsWithAvatarsCardsSection.js}

@@ -1,9 +1,9 @@
 import { jsx as t, jsxs as y } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
-import { n as u } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as u } from "./emotion-styled.browser.esm-BZSYYThs.js";
 import { M as x } from "./consts-DNVz1x1I.js";
-import { m as F, l as N } from "./utils-DtEdJZWa.js";
-import { S as k } from "./index-DGl-lSfF.js";
+import { o as F, q as N } from "./utils-ROK9-zue.js";
+import { S as k } from "./index--F2p-wtI.js";
 const A = u.div`
   width: 100%;
   height: 11.625rem;
@@ -143,7 +143,7 @@ const A = u.div`
       gap: 1rem;
     }
   }
-`, D = f(
+`, B = f(
   ({
     title: i,
     subtitle: s,
@@ -217,5 +217,5 @@ const A = u.div`
   }
 );
 export {
-  D as default
+  B as default
 };

package/dist/{index10.js → FieldOfInterestsWithTagsCardsSection.js}

@@ -1,9 +1,9 @@
 import { jsx as i, jsxs as l } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
-import { n as p } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { t as v, m as y, l as b } from "./utils-DtEdJZWa.js";
+import { n as p } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { t as v, o as y, q as b } from "./utils-ROK9-zue.js";
 import $ from "./Icon.js";
-import { u as k } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { u as k } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
 import { M as N } from "./consts-DNVz1x1I.js";
 const W = p.div`
   display: flex;
@@ -183,7 +183,7 @@ const W = p.div`
       gap: 1rem;
     }
   }
-`, X = m(
+`, P = m(
   ({
     title: r,
     subtitle: n,
@@ -250,5 +250,5 @@ const W = p.div`
   }
 );
 export {
-  X as default
+  P as default
 };

package/dist/FileInput.js

@@ -1,9 +1,9 @@
 import { jsxs as S, jsx as m } from "react/jsx-runtime";
 import { forwardRef as R, useState as g } from "react";
-import { n as c } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as c } from "./emotion-styled.browser.esm-BZSYYThs.js";
 import { P as t } from "./index-S5Cd7WrG.js";
-import { d as y, a as r, e as V, g as x, h as p } from "./utils-DtEdJZWa.js";
-import { u as B } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { e as y, a as r, f as V, g as x, h as p } from "./utils-ROK9-zue.js";
+import { u as B } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
 const D = c.label`
   display: inline-flex;
   box-sizing: border-box;
@@ -106,15 +106,15 @@ const D = c.label`
     onFocus: d,
     onBlur: s,
     disabled: l,
-    readOnly: b,
+    readOnly: f,
     multiple: w = !1,
     accept: z = "",
     label: O = "Choose File",
     color: F = "primary",
     size: k = "small",
     ...v
-  } = e, T = B(), [o, N] = g([]), [f, h] = g(!1);
-  var u = { theme: T, size: k, color: F, disabled: l, focused: f };
+  } = e, T = B(), [o, N] = g([]), [b, h] = g(!1);
+  var u = { theme: T, size: k, color: F, disabled: l, focused: b };
   const j = () => {
     if (o.length > 0) {
       var n = "";
@@ -130,8 +130,8 @@ const D = c.label`
       ...u,
       className: I,
       style: C,
-      focused: f,
-      readOnly: b,
+      focused: b,
+      readOnly: f,
       children: [
         /* @__PURE__ */ m(
           L,
@@ -140,7 +140,7 @@ const D = c.label`
             accept: z,
             multiple: w,
             ref: $,
-            onChange: l || b ? () => {
+            onChange: l || f ? () => {
             } : (n) => {
               var a = [];
               if (n.target.files && n.target.files.length > 0)

package/dist/FlexBox.js

@@ -1,6 +1,6 @@
 import { jsx as f } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
-import { n as w } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as w } from "./emotion-styled.browser.esm-BZSYYThs.js";
 import { P as r } from "./index-S5Cd7WrG.js";
 const d = {
   Row: "row",

package/dist/FlexGridItem.js

@@ -1,8 +1,8 @@
 import { jsx as y } from "react/jsx-runtime";
 import { forwardRef as N, useState as S, useEffect as b } from "react";
 import { P as i } from "./index-S5Cd7WrG.js";
-import { n as I } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { u as M } from "./utils-DtEdJZWa.js";
+import { n as I } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { u as M } from "./utils-ROK9-zue.js";
 const W = I.div`
   ${(t) => t.width > 0 ? "" : "flex: 1;"}
   min-width: ${(t) => 100 / t.columns}%;

package/dist/FormField.js

@@ -1,8 +1,8 @@
 import { jsxs as b, jsx as s } from "react/jsx-runtime";
 import { P as l } from "./index-S5Cd7WrG.js";
-import { n as m } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { g as i, a as n } from "./utils-DtEdJZWa.js";
-import { u as g } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { n as m } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { g as i, a as n } from "./utils-ROK9-zue.js";
+import { u as g } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
 const f = m.label`
   display: block;
   margin-bottom: 4px;

package/dist/FormView.js

@@ -1,7 +1,7 @@
 import { jsxs as c, jsx as r, Fragment as g } from "react/jsx-runtime";
 import { forwardRef as W } from "react";
 import { P as e } from "./index-S5Cd7WrG.js";
-import { n as y } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as y } from "./emotion-styled.browser.esm-BZSYYThs.js";
 import M from "./FlexGrid.js";
 import Y from "./FlexGridItem.js";
 import f from "./Button.js";
@@ -17,9 +17,9 @@ import X from "./TimeInput.js";
 import Z from "./ColorInput.js";
 import z from "./FileInput.js";
 import ee from "./RangeSlider.js";
-import { c as re, b as te, a as oe } from "./utils-DtEdJZWa.js";
+import { c as re, b as te, a as oe } from "./utils-ROK9-zue.js";
 import ae from "./FormField.js";
-import { u as ne } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { u as ne } from "./emotion-element-5486c51c.browser.esm-CSejtOeT.js";
 const ie = y.div`
   display: flex;
   justify-content: space-between;

package/dist/GiftCardsSection.cjs

@@ -0,0 +1,108 @@
+"use strict";const r=require("react/jsx-runtime"),f=require("react"),s=require("./utils-CE6bljYe.cjs"),g=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),w=require("./consts-dNz9tpt4.cjs"),_=g.newStyled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 0.75rem;
+
+  & .wrapper__card {
+    width: 100%;
+    height: auto;
+    border-radius: 0.75rem;
+    position: relative;
+    overflow: hidden;
+
+    & .wrapper__image {
+      width: 100%;
+      object-fit: cover;
+      height: auto;
+      border-radius: 0.75rem;
+      border: 1px solid var(--yellow-600, #d97706);
+
+      /* drop-shadow-sm */
+      box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
+    }
+
+    & .wrapper__tag {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: absolute;
+      left: -40%;
+      top: 10%;
+      filter: drop-shadow(1px 1px 0px #d97706);
+      background: var(--yellow-500, #f59e0b);
+      color: var(--white, #fff);
+      width: 100%;
+      height: 2rem;
+      font-weight: 600;
+      font-size: 0.875rem;
+
+      -moz-transform: rotate(-45deg);
+      -o-transform: rotate(-45deg);
+      -webkit-transform: rotate(-45deg);
+      transform: rotate(-45deg);
+    }
+  }
+
+  & .wrapper__text {
+    color: var(--gray-950, #14161a);
+    text-align: center;
+    font-size: 1rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.5rem;
+    width: 100%;
+    ${s.truncateTextInRows(2)}
+  }
+`,h=g.newStyled.div`
+  width: 100%;
+  height: 11.5rem;
+  border-radius: 0.75rem;
+  background: ${s.linearGradientAnimation("-90deg")};
+`,d=f.forwardRef(({image:t,imageComponent:n,text:i,price:l,currency:m,onSelectCard:o=()=>{}},a)=>r.jsxs(_,{onClick:o,children:[r.jsxs("div",{className:"wrapper__card",children:[s.isDefined(n)?n:r.jsx("img",{src:t,className:"wrapper__image"}),r.jsx("div",{className:"wrapper__tag",children:`${s.formatPrice(l)} ${s.GetCurrencySymbol(m)}`})]}),r.jsx("div",{className:"wrapper__text",children:i})]})),u=f.forwardRef(({},t)=>r.jsx(h,{})),c=g.newStyled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1.5rem;
+
+  & .wrapper__heading {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+
+    & .wrapper__title {
+      color: var(--gray-950, #14161a);
+      text-align: center;
+      font-size: 1.5rem;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 2rem;
+      letter-spacing: -0.47px;
+    }
+
+    & .wrapper__subtitle {
+      color: var(---gray-600, #676e79);
+      font-size: 0.875rem;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 1.25rem;
+      letter-spacing: 0.25px;
+    }
+  }
+
+  & .wrapper__cards {
+    display: grid;
+    grid-template-columns: ${t=>`repeat(${t==null?void 0:t.limitCards}, minmax(0, 1fr))`};
+    gap: 1.25rem;
+    justify-items: center;
+    align-items: center;
+    width: 100%;
+  }
+
+  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
+    & .wrapper__cards {
+      grid-template-columns: ${t=>`repeat(${t==null?void 0:t.limitCardsForMobile}, minmax(0, 1fr))`};
+      gap: 1rem;
+    }
+  }
+`,y=f.forwardRef(({title:t,subtitle:n,cards:i,limitCards:l=4,limitCardsForMobile:m=1,onSelectCard:o=()=>{}})=>{var x;const a=e=>{o==null||o(e==null?void 0:e.uuid)};return r.jsxs(c,{limitCards:l,limitCardsForMobile:m,children:[r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),n&&r.jsx("div",{className:"wrapper__subtitle",children:n})]}),r.jsx("div",{className:"wrapper__cards",children:i&&(i==null?void 0:i.length)>0?i==null?void 0:i.map((e,p)=>r.jsx(d,{uuid:e==null?void 0:e.uuid,text:e==null?void 0:e.text,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>a==null?void 0:a(e)},`gift-card__${p+1}`)):(x=Array.from("1234"))==null?void 0:x.map((e,p)=>r.jsx(u,{},`gift-card-skeleton__${p+1}`))})]})});module.exports=y;

package/dist/GiftCardsSection.js

@@ -0,0 +1,168 @@
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { t as _, o as w, q as d, v as x, G as u } from "./utils-ROK9-zue.js";
+import { n as g } from "./emotion-styled.browser.esm-BZSYYThs.js";
+import { M as c } from "./consts-DNVz1x1I.js";
+const y = g.div`
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 0.75rem;
+
+  & .wrapper__card {
+    width: 100%;
+    height: auto;
+    border-radius: 0.75rem;
+    position: relative;
+    overflow: hidden;
+
+    & .wrapper__image {
+      width: 100%;
+      object-fit: cover;
+      height: auto;
+      border-radius: 0.75rem;
+      border: 1px solid var(--yellow-600, #d97706);
+
+      /* drop-shadow-sm */
+      box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
+    }
+
+    & .wrapper__tag {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: absolute;
+      left: -40%;
+      top: 10%;
+      filter: drop-shadow(1px 1px 0px #d97706);
+      background: var(--yellow-500, #f59e0b);
+      color: var(--white, #fff);
+      width: 100%;
+      height: 2rem;
+      font-weight: 600;
+      font-size: 0.875rem;
+
+      -moz-transform: rotate(-45deg);
+      -o-transform: rotate(-45deg);
+      -webkit-transform: rotate(-45deg);
+      transform: rotate(-45deg);
+    }
+  }
+
+  & .wrapper__text {
+    color: var(--gray-950, #14161a);
+    text-align: center;
+    font-size: 1rem;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 1.5rem;
+    width: 100%;
+    ${_(2)}
+  }
+`, v = g.div`
+  width: 100%;
+  height: 11.5rem;
+  border-radius: 0.75rem;
+  background: ${w("-90deg")};
+`, b = f(
+  ({ image: t, imageComponent: o, text: r, price: m, currency: p, onSelectCard: n = () => {
+  } }, a) => /* @__PURE__ */ l(y, { onClick: n, children: [
+    /* @__PURE__ */ l("div", { className: "wrapper__card", children: [
+      d(o) ? o : /* @__PURE__ */ i("img", { src: t, className: "wrapper__image" }),
+      /* @__PURE__ */ i("div", { className: "wrapper__tag", children: `${x(
+        m
+      )} ${u(p)}` })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "wrapper__text", children: r })
+  ] })
+), $ = f(({}, t) => /* @__PURE__ */ i(v, {})), N = g.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1.5rem;
+
+  & .wrapper__heading {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+
+    & .wrapper__title {
+      color: var(--gray-950, #14161a);
+      text-align: center;
+      font-size: 1.5rem;
+      font-style: normal;
+      font-weight: 600;
+      line-height: 2rem;
+      letter-spacing: -0.47px;
+    }
+
+    & .wrapper__subtitle {
+      color: var(---gray-600, #676e79);
+      font-size: 0.875rem;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 1.25rem;
+      letter-spacing: 0.25px;
+    }
+  }
+
+  & .wrapper__cards {
+    display: grid;
+    grid-template-columns: ${(t) => `repeat(${t == null ? void 0 : t.limitCards}, minmax(0, 1fr))`};
+    gap: 1.25rem;
+    justify-items: center;
+    align-items: center;
+    width: 100%;
+  }
+
+  @media (max-width: ${c + "px"}) {
+    & .wrapper__cards {
+      grid-template-columns: ${(t) => `repeat(${t == null ? void 0 : t.limitCardsForMobile}, minmax(0, 1fr))`};
+      gap: 1rem;
+    }
+  }
+`, I = f(
+  ({
+    title: t,
+    subtitle: o,
+    cards: r,
+    limitCards: m = 4,
+    limitCardsForMobile: p = 1,
+    onSelectCard: n = () => {
+    }
+  }) => {
+    var h;
+    const a = (e) => {
+      n == null || n(e == null ? void 0 : e.uuid);
+    };
+    return /* @__PURE__ */ l(
+      N,
+      {
+        limitCards: m,
+        limitCardsForMobile: p,
+        children: [
+          /* @__PURE__ */ l("div", { className: "wrapper__heading", children: [
+            t && /* @__PURE__ */ i("div", { className: "wrapper__title", children: t }),
+            o && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: o })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "wrapper__cards", children: r && (r == null ? void 0 : r.length) > 0 ? r == null ? void 0 : r.map((e, s) => /* @__PURE__ */ i(
+            b,
+            {
+              uuid: e == null ? void 0 : e.uuid,
+              text: e == null ? void 0 : e.text,
+              price: e == null ? void 0 : e.price,
+              currency: e == null ? void 0 : e.currency,
+              image: e == null ? void 0 : e.image,
+              imageComponent: e == null ? void 0 : e.imageComponent,
+              onSelectCard: () => a == null ? void 0 : a(e)
+            },
+            `gift-card__${s + 1}`
+          )) : (h = Array.from("1234")) == null ? void 0 : h.map((e, s) => /* @__PURE__ */ i($, {}, `gift-card-skeleton__${s + 1}`)) })
+        ]
+      }
+    );
+  }
+);
+export {
+  I as default
+};