@lanaco/lnc-react-ui 4.0.32 → 4.0.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (186) hide show
  1. package/dist/Accordion.cjs +1 -1
  2. package/dist/Accordion.js +1 -1
  3. package/dist/AccordionSummary.cjs +1 -1
  4. package/dist/AccordionSummary.js +1 -1
  5. package/dist/ActionsToolbar.cjs +1 -1
  6. package/dist/ActionsToolbar.js +1 -1
  7. package/dist/Alert.cjs +1 -1
  8. package/dist/Alert.js +1 -1
  9. package/dist/Avatar.cjs +1 -1
  10. package/dist/Avatar.js +1 -1
  11. package/dist/Badge.cjs +1 -1
  12. package/dist/Badge.js +1 -1
  13. package/dist/BannerSectionWithList.cjs +1 -1
  14. package/dist/BannerSectionWithList.js +1 -1
  15. package/dist/BlogsSectionDetailed.cjs +111 -0
  16. package/dist/BlogsSectionDetailed.js +224 -0
  17. package/dist/BlogsSectionLarge.cjs +101 -0
  18. package/dist/BlogsSectionLarge.js +177 -0
  19. package/dist/BlogsSectionSimple.cjs +71 -0
  20. package/dist/BlogsSectionSimple.js +158 -0
  21. package/dist/BlogsSectionSimpleCentered.cjs +78 -0
  22. package/dist/BlogsSectionSimpleCentered.js +149 -0
  23. package/dist/BlogsSectionWithFilters.cjs +173 -0
  24. package/dist/BlogsSectionWithFilters.js +559 -0
  25. package/dist/BrandHitsSection.cjs +11 -7
  26. package/dist/BrandHitsSection.js +9 -5
  27. package/dist/Breadcrumbs.cjs +1 -1
  28. package/dist/Breadcrumbs.js +1 -1
  29. package/dist/Button.cjs +1 -1
  30. package/dist/Button.js +1 -1
  31. package/dist/ButtonGroup.cjs +1 -1
  32. package/dist/ButtonGroup.js +1 -1
  33. package/dist/CheckBoxInput.cjs +1 -1
  34. package/dist/CheckBoxInput.js +1 -1
  35. package/dist/Chip.cjs +1 -1
  36. package/dist/Chip.js +1 -1
  37. package/dist/ColorInput.cjs +1 -1
  38. package/dist/ColorInput.js +1 -1
  39. package/dist/ConfirmationForm.cjs +1 -1
  40. package/dist/ConfirmationForm.js +1 -1
  41. package/dist/CustomLoanMapSection.cjs +240 -0
  42. package/dist/CustomLoanMapSection.js +410 -0
  43. package/dist/{CustomStyles-DuADCM-0.js → CustomStyles-C45a_Y92.js} +1 -1
  44. package/dist/{CustomStyles-CBON9fD-.cjs → CustomStyles-jdvxQvK1.cjs} +1 -1
  45. package/dist/DateInput.cjs +1 -1
  46. package/dist/DateInput.js +1 -1
  47. package/dist/DecimalInput.cjs +1 -1
  48. package/dist/DecimalInput.js +1 -1
  49. package/dist/DecimalInputV2.cjs +1 -1
  50. package/dist/DecimalInputV2.js +1 -1
  51. package/dist/DetailedProductsSection.cjs +1 -1
  52. package/dist/DetailedProductsSection.js +3 -3
  53. package/dist/DetailsView.cjs +1 -1
  54. package/dist/DetailsView.js +1 -1
  55. package/dist/DoubleRangeSlider.cjs +1 -1
  56. package/dist/DoubleRangeSlider.js +1 -1
  57. package/dist/DragAndDropFile.cjs +1 -1
  58. package/dist/DragAndDropFile.js +1 -1
  59. package/dist/DragDropFiles.cjs +1 -1
  60. package/dist/DragDropFiles.js +1 -1
  61. package/dist/Drawer.cjs +1 -1
  62. package/dist/Drawer.js +1 -1
  63. package/dist/Dropdown.cjs +1 -1
  64. package/dist/Dropdown.js +2 -2
  65. package/dist/DropdownItem.cjs +1 -1
  66. package/dist/DropdownItem.js +1 -1
  67. package/dist/DropdownLookup.cjs +1 -1
  68. package/dist/DropdownLookup.js +1 -1
  69. package/dist/DropdownMenu.cjs +1 -1
  70. package/dist/DropdownMenu.js +1 -1
  71. package/dist/EditableTable.cjs +1 -1
  72. package/dist/EditableTable.js +1 -1
  73. package/dist/FieldOfInterestsMasonrySection.cjs +7 -7
  74. package/dist/FieldOfInterestsMasonrySection.js +23 -23
  75. package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs +11 -7
  76. package/dist/FieldOfInterestsWithAvatarsCardsSection.js +62 -58
  77. package/dist/FieldOfInterestsWithTagsCardsSection.cjs +37 -17
  78. package/dist/FieldOfInterestsWithTagsCardsSection.js +68 -48
  79. package/dist/FileInput.cjs +1 -1
  80. package/dist/FileInput.js +1 -1
  81. package/dist/FlexGridItem.cjs +1 -1
  82. package/dist/FlexGridItem.js +1 -1
  83. package/dist/FormField.cjs +1 -1
  84. package/dist/FormField.js +1 -1
  85. package/dist/FormView.cjs +1 -1
  86. package/dist/FormView.js +1 -1
  87. package/dist/GeneralWithTagsCardsSection.cjs +198 -0
  88. package/dist/GeneralWithTagsCardsSection.js +287 -0
  89. package/dist/GiftCardsSection.cjs +11 -7
  90. package/dist/GiftCardsSection.js +34 -30
  91. package/dist/Icon.cjs +1 -1
  92. package/dist/Icon.js +1 -1
  93. package/dist/IconButton.cjs +1 -1
  94. package/dist/IconButton.js +1 -1
  95. package/dist/Kanban.cjs +1 -1
  96. package/dist/Kanban.js +1 -1
  97. package/dist/KanbanActionsToolbar.cjs +1 -1
  98. package/dist/KanbanActionsToolbar.js +1 -1
  99. package/dist/KanbanView.cjs +1 -1
  100. package/dist/KanbanView.js +1 -1
  101. package/dist/Link.cjs +1 -1
  102. package/dist/Link.js +1 -1
  103. package/dist/MasonryGeneralCardsSection.cjs +6 -6
  104. package/dist/MasonryGeneralCardsSection.js +38 -36
  105. package/dist/MenuItem.cjs +1 -1
  106. package/dist/MenuItem.js +1 -1
  107. package/dist/Modal.cjs +1 -1
  108. package/dist/Modal.js +1 -1
  109. package/dist/MultiSelectDropdown.cjs +1 -1
  110. package/dist/MultiSelectDropdown.js +1 -1
  111. package/dist/MultiSelectDropdownLookup.cjs +1 -1
  112. package/dist/MultiSelectDropdownLookup.js +1 -1
  113. package/dist/NestedDropdownItem.cjs +1 -1
  114. package/dist/NestedDropdownItem.js +1 -1
  115. package/dist/NestedMenuItem.cjs +1 -1
  116. package/dist/NestedMenuItem.js +1 -1
  117. package/dist/NotificationContainer.cjs +1 -1
  118. package/dist/NotificationContainer.js +1 -1
  119. package/dist/NotificationMessage.cjs +1 -1
  120. package/dist/NotificationMessage.js +1 -1
  121. package/dist/NumberInput.cjs +1 -1
  122. package/dist/NumberInput.js +1 -1
  123. package/dist/OverlayGeneralCardsSection.cjs +127 -0
  124. package/dist/OverlayGeneralCardsSection.js +183 -0
  125. package/dist/PasswordInput.cjs +1 -1
  126. package/dist/PasswordInput.js +1 -1
  127. package/dist/PopoverContent.cjs +1 -1
  128. package/dist/PopoverContent.js +1 -1
  129. package/dist/ProductsWithBannerSection.cjs +1 -1
  130. package/dist/ProductsWithBannerSection.js +2 -2
  131. package/dist/ProgressBar.cjs +1 -1
  132. package/dist/ProgressBar.js +1 -1
  133. package/dist/RadioInput.cjs +1 -1
  134. package/dist/RadioInput.js +1 -1
  135. package/dist/RangeSlider.cjs +1 -1
  136. package/dist/RangeSlider.js +1 -1
  137. package/dist/Separator.cjs +1 -1
  138. package/dist/Separator.js +1 -1
  139. package/dist/ShopCardsSection.cjs +8 -8
  140. package/dist/ShopCardsSection.js +49 -49
  141. package/dist/Sidebar.cjs +1 -1
  142. package/dist/Sidebar.js +1 -1
  143. package/dist/SimpleCategoriesSection.cjs +81 -0
  144. package/dist/SimpleCategoriesSection.js +153 -0
  145. package/dist/SimpleProductsSection.cjs +1 -1
  146. package/dist/SimpleProductsSection.js +1 -1
  147. package/dist/Spinner.cjs +1 -1
  148. package/dist/Spinner.js +1 -1
  149. package/dist/Surface.cjs +1 -1
  150. package/dist/Surface.js +1 -1
  151. package/dist/SwipeableDrawer.cjs +1 -1
  152. package/dist/SwipeableDrawer.js +1 -1
  153. package/dist/TabItem.cjs +1 -1
  154. package/dist/TabItem.js +1 -1
  155. package/dist/Table.cjs +1 -1
  156. package/dist/Table.js +1 -1
  157. package/dist/TableView.cjs +1 -1
  158. package/dist/TableView.js +1 -1
  159. package/dist/TextAreaInput.cjs +1 -1
  160. package/dist/TextAreaInput.js +1 -1
  161. package/dist/TextInput.cjs +1 -1
  162. package/dist/TextInput.js +1 -1
  163. package/dist/ThemeProvider.cjs +1 -1
  164. package/dist/ThemeProvider.js +1 -1
  165. package/dist/TimeInput.cjs +1 -1
  166. package/dist/TimeInput.js +1 -1
  167. package/dist/Toggle.cjs +1 -1
  168. package/dist/Toggle.js +1 -1
  169. package/dist/TreeMenuSeparator.cjs +1 -1
  170. package/dist/TreeMenuSeparator.js +1 -1
  171. package/dist/UploadedFile.cjs +1 -1
  172. package/dist/UploadedFile.js +1 -1
  173. package/dist/UrgentSaleProductsSection.cjs +1 -1
  174. package/dist/UrgentSaleProductsSection.js +1 -1
  175. package/dist/{index-jVpIwR2G.js → index-BfOdDcQF.js} +1 -1
  176. package/dist/{index-BlV3tdJ8.cjs → index-CC_hdGKn.cjs} +1 -1
  177. package/dist/{index-DGl-lSfF.js → index-DZxSlQJQ.js} +1 -1
  178. package/dist/{index-LdP7U1Yl.cjs → index-Dld_cRbm.cjs} +1 -1
  179. package/dist/index.cjs +1 -1
  180. package/dist/index.js +25 -23
  181. package/dist/{style-C3OB0uad.cjs → style-CeMnBJ6v.cjs} +4 -4
  182. package/dist/{style-Ch-xOasu.js → style-D6sNCRwG.js} +6 -7
  183. package/dist/{utils-CE6bljYe.cjs → utils-UJt-R-G3.cjs} +7 -7
  184. package/dist/{utils-DtEdJZWa.js → utils-xpQsPsCa.js} +33 -33
  185. package/package.json +13 -3
  186. package/vite.config.js +36 -0
@@ -1,11 +1,11 @@
1
1
  import { jsx as t, Fragment as u, jsxs as m } from "react/jsx-runtime";
2
- import { forwardRef as p } from "react";
2
+ import { forwardRef as f } from "react";
3
3
  import _ from "./Button.js";
4
- import { n as d } from "./emotion-styled.browser.esm-BiK8DcgW.js";
5
- import { m as o, t as c, k as g } from "./utils-DtEdJZWa.js";
4
+ import { n as s } from "./emotion-styled.browser.esm-BiK8DcgW.js";
5
+ import { m as n, t as g, k as p } from "./utils-xpQsPsCa.js";
6
6
  import { u as w } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
7
- import { M as f } from "./consts-DNVz1x1I.js";
8
- const b = d.div`
7
+ import { M as h } from "./consts-DNVz1x1I.js";
8
+ const b = s.div`
9
9
  display: flex;
10
10
  flex-direction: column;
11
11
  align-items: flex-start;
@@ -41,7 +41,7 @@ const b = d.div`
41
41
  width: 24.5rem;
42
42
  height: 30rem;
43
43
  border-radius: 0.75rem;
44
- background-color: ${o("-90deg")};
44
+ background-color: ${n("-90deg")};
45
45
  }
46
46
 
47
47
  & .wrapper__text {
@@ -60,7 +60,7 @@ const b = d.div`
60
60
  font-style: normal;
61
61
  font-weight: 500;
62
62
  line-height: 1.5rem;
63
- ${c(2)}
63
+ ${g(2)}
64
64
  }
65
65
 
66
66
  & .text__tag {
@@ -82,7 +82,7 @@ const b = d.div`
82
82
  font-style: normal;
83
83
  font-weight: 400;
84
84
  line-height: 1.25rem;
85
- ${c(2)}
85
+ ${g(2)}
86
86
  }
87
87
 
88
88
  & .text__action {
@@ -96,54 +96,54 @@ const b = d.div`
96
96
  }
97
97
 
98
98
  & .text__title--skeleton {
99
- background-color: ${o("-90deg")};
99
+ background-color: ${n("-90deg")};
100
100
  height: 1rem;
101
101
  width: 9rem;
102
102
  }
103
103
 
104
104
  & .text__description--skeleton {
105
- background-color: ${o("-90deg")};
105
+ background-color: ${n("-90deg")};
106
106
  height: 1rem;
107
107
  width: 12rem;
108
108
  }
109
109
 
110
110
  & .text__action--skeleton {
111
- background-color: ${o("-90deg")};
111
+ background-color: ${n("-90deg")};
112
112
  height: 2rem;
113
113
  width: 9rem;
114
114
  }
115
115
  }
116
- `, v = p(
116
+ `, v = f(
117
117
  ({
118
118
  title: r,
119
119
  image: e,
120
- description: i,
121
- actionText: n,
122
- onSelectCard: a = () => {
120
+ description: a,
121
+ actionText: o,
122
+ onSelectCard: l = () => {
123
123
  },
124
- className: l,
125
- position: h,
126
- tag: s
124
+ className: i,
125
+ position: d,
126
+ tag: c
127
127
  }, $) => {
128
128
  const x = w();
129
129
  return /* @__PURE__ */ t(u, { children: /* @__PURE__ */ m(
130
130
  b,
131
131
  {
132
132
  theme: x,
133
- className: l,
134
- onClick: a,
135
- position: h,
133
+ className: i,
134
+ onClick: l,
135
+ position: d,
136
136
  children: [
137
137
  /* @__PURE__ */ t("img", { src: e, className: "wrapper__image" }),
138
138
  /* @__PURE__ */ m("div", { className: "wrapper__text", children: [
139
- s && /* @__PURE__ */ t("div", { className: "text__tag", children: s }),
139
+ c && /* @__PURE__ */ t("div", { className: "text__tag", children: c }),
140
140
  /* @__PURE__ */ t("div", { className: "text__title", children: r }),
141
- g(i) && /* @__PURE__ */ t("div", { className: "text__description", children: i }),
142
- g(n) && /* @__PURE__ */ t(
141
+ p(a) && /* @__PURE__ */ t("div", { className: "text__description", children: a }),
142
+ p(o) && /* @__PURE__ */ t(
143
143
  _,
144
144
  {
145
- text: n,
146
- onClick: a,
145
+ text: o,
146
+ onClick: l,
147
147
  className: "text__action"
148
148
  }
149
149
  )
@@ -152,7 +152,7 @@ const b = d.div`
152
152
  }
153
153
  ) });
154
154
  }
155
- ), y = d.div`
155
+ ), y = s.div`
156
156
  display: flex;
157
157
  flex-direction: column;
158
158
  gap: 1.5rem;
@@ -176,7 +176,7 @@ const b = d.div`
176
176
  }
177
177
  }
178
178
 
179
- @media (max-width: ${f + "px"}) {
179
+ @media (max-width: ${h + "px"}) {
180
180
  gap: 1.25rem;
181
181
 
182
182
  & .regular-title {
@@ -187,7 +187,7 @@ const b = d.div`
187
187
  }
188
188
  }
189
189
  }
190
- `, k = d.div`
190
+ `, k = s.div`
191
191
  display: grid;
192
192
  grid-template-columns: repeat(12, 1fr);
193
193
  grid-template-rows: 15rem 15rem;
@@ -196,7 +196,7 @@ const b = d.div`
196
196
  height: 30rem;
197
197
  max-height: 30rem;
198
198
 
199
- @media (max-width: ${f + "px"}) {
199
+ @media (max-width: ${h + "px"}) {
200
200
  display: flex;
201
201
  flex-direction: column;
202
202
  gap: 1rem;
@@ -205,18 +205,20 @@ const b = d.div`
205
205
  max-height: 100%;
206
206
  padding: 0 1rem;
207
207
  }
208
- `, C = p(
209
- ({ title: r, items: e, limit: i = 3 }, n) => /* @__PURE__ */ m(y, { children: [
208
+ `, M = f(
209
+ ({ title: r, items: e, limit: a = 3, onSelectCard: o = () => {
210
+ } }, l) => /* @__PURE__ */ m(y, { children: [
210
211
  /* @__PURE__ */ t("div", { className: "regular-title", children: /* @__PURE__ */ t("div", { className: "regular-title-text", children: /* @__PURE__ */ t("span", { children: r }) }) }),
211
- /* @__PURE__ */ t(k, { limit: i, children: e && (e == null ? void 0 : e.map((a, l) => /* @__PURE__ */ t(
212
+ /* @__PURE__ */ t(k, { limit: a, children: e && (e == null ? void 0 : e.map((i, d) => /* @__PURE__ */ t(
212
213
  v,
213
214
  {
214
- ...a
215
+ ...i,
216
+ onSelectCard: () => o(i == null ? void 0 : i.uuid)
215
217
  },
216
- `landing-page-masonry-general-card__${l + 1}`
218
+ `landing-page-masonry-general-card__${d + 1}`
217
219
  ))) })
218
220
  ] })
219
221
  );
220
222
  export {
221
- C as default
223
+ M as default
222
224
  };
package/dist/MenuItem.cjs CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";const c=require("react/jsx-runtime"),f=require("react"),s=require("./index-BPVoEhTF.cjs"),G=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),M=require("./Icon.cjs"),l=require("./utils-CE6bljYe.cjs"),H=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),J=G.newStyled.div`
1
+ "use strict";const c=require("react/jsx-runtime"),f=require("react"),s=require("./index-BPVoEhTF.cjs"),G=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),M=require("./Icon.cjs"),l=require("./utils-UJt-R-G3.cjs"),H=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),J=G.newStyled.div`
2
2
  box-sizing: border-box;
3
3
  cursor: ${n=>n.disabled==!1?"pointer":"context-menu"};
4
4
  width: 100%;
package/dist/MenuItem.js CHANGED
@@ -3,7 +3,7 @@ import { forwardRef as J, useRef as Q, useState as W, useEffect as X } from "rea
3
3
  import { P as o } from "./index-S5Cd7WrG.js";
4
4
  import { n as Z } from "./emotion-styled.browser.esm-BiK8DcgW.js";
5
5
  import k from "./Icon.js";
6
- import { a as i, g as I, h as v } from "./utils-DtEdJZWa.js";
6
+ import { a as i, g as I, h as v } from "./utils-xpQsPsCa.js";
7
7
  import { u as ee } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
8
8
  const ne = Z.div`
9
9
  box-sizing: border-box;
package/dist/Modal.cjs CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";const t=require("react/jsx-runtime"),y=require("react"),o=require("./index-BPVoEhTF.cjs"),C=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),D=require("./Icon.cjs"),j=require("./utils-CE6bljYe.cjs"),V=require("./index-Ct1N7fF4.cjs"),L=require("./motion-Oud-wpUz.cjs"),G=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),I=require("./index-BP5r5zGN.cjs"),x="5rem",h="3.8rem",i="1.5rem",W=(e,r,n)=>r&&n?e=="FULL"?`calc(100dvh - ${h} - ${x})`:`calc(100dvh - ${h} - ${x} - ${i})`:r?e=="FULL"?`calc(100dvh - ${h})`:`calc(100dvh - ${h} - ${i})`:n?e=="FULL"?`calc(100dvh - ${x})`:`calc(100dvh - ${x} - ${i})`:e=="FULL"?"100dvh":`calc(100dvh - ${i})`,X=e=>e=="FULL"?"100vw":`calc(100vw - ${i})`,J=(e,r,n)=>e=="FULL"?"0":`${r?"0":"16px"} 0 ${n?"0":"16px"} 0`,K=C.newStyled(L.motion.div)`
1
+ "use strict";const t=require("react/jsx-runtime"),y=require("react"),o=require("./index-BPVoEhTF.cjs"),C=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),D=require("./Icon.cjs"),j=require("./utils-UJt-R-G3.cjs"),V=require("./index-Ct1N7fF4.cjs"),L=require("./motion-Oud-wpUz.cjs"),G=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),I=require("./index-BP5r5zGN.cjs"),x="5rem",h="3.8rem",i="1.5rem",W=(e,r,n)=>r&&n?e=="FULL"?`calc(100dvh - ${h} - ${x})`:`calc(100dvh - ${h} - ${x} - ${i})`:r?e=="FULL"?`calc(100dvh - ${h})`:`calc(100dvh - ${h} - ${i})`:n?e=="FULL"?`calc(100dvh - ${x})`:`calc(100dvh - ${x} - ${i})`:e=="FULL"?"100dvh":`calc(100dvh - ${i})`,X=e=>e=="FULL"?"100vw":`calc(100vw - ${i})`,J=(e,r,n)=>e=="FULL"?"0":`${r?"0":"16px"} 0 ${n?"0":"16px"} 0`,K=C.newStyled(L.motion.div)`
2
2
  position: ${e=>e.scrollOverlay==!0?"absolute":"fixed"};
3
3
  top: 0;
4
4
  left: 0;
package/dist/Modal.js CHANGED
@@ -3,7 +3,7 @@ import { forwardRef as z, useRef as X, useState as V, useImperativeHandle as q,
3
3
  import { P as o } from "./index-S5Cd7WrG.js";
4
4
  import { n as C } from "./emotion-styled.browser.esm-BiK8DcgW.js";
5
5
  import K from "./Icon.js";
6
- import { a as w } from "./utils-DtEdJZWa.js";
6
+ import { a as w } from "./utils-xpQsPsCa.js";
7
7
  import { r as Q } from "./index--Kmch3aI.js";
8
8
  import { m as M } from "./motion-ecIGZGwI.js";
9
9
  import { u as Y } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
@@ -1 +1 @@
1
- "use strict";const g=require("react/jsx-runtime"),e=require("./index-BPVoEhTF.cjs"),s=require("react"),O=require("./CustomStyles-CBON9fD-.cjs"),h=require("./index-DaiUAQVF.cjs"),M=require("./Dropdown.cjs"),S=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),r=s.forwardRef((n,t)=>{const{styles:p,debounceTime:l=0,isSearchable:u=!0,isClearable:y=!0,onInputChange:o,size:i="small",color:c="primary",className:a="",style:T={},...P}=n,b=S.useTheme(),m=s.useCallback(h.debounce((d,f)=>{o==null||o(d,f)},l));return g.jsx(M.default,{isMulti:!0,ref:t,styles:p||O.customStyles,size:i,color:c,theme:b,isSearchable:u,isClearable:y,className:a,style:T,...P,onInputChange:m})});r.propTypes={options:e.PropTypes.array,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.string,inputId:e.PropTypes.string,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,onKeyDown:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=r;
1
+ "use strict";const g=require("react/jsx-runtime"),e=require("./index-BPVoEhTF.cjs"),s=require("react"),O=require("./CustomStyles-jdvxQvK1.cjs"),h=require("./index-DaiUAQVF.cjs"),M=require("./Dropdown.cjs"),S=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),r=s.forwardRef((n,t)=>{const{styles:p,debounceTime:l=0,isSearchable:u=!0,isClearable:y=!0,onInputChange:o,size:i="small",color:c="primary",className:a="",style:T={},...P}=n,b=S.useTheme(),m=s.useCallback(h.debounce((d,f)=>{o==null||o(d,f)},l));return g.jsx(M.default,{isMulti:!0,ref:t,styles:p||O.customStyles,size:i,color:c,theme:b,isSearchable:u,isClearable:y,className:a,style:T,...P,onInputChange:m})});r.propTypes={options:e.PropTypes.array,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.string,inputId:e.PropTypes.string,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,onKeyDown:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=r;
@@ -1,7 +1,7 @@
1
1
  import { jsx as O } from "react/jsx-runtime";
2
2
  import { P as e } from "./index-S5Cd7WrG.js";
3
3
  import { forwardRef as y, useCallback as h } from "react";
4
- import { a as M } from "./CustomStyles-DuADCM-0.js";
4
+ import { a as M } from "./CustomStyles-C45a_Y92.js";
5
5
  import { d as S } from "./index-CNBqQrtK.js";
6
6
  import C from "./Dropdown.js";
7
7
  import { u as I } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
@@ -1 +1 @@
1
- "use strict";const O=require("react/jsx-runtime"),e=require("./index-BPVoEhTF.cjs"),s=require("react"),g=require("./CustomStyles-CBON9fD-.cjs"),h=require("./index-DaiUAQVF.cjs"),M=require("./DropdownLookup.cjs"),S=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),r=s.forwardRef((n,t)=>{const{styles:p,debounceTime:l=0,isSearchable:u=!0,isClearable:y=!0,onInputChange:o,size:i="small",color:c="primary",className:a="",style:T={},...P}=n,b=S.useTheme(),m=s.useCallback(h.debounce((f,d)=>{o==null||o(f,d)},l));return O.jsx(M,{isMulti:!0,ref:t,styles:p||g.customStyles,size:i,color:c,theme:b,isSearchable:u,isClearable:y,onInputChange:m,className:a,style:T,...P})});r.propTypes={defaultOptions:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.array]),cacheOptions:e.PropTypes.any,loadOptions:e.PropTypes.func,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.string,inputId:e.PropTypes.string,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,onKeyDown:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=r;
1
+ "use strict";const O=require("react/jsx-runtime"),e=require("./index-BPVoEhTF.cjs"),s=require("react"),g=require("./CustomStyles-jdvxQvK1.cjs"),h=require("./index-DaiUAQVF.cjs"),M=require("./DropdownLookup.cjs"),S=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),r=s.forwardRef((n,t)=>{const{styles:p,debounceTime:l=0,isSearchable:u=!0,isClearable:y=!0,onInputChange:o,size:i="small",color:c="primary",className:a="",style:T={},...P}=n,b=S.useTheme(),m=s.useCallback(h.debounce((f,d)=>{o==null||o(f,d)},l));return O.jsx(M,{isMulti:!0,ref:t,styles:p||g.customStyles,size:i,color:c,theme:b,isSearchable:u,isClearable:y,onInputChange:m,className:a,style:T,...P})});r.propTypes={defaultOptions:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.array]),cacheOptions:e.PropTypes.any,loadOptions:e.PropTypes.func,styles:e.PropTypes.object,debounceTime:e.PropTypes.number,name:e.PropTypes.string,value:e.PropTypes.any,tabIndex:e.PropTypes.number,isSearchable:e.PropTypes.bool,isClearable:e.PropTypes.bool,isLoading:e.PropTypes.bool,isRtl:e.PropTypes.bool,isDisabled:e.PropTypes.bool,readOnly:e.PropTypes.bool,closeMenuOnSelect:e.PropTypes.bool,closeMenuOnScroll:e.PropTypes.oneOfType([e.PropTypes.bool,e.PropTypes.func]),escapeClearsValue:e.PropTypes.bool,filterOption:e.PropTypes.func,formatGroupLabel:e.PropTypes.func,formatOptionLabel:e.PropTypes.func,getOptionLabel:e.PropTypes.func,getOptionValue:e.PropTypes.func,hideSelectedOptions:e.PropTypes.bool,id:e.PropTypes.string,inputId:e.PropTypes.string,isOptionDisabled:e.PropTypes.func,isOptionSelected:e.PropTypes.func,loadingMessage:e.PropTypes.func,minMenuHeight:e.PropTypes.number,maxMenuHeight:e.PropTypes.number,menuPlacement:e.PropTypes.oneOf(["bottom","auto","top"]),menuPosition:e.PropTypes.oneOf(["absolute","fixed"]),menuShouldBlockScroll:e.PropTypes.bool,menuShouldScrollIntoView:e.PropTypes.bool,openMenuOnFocus:e.PropTypes.bool,openMenuOnClick:e.PropTypes.bool,autoFocus:e.PropTypes.bool,placeholder:e.PropTypes.any,noOptionsMessage:e.PropTypes.string,menuIsOpen:e.PropTypes.bool,components:e.PropTypes.object,defaultValue:e.PropTypes.string,defaultInputValue:e.PropTypes.string,defaultMenuIsOpen:e.PropTypes.bool,delimiter:e.PropTypes.string,onChange:e.PropTypes.func,onInputChange:e.PropTypes.func,onMenuOpen:e.PropTypes.func,onMenuClose:e.PropTypes.func,onFocus:e.PropTypes.func,onBlur:e.PropTypes.func,onKeyDown:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};module.exports=r;
@@ -1,7 +1,7 @@
1
1
  import { jsx as g } from "react/jsx-runtime";
2
2
  import { P as e } from "./index-S5Cd7WrG.js";
3
3
  import { forwardRef as y, useCallback as h } from "react";
4
- import { a as M } from "./CustomStyles-DuADCM-0.js";
4
+ import { a as M } from "./CustomStyles-C45a_Y92.js";
5
5
  import { d as S } from "./index-CNBqQrtK.js";
6
6
  import C from "./DropdownLookup.js";
7
7
  import { u as I } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
@@ -1,4 +1,4 @@
1
- "use strict";const o=require("react/jsx-runtime"),r=require("react"),t=require("./index-BPVoEhTF.cjs"),I=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),S=require("./utils-CE6bljYe.cjs"),b=require("./motion-Oud-wpUz.cjs"),M=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),q=require("./index-BP5r5zGN.cjs"),j=I.newStyled(b.motion.div)`
1
+ "use strict";const o=require("react/jsx-runtime"),r=require("react"),t=require("./index-BPVoEhTF.cjs"),I=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),S=require("./utils-UJt-R-G3.cjs"),b=require("./motion-Oud-wpUz.cjs"),M=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),q=require("./index-BP5r5zGN.cjs"),j=I.newStyled(b.motion.div)`
2
2
  margin-left: 0.3rem;
3
3
  padding-left: 0.3rem;
4
4
  border-left: ${s=>`2px solid ${S.getColorRgbaValue(s.theme,"MenuItem",s.color,"focus","background")}`};
@@ -2,7 +2,7 @@ import { jsxs as w, Fragment as p, jsx as a } from "react/jsx-runtime";
2
2
  import { forwardRef as b, useState as x, cloneElement as l, Children as P, isValidElement as O } from "react";
3
3
  import { P as t } from "./index-S5Cd7WrG.js";
4
4
  import { n as h } from "./emotion-styled.browser.esm-BiK8DcgW.js";
5
- import { a as D } from "./utils-DtEdJZWa.js";
5
+ import { a as D } from "./utils-xpQsPsCa.js";
6
6
  import { m as j } from "./motion-ecIGZGwI.js";
7
7
  import { u as Y } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
8
8
  import { A as C } from "./index-BUChtubz.js";
@@ -1,4 +1,4 @@
1
- "use strict";const o=require("react/jsx-runtime"),r=require("react"),t=require("./index-BPVoEhTF.cjs"),M=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),w=require("./utils-CE6bljYe.cjs"),q=require("./motion-Oud-wpUz.cjs"),j=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),O=require("./index-BP5r5zGN.cjs"),$=M.newStyled(q.motion.div)`
1
+ "use strict";const o=require("react/jsx-runtime"),r=require("react"),t=require("./index-BPVoEhTF.cjs"),M=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),w=require("./utils-UJt-R-G3.cjs"),q=require("./motion-Oud-wpUz.cjs"),j=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),O=require("./index-BP5r5zGN.cjs"),$=M.newStyled(q.motion.div)`
2
2
  ${n=>n.tuckIn==!0&&`margin-left: ${n.tuckInSize};`}
3
3
  ${n=>n.tuckIn==!0&&`padding-left: ${n.tuckInSize};`}
4
4
  ${n=>n.tuckIn==!0&&`border-left: 2px solid ${w.getColorRgbaValue(n.theme,"MenuItem",n.color,"focus","background","backgroundOpacity")};`}
@@ -2,7 +2,7 @@ import { jsxs as x, Fragment as l, jsx as s } from "react/jsx-runtime";
2
2
  import { forwardRef as O, useState as P, cloneElement as u, Children as h, isValidElement as z } from "react";
3
3
  import { P as t } from "./index-S5Cd7WrG.js";
4
4
  import { n as $ } from "./emotion-styled.browser.esm-BiK8DcgW.js";
5
- import { a as j } from "./utils-DtEdJZWa.js";
5
+ import { a as j } from "./utils-xpQsPsCa.js";
6
6
  import { m as D } from "./motion-ecIGZGwI.js";
7
7
  import { u as Y } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
8
8
  import { A as C } from "./index-BUChtubz.js";
@@ -1,4 +1,4 @@
1
- "use strict";const s=require("react/jsx-runtime"),N=require("react"),e=require("./index-BPVoEhTF.cjs"),_=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),R=require("./react-toastify.esm-Dqcb4SQT.cjs"),t=require("./utils-CE6bljYe.cjs"),v=require("./ThemeProvider.cjs"),O=_.newStyled.div`
1
+ "use strict";const s=require("react/jsx-runtime"),N=require("react"),e=require("./index-BPVoEhTF.cjs"),_=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),R=require("./react-toastify.esm-Dqcb4SQT.cjs"),t=require("./utils-UJt-R-G3.cjs"),v=require("./ThemeProvider.cjs"),O=_.newStyled.div`
2
2
  & .lnc-notification {
3
3
  & > div {
4
4
  background-color: ${o=>t.getColorRgbaValue(o.theme,"Notification",o.color,"enabled","background","backgroundOpacity")};
@@ -3,7 +3,7 @@ import { forwardRef as O } from "react";
3
3
  import { P as t } from "./index-S5Cd7WrG.js";
4
4
  import { n as _ } from "./emotion-styled.browser.esm-BiK8DcgW.js";
5
5
  import { T as v } from "./react-toastify.esm-CkXGwKXL.js";
6
- import { a as e, b as C } from "./utils-DtEdJZWa.js";
6
+ import { a as e, b as C } from "./utils-xpQsPsCa.js";
7
7
  import { useTheme as $ } from "./ThemeProvider.js";
8
8
  const P = _.div`
9
9
  & .lnc-notification {
@@ -1,4 +1,4 @@
1
- "use strict";const o=require("react/jsx-runtime"),P=require("react"),t=require("./index-BPVoEhTF.cjs"),w=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),N=require("./Icon.cjs"),i=require("./utils-CE6bljYe.cjs"),T=require("./Avatar.cjs"),j=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),v=w.newStyled.div`
1
+ "use strict";const o=require("react/jsx-runtime"),P=require("react"),t=require("./index-BPVoEhTF.cjs"),w=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),N=require("./Icon.cjs"),i=require("./utils-UJt-R-G3.cjs"),T=require("./Avatar.cjs"),j=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),v=w.newStyled.div`
2
2
  ${e=>i.getComponentTypographyCss(e.theme,"Notification","small","enabled")};
3
3
 
4
4
  word-wrap: break-word;
@@ -3,7 +3,7 @@ import { forwardRef as N } from "react";
3
3
  import { P as i } from "./index-S5Cd7WrG.js";
4
4
  import { n as w } from "./emotion-styled.browser.esm-BiK8DcgW.js";
5
5
  import v from "./Icon.js";
6
- import { g as $, a as s, c as B } from "./utils-DtEdJZWa.js";
6
+ import { g as $, a as s, c as B } from "./utils-xpQsPsCa.js";
7
7
  import P from "./Avatar.js";
8
8
  import { u as z } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
9
9
  const T = w.div`
@@ -1,4 +1,4 @@
1
- "use strict";const i=require("react/jsx-runtime"),t=require("./index-BPVoEhTF.cjs"),l=require("react"),U=require("./index-DaiUAQVF.cjs"),d=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),n=require("./utils-CE6bljYe.cjs"),A=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),B=d.newStyled.div`
1
+ "use strict";const i=require("react/jsx-runtime"),t=require("./index-BPVoEhTF.cjs"),l=require("react"),U=require("./index-DaiUAQVF.cjs"),d=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),n=require("./utils-UJt-R-G3.cjs"),A=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),B=d.newStyled.div`
2
2
  display: flex;
3
3
  align-items: center;
4
4
 
@@ -3,7 +3,7 @@ import { P as n } from "./index-S5Cd7WrG.js";
3
3
  import { forwardRef as P, useState as C, useEffect as W, useCallback as G } from "react";
4
4
  import { d as M } from "./index-CNBqQrtK.js";
5
5
  import { n as i } from "./emotion-styled.browser.esm-BiK8DcgW.js";
6
- import { d, a, b as U, e as D, h as S, g as X } from "./utils-DtEdJZWa.js";
6
+ import { d, a, b as U, e as D, h as S, g as X } from "./utils-xpQsPsCa.js";
7
7
  import { u as q } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
8
8
  const H = i.div`
9
9
  display: flex;
@@ -0,0 +1,127 @@
1
+ "use strict";const r=require("react/jsx-runtime"),c=require("react"),h=require("./Button.cjs"),_=require("./ThemeProvider.cjs"),d=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),o=require("./utils-UJt-R-G3.cjs"),x=require("./consts-dNz9tpt4.cjs"),g=require("./style-CeMnBJ6v.cjs"),m=d.newStyled.div`
2
+ display: flex;
3
+ flex-direction: column;
4
+ align-items: flex-start;
5
+ border-radius: 0.75rem;
6
+ position: relative;
7
+ max-height: 28.75rem;
8
+
9
+ & .wrapper__overlay {
10
+ position: relative;
11
+
12
+ &::after {
13
+ content: "";
14
+ position: absolute;
15
+ border-radius: 0.75rem;
16
+ left: 0;
17
+ top: 0;
18
+ width: 100%;
19
+ height: 99%;
20
+ max-height: 28.75rem;
21
+ background: ${t=>t==null?void 0:t.overlay};
22
+ }
23
+ }
24
+
25
+ & .wrapper__image {
26
+ border-radius: 0.75rem;
27
+ }
28
+
29
+ & .wrapper__image--skeleton {
30
+ width: 100%;
31
+ border-radius: 0.75rem;
32
+ background-color: ${o.linearGradientAnimation("-90deg")};
33
+ }
34
+
35
+ & .wrapper__text {
36
+ display: flex;
37
+ flex-direction: column;
38
+ align-items: flex-start;
39
+ padding: 1rem;
40
+ position: absolute;
41
+ top: 0;
42
+ left: 0;
43
+
44
+ & .text__title {
45
+ color: var(--white);
46
+ font-size: 1rem;
47
+ font-style: normal;
48
+ font-weight: 500;
49
+ line-height: 1.5rem;
50
+ ${o.truncateTextInRows(2)}
51
+ }
52
+
53
+ & .text__description {
54
+ color: var(--white);
55
+ font-size: 1.375rem;
56
+ font-style: normal;
57
+ font-weight: 600;
58
+ line-height: 1.75rem;
59
+ ${o.truncateTextInRows(2)}
60
+ }
61
+
62
+ & .text__title--skeleton {
63
+ background-color: ${o.linearGradientAnimation("-90deg")};
64
+ height: 1rem;
65
+ width: 9rem;
66
+ }
67
+
68
+ & .text__description--skeleton {
69
+ background-color: ${o.linearGradientAnimation("-90deg")};
70
+ height: 1rem;
71
+ width: 12rem;
72
+ }
73
+ }
74
+
75
+ & .text__action {
76
+ background: var(--white);
77
+ color: var(--black);
78
+ position: absolute;
79
+ bottom: 1rem;
80
+ left: 1rem;
81
+
82
+ &:hover {
83
+ background: var(--primary-500, #f59e0b);
84
+ color: var(--white);
85
+ }
86
+ }
87
+
88
+ & .text__action--skeleton {
89
+ background-color: ${o.linearGradientAnimation("-90deg")};
90
+ height: 2rem;
91
+ width: 9rem;
92
+ position: absolute;
93
+ bottom: 1rem;
94
+ left: 1rem;
95
+ }
96
+
97
+ @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
98
+ max-height: 100%;
99
+
100
+ & .wrapper__overlay {
101
+ &::after {
102
+ max-height: 100%;
103
+ }
104
+ }
105
+
106
+ & .wrapper__text {
107
+ top: 1rem;
108
+ left: 1rem;
109
+ }
110
+
111
+ & .text__action {
112
+ bottom: 2rem;
113
+ left: 2rem;
114
+ }
115
+ }
116
+ `,u=c.forwardRef(({title:t,image:a,overlay:n,description:l,actionText:s,actionLink:e,handleClick:i=()=>{}},v)=>{const{theme:p}=_.useTheme();return r.jsx(r.Fragment,{children:r.jsxs(m,{theme:p,overlay:n,onClick:i,children:[r.jsx("div",{className:"wrapper__overlay",children:r.jsx("img",{src:a,className:"wrapper__image"})}),r.jsxs("div",{className:"wrapper__text",children:[r.jsx("div",{className:"text__title",children:t}),r.jsx("div",{className:"text__description",children:l})]}),r.jsx(h,{text:s,onClick:i,className:"text__action"})]})})}),f=d.newStyled.div`
117
+ display: grid;
118
+ grid-template-columns: ${t=>`repeat(${t.limit}, 1fr)`};
119
+ gap: 1.25rem;
120
+ justify-items: center;
121
+
122
+ @media (max-width: ${x.MOBILE_SIZE_PX+"px"}) {
123
+ display: flex;
124
+ flex-direction: column;
125
+ gap: 1rem;
126
+ }
127
+ `,w=c.forwardRef(({title:t,items:a,limit:n=2,onSelectCard:l=()=>{}},s)=>r.jsxs(g.RegulatTitleSectionWrapper,{children:[r.jsx("div",{className:"regular-title center",children:r.jsx("div",{className:"regular-title-text",children:r.jsx("span",{children:t})})}),r.jsx(f,{limit:n,children:a&&(a==null?void 0:a.map((e,i)=>r.jsx(u,{title:e==null?void 0:e.title,image:e==null?void 0:e.image,description:e==null?void 0:e.description,actionText:e==null?void 0:e.actionText,overlay:e==null?void 0:e.overlay,handleClick:()=>l(e==null?void 0:e.uuid)},`landing-page-overlay-general-card__${i+1}`)))})]}));module.exports=w;