@lanaco/lnc-react-ui 4.0.121 → 4.0.123

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 (45) hide show
  1. package/dist/BannerSectionCarousel.cjs +112 -126
  2. package/dist/BannerSectionCarousel.js +654 -1509
  3. package/dist/BannerSectionGrid.cjs +3 -3
  4. package/dist/BannerSectionGrid.js +3 -3
  5. package/dist/BannerSectionSimple.cjs +40 -4
  6. package/dist/BannerSectionSimple.js +66 -29
  7. package/dist/BannerSectionWithList.cjs +42 -8
  8. package/dist/BannerSectionWithList.js +57 -22
  9. package/dist/BannerSectionWithListImage.cjs +23 -6
  10. package/dist/BannerSectionWithListImage.js +52 -35
  11. package/dist/BlogCardsSponsoredSection.cjs +13 -7
  12. package/dist/BlogCardsSponsoredSection.js +19 -13
  13. package/dist/BlogListSection.cjs +11 -3
  14. package/dist/BlogListSection.js +18 -10
  15. package/dist/BlogsSectionSimple.cjs +16 -7
  16. package/dist/BlogsSectionSimple.js +47 -32
  17. package/dist/BlogsSectionSimpleCentered.cjs +19 -10
  18. package/dist/BlogsSectionSimpleCentered.js +33 -24
  19. package/dist/DateInput.cjs +1 -1
  20. package/dist/DateInput.js +1 -1
  21. package/dist/FieldOfInterestsMasonrySection.cjs +22 -15
  22. package/dist/FieldOfInterestsMasonrySection.js +70 -63
  23. package/dist/FieldOfInterestsWithTagsCardsSection.cjs +14 -9
  24. package/dist/FieldOfInterestsWithTagsCardsSection.js +49 -44
  25. package/dist/Kanban.cjs +1 -1
  26. package/dist/Kanban.js +2 -2
  27. package/dist/{KanbanCard-Crf-cTxA.js → KanbanCard-68kSAXL6.js} +1 -1
  28. package/dist/{KanbanCard-CP60mpJO.cjs → KanbanCard-BDvoqTDS.cjs} +1 -1
  29. package/dist/KanbanCard.cjs +1 -1
  30. package/dist/KanbanCard.js +1 -1
  31. package/dist/KanbanView.cjs +1 -1
  32. package/dist/KanbanView.js +1 -1
  33. package/dist/OverlayGeneralCardsSection.cjs +105 -63
  34. package/dist/OverlayGeneralCardsSection.js +172 -161
  35. package/dist/SimpleProductsSection.cjs +1 -1
  36. package/dist/SimpleProductsSection.js +1 -1
  37. package/dist/index-Bg5OOQN0.cjs +5 -0
  38. package/dist/{index-BaLBHyTh.cjs → index-CSgGox95.cjs} +6 -6
  39. package/dist/{index-CsrdUl1x.js → index-DK8dqEUQ.js} +5 -5
  40. package/dist/{index-BXrmgzsU.js → index-fN7hCOo3.js} +4 -5
  41. package/dist/index.cjs +1 -1
  42. package/dist/index.js +1 -1
  43. package/dist/style.css +1 -1
  44. package/package.json +2 -2
  45. package/dist/index-BZnmT78f.cjs +0 -5
@@ -1,11 +1,11 @@
1
- import { jsx as i, jsxs as l } from "react/jsx-runtime";
2
- import { forwardRef as c, useLayoutEffect as O } from "react";
3
- import { p as E, o as I, l as L, k as S } from "./utils-BbgAIA9N.js";
1
+ import { jsx as r, jsxs as l } from "react/jsx-runtime";
2
+ import { forwardRef as c, useLayoutEffect as L } from "react";
3
+ import { p as z, o as E, l as O, k as S } from "./utils-BbgAIA9N.js";
4
4
  import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
5
- import { M as b } from "./consts-BuFChS64.js";
5
+ import { M as g } from "./consts-BuFChS64.js";
6
6
  import A from "./Icon.js";
7
- import { u as T } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
8
- const W = m.div`
7
+ import { u as W } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
8
+ const T = m.div`
9
9
  display: flex;
10
10
  width: 100%;
11
11
  height: fit-content;
@@ -44,7 +44,7 @@ const W = m.div`
44
44
  font-style: normal;
45
45
  font-weight: 500;
46
46
  line-height: 1.5rem;
47
- ${E(2)}
47
+ ${z(2)}
48
48
  }
49
49
 
50
50
  & .wrapper__description {
@@ -54,14 +54,27 @@ const W = m.div`
54
54
  font-weight: 400;
55
55
  line-height: 1rem;
56
56
  letter-spacing: 0.025rem;
57
- ${E(2)}
57
+ ${z(2)}
58
+ }
59
+ }
60
+
61
+ @media (max-width: ${g + "px"}) {
62
+ & .wrapper__content {
63
+ & .wrapper__title {
64
+ font-size: 0.875rem;
65
+ line-height: 1.25rem;
66
+ }
67
+
68
+ & .wrapper__description {
69
+ display: none;
70
+ }
58
71
  }
59
72
  }
60
73
  `, j = m.div`
61
74
  width: 100%;
62
75
  height: 11.625rem;
63
76
  border-radius: 0.75rem;
64
- background: ${I("-90deg")};
77
+ background: ${E("-90deg")};
65
78
  `, q = m.div`
66
79
  display: flex;
67
80
  flex-direction: column;
@@ -109,18 +122,16 @@ const W = m.div`
109
122
  }
110
123
  }
111
124
 
112
- @media (max-width: ${b + "px"}) {
125
+ @media (max-width: ${g + "px"}) {
113
126
  flex-direction: row;
114
127
  align-items: center;
115
128
  gap: 0.25rem;
116
129
  border-radius: 999px;
117
- width: 100%;
118
130
  background: var(--neutral-95004, rgba(20, 22, 26, 0.04));
119
131
  padding: 0 0.75rem;
120
132
 
121
133
  &.active {
122
134
  background: var(--gray-950, #14161a);
123
-
124
135
  & .wrapper__icon {
125
136
  background: transparent;
126
137
  }
@@ -152,42 +163,42 @@ const W = m.div`
152
163
  width: 7.5rem;
153
164
  width: 7.5rem;
154
165
  border-radius: 999px;
155
- background: ${I("-90deg")};
166
+ background: ${E("-90deg")};
156
167
 
157
- @media (max-width: ${b + "px"}) {
168
+ @media (max-width: ${g + "px"}) {
158
169
  width: 7.5rem;
159
170
  height: 2.5rem;
160
171
  }
161
- `, B = c(({}, r) => /* @__PURE__ */ i(R, {})), D = c(
162
- ({ text: r, isActive: o = !1, icon: t, onSelectCard: a = () => {
172
+ `, B = c(({}, i) => /* @__PURE__ */ r(R, {})), D = c(
173
+ ({ text: i, isActive: o = !1, icon: t, onSelectCard: a = () => {
163
174
  } }, f) => /* @__PURE__ */ l(q, { className: o ? "active" : "", onClick: a, children: [
164
- /* @__PURE__ */ i(A, { icon: t, className: "wrapper__icon" }),
165
- /* @__PURE__ */ i("div", { className: "wrapper__text", children: r })
175
+ /* @__PURE__ */ r(A, { icon: t, className: "wrapper__icon" }),
176
+ /* @__PURE__ */ r("div", { className: "wrapper__text", children: i })
166
177
  ] })
167
178
  ), G = c(
168
179
  ({
169
- image: r,
180
+ image: i,
170
181
  imageComponent: o,
171
182
  title: t,
172
183
  description: a,
173
184
  className: f,
174
- onSelectCard: g = () => {
185
+ onSelectCard: u = () => {
175
186
  }
176
187
  }, k) => {
177
- const { theme: u } = T();
178
- return /* @__PURE__ */ l(W, { theme: u, className: f, onClick: g, children: [
179
- L(o) ? o : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
188
+ const { theme: x } = W();
189
+ return /* @__PURE__ */ l(T, { theme: x, className: f, onClick: u, children: [
190
+ O(o) ? o : /* @__PURE__ */ r("img", { src: i, className: "wrapper__image" }),
180
191
  /* @__PURE__ */ l("div", { className: "wrapper__content", children: [
181
- t && /* @__PURE__ */ i("div", { className: "wrapper__title", children: t }),
182
- a && /* @__PURE__ */ i("div", { className: "wrapper__description", children: a })
192
+ t && /* @__PURE__ */ r("div", { className: "wrapper__title", children: t }),
193
+ a && /* @__PURE__ */ r("div", { className: "wrapper__description", children: a })
183
194
  ] })
184
195
  ] });
185
196
  }
186
- ), H = c(({}, r) => /* @__PURE__ */ l(j, { children: [
187
- /* @__PURE__ */ i("div", { className: "wrapper__image" }),
197
+ ), H = c(({}, i) => /* @__PURE__ */ l(j, { children: [
198
+ /* @__PURE__ */ r("div", { className: "wrapper__image" }),
188
199
  /* @__PURE__ */ l("div", { className: "wrapper__content", children: [
189
- /* @__PURE__ */ i("div", { className: "wrapper__title" }),
190
- /* @__PURE__ */ i("div", { className: "wrapper__description" })
200
+ /* @__PURE__ */ r("div", { className: "wrapper__title" }),
201
+ /* @__PURE__ */ r("div", { className: "wrapper__description" })
191
202
  ] })
192
203
  ] })), P = m.div`
193
204
  display: flex;
@@ -230,15 +241,11 @@ const W = m.div`
230
241
  justify-content: center;
231
242
  align-items: center;
232
243
  gap: 0.75rem;
233
-
234
- grid-template-columns: ${(r) => `repeat(${r.numberOfTags || 0}, minmax(0, 7rem))`};
235
- justify-content: center;
236
- display: grid;
237
244
  }
238
245
 
239
246
  & .wrapper__cards {
240
247
  display: grid;
241
- grid-template-columns: ${(r) => `repeat(${r == null ? void 0 : r.limitCards}, minmax(12.5rem, 1fr))`};
248
+ grid-template-columns: ${(i) => `repeat(${i == null ? void 0 : i.limitCards}, minmax(12.5rem, 1fr))`};
242
249
  grid-auto-rows: 0.625rem;
243
250
  gap: 0.625rem;
244
251
  width: 100%;
@@ -249,7 +256,7 @@ const W = m.div`
249
256
  }
250
257
  }
251
258
 
252
- @media (max-width: ${b + "px"}) {
259
+ @media (max-width: ${g + "px"}) {
253
260
  & .wrapper__tags {
254
261
  overflow-x: scroll;
255
262
  justify-content: flex-start;
@@ -271,28 +278,28 @@ const W = m.div`
271
278
  }
272
279
 
273
280
  & .wrapper__cards {
274
- grid-template-columns: ${(r) => `repeat(${r == null ? void 0 : r.limitCardsForMobile}, minmax(0, 1fr))`};
281
+ grid-template-columns: ${(i) => `repeat(${i == null ? void 0 : i.limitCardsForMobile}, minmax(0, 1fr))`};
275
282
  }
276
283
  }
277
284
  `, Y = c(
278
285
  ({
279
- title: r,
286
+ title: i,
280
287
  subtitle: o,
281
288
  tags: t = [],
282
289
  items: a = [],
283
290
  limitTags: f = 5,
284
- limitTagsForMobile: g = 5,
291
+ limitTagsForMobile: u = 5,
285
292
  limit: k = 3,
286
- limitForMobile: u = 2,
287
- selectedTag: z,
288
- onSelectTag: x = () => {
293
+ limitForMobile: x = 2,
294
+ selectedTag: I,
295
+ onSelectTag: v = () => {
289
296
  },
290
- onSelectCard: v = () => {
297
+ onSelectCard: y = () => {
291
298
  },
292
299
  className: s
293
300
  }, C) => {
294
301
  var $, N;
295
- return O(() => {
302
+ return L(() => {
296
303
  if (!S(s))
297
304
  return;
298
305
  const e = () => {
@@ -301,18 +308,18 @@ const W = m.div`
301
308
  const M = w.getBoundingClientRect().height, F = Math.ceil((M + 10) / 20);
302
309
  w.style.gridRowEnd = `span ${F}`;
303
310
  });
304
- const y = d == null ? void 0 : d[d.length - 1];
305
- if (y) {
306
- const w = y.offsetTop + y.offsetHeight;
311
+ const b = d == null ? void 0 : d[d.length - 1];
312
+ if (b) {
313
+ const w = b.offsetTop + b.offsetHeight;
307
314
  p.style.height = `${w}px`;
308
315
  }
309
- }, h = document.querySelector(`.${s} .wrapper__cards`).querySelectorAll(".wrapper__image");
310
- let _ = 0;
311
- return h.length === 0 ? e() : (h.forEach((p) => {
312
- p.complete ? _++ : p.addEventListener("load", () => {
313
- _++, _ === h.length && e();
316
+ }, _ = document.querySelector(`.${s} .wrapper__cards`).querySelectorAll(".wrapper__image");
317
+ let h = 0;
318
+ return _.length === 0 ? e() : (_.forEach((p) => {
319
+ p.complete ? h++ : p.addEventListener("load", () => {
320
+ h++, h === _.length && e();
314
321
  });
315
- }), _ === h.length && e()), window.addEventListener("resize", e), () => {
322
+ }), h === _.length && e()), window.addEventListener("resize", e), () => {
316
323
  window.removeEventListener("resize", e);
317
324
  };
318
325
  }, [s, a]), /* @__PURE__ */ l(
@@ -320,42 +327,42 @@ const W = m.div`
320
327
  {
321
328
  ref: C,
322
329
  limitTags: f,
323
- limitTagsForMobile: g,
330
+ limitTagsForMobile: u,
324
331
  limitCards: k,
325
- limitCardsForMobile: u,
332
+ limitCardsForMobile: x,
326
333
  className: s,
327
334
  numberOfTags: t == null ? void 0 : t.length,
328
335
  children: [
329
336
  /* @__PURE__ */ l("div", { className: "wrapper__heading", children: [
330
- r && /* @__PURE__ */ i("div", { className: "wrapper__title", children: r }),
331
- o && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: o })
337
+ i && /* @__PURE__ */ r("div", { className: "wrapper__title", children: i }),
338
+ o && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: o })
332
339
  ] }),
333
- /* @__PURE__ */ i("div", { className: "wrapper__tags__external", children: /* @__PURE__ */ i("div", { className: "wrapper__tags", children: t && (t == null ? void 0 : t.length) > 0 ? t == null ? void 0 : t.map((e, n) => /* @__PURE__ */ i(
340
+ /* @__PURE__ */ r("div", { className: "wrapper__tags__external", children: /* @__PURE__ */ r("div", { className: "wrapper__tags", children: t && (t == null ? void 0 : t.length) > 0 ? t == null ? void 0 : t.map((e, n) => /* @__PURE__ */ r(
334
341
  D,
335
342
  {
336
343
  icon: e == null ? void 0 : e.icon,
337
344
  text: e == null ? void 0 : e.title,
338
- isActive: (e == null ? void 0 : e.code) === z,
339
- onSelectCard: () => x == null ? void 0 : x(e)
345
+ isActive: (e == null ? void 0 : e.code) === I,
346
+ onSelectCard: () => v == null ? void 0 : v(e)
340
347
  },
341
348
  `field-of-interests-masonry-tag__${n + 1}`
342
- )) : ($ = Array.from("12345")) == null ? void 0 : $.map((e, n) => /* @__PURE__ */ i(
349
+ )) : ($ = Array.from("12345")) == null ? void 0 : $.map((e, n) => /* @__PURE__ */ r(
343
350
  B,
344
351
  {},
345
352
  `field-of-interests-masonry-tag-skeleton__${n + 1}`
346
353
  )) }) }),
347
- /* @__PURE__ */ i("div", { className: "wrapper__cards", children: a && (a == null ? void 0 : a.length) > 0 ? a == null ? void 0 : a.map((e, n) => /* @__PURE__ */ i(
354
+ /* @__PURE__ */ r("div", { className: "wrapper__cards", children: a && (a == null ? void 0 : a.length) > 0 ? a == null ? void 0 : a.map((e, n) => /* @__PURE__ */ r(
348
355
  G,
349
356
  {
350
357
  image: e == null ? void 0 : e.image,
351
358
  imageComponent: e == null ? void 0 : e.imageComponent,
352
359
  title: e == null ? void 0 : e.title,
353
360
  description: e == null ? void 0 : e.description,
354
- onSelectCard: () => v == null ? void 0 : v(e),
361
+ onSelectCard: () => y == null ? void 0 : y(e),
355
362
  className: "wrapper__card"
356
363
  },
357
364
  `field-of-interests-with-tags-card__${n + 1}`
358
- )) : (N = Array.from("12345")) == null ? void 0 : N.map((e, n) => /* @__PURE__ */ i(
365
+ )) : (N = Array.from("12345")) == null ? void 0 : N.map((e, n) => /* @__PURE__ */ r(
359
366
  H,
360
367
  {},
361
368
  `field-of-interests-with-tags-card-skeleton__${n + 1}`
@@ -1,4 +1,4 @@
1
- "use strict";const r=require("react/jsx-runtime"),l=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-CZynEOC_.cjs"),$=require("./Icon.cjs"),N=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),I=require("./consts-goSZX3xP.cjs"),C=p.styled.div`
1
+ "use strict";const r=require("react/jsx-runtime"),l=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),o=require("./utils-CZynEOC_.cjs"),y=require("./consts-goSZX3xP.cjs"),N=require("./Icon.cjs"),$=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),W=p.styled.div`
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  align-items: flex-start;
@@ -48,13 +48,13 @@
48
48
  ${o.truncateTextInRows(2)}
49
49
  }
50
50
  }
51
- cursor: pointer;
52
- `,W=p.styled.div`
51
+ cursor: pointer;
52
+ `,C=p.styled.div`
53
53
  width: 100%;
54
54
  height: 11.625rem;
55
55
  border-radius: 0.75rem;
56
56
  background: ${o.linearGradientAnimation("-90deg")};
57
- `,F=p.styled.div`
57
+ `,R=p.styled.div`
58
58
  display: flex;
59
59
  padding: 0 0.75rem 0 0.75rem;
60
60
  align-items: center;
@@ -104,12 +104,16 @@
104
104
  color: var(--white, #fff);
105
105
  }
106
106
  }
107
- `,R=p.styled.div`
107
+
108
+ @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
109
+ min-width: fit-content;
110
+ }
111
+ `,F=p.styled.div`
108
112
  width: 7rem;
109
113
  height: 3rem;
110
114
  border-radius: 999px;
111
115
  background: ${o.linearGradientAnimation("-90deg")};
112
- `,q=l.forwardRef(({},i)=>r.jsx(R,{})),z=l.forwardRef(({name:i,isActive:s,icon:t,onSelectCard:a=()=>{}},m)=>r.jsxs(F,{className:s?"active":"",onClick:a,children:[o.isDefinedNotEmptyString(t)&&r.jsx($,{icon:t,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:i})]})),O=l.forwardRef(({image:i,imageComponent:s,name:t,description:a,onSelectCard:m=()=>{}},g)=>{const{theme:f}=N.useTheme();return r.jsxs(C,{theme:f,onClick:m,children:[o.isDefined(s)?s:r.jsx("img",{src:i,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),a&&r.jsx("div",{className:"wrapper__description",children:a})]})]})}),A=l.forwardRef(({},i)=>r.jsx(W,{})),E=p.styled.div`
116
+ `,q=l.forwardRef(({},i)=>r.jsx(F,{})),E=l.forwardRef(({name:i,isActive:s,icon:t,onSelectCard:a=()=>{}},m)=>r.jsxs(R,{className:s?"active":"",onClick:a,children:[o.isDefinedNotEmptyString(t)&&r.jsx(N,{icon:t,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:i})]})),O=l.forwardRef(({image:i,imageComponent:s,name:t,description:a,onSelectCard:m=()=>{}},g)=>{const{theme:d}=$.useTheme();return r.jsxs(W,{theme:d,onClick:m,children:[o.isDefined(s)?s:r.jsx("img",{src:i,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),a&&r.jsx("div",{className:"wrapper__description",children:a})]})]})}),z=l.forwardRef(({},i)=>r.jsx(C,{})),A=p.styled.div`
113
117
  display: flex;
114
118
  flex-direction: column;
115
119
  align-items: center;
@@ -157,7 +161,7 @@
157
161
  width: 100%;
158
162
  }
159
163
 
160
- @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
164
+ @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
161
165
  & .wrapper__tags {
162
166
  overflow-x: scroll;
163
167
  justify-content: flex-start;
@@ -179,8 +183,9 @@
179
183
  }
180
184
 
181
185
  & .wrapper__cards {
182
- grid-template-columns: ${i=>`repeat(${i==null?void 0:i.limitCardsForMobile}, minmax(0, 1fr))`};
186
+ display: flex;
187
+ flex-direction: column;
183
188
  gap: 1rem;
184
189
  }
185
190
  }
186
- `,D=l.forwardRef(({title:i,subtitle:s,tags:t=[],limitTags:a=7,limitTagsForMobile:m=7,limit:g=3,limitForMobile:f=2,items:d=[],selectedTag:c,isLoadingTags:y=!1,isLoadingItems:b=!1,onSelectTag:_=()=>{},onSelectCard:h=()=>{},getImage:j=()=>{}},k)=>{var u,v;const w=e=>{_==null||_(e)},x=e=>{h==null||h(e)};return r.jsxs(E,{ref:k,limitTags:a,limitTagsForMobile:m,limitCards:g,limitCardsForMobile:f,children:[r.jsxs("div",{className:"wrapper__heading",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),s&&r.jsx("div",{className:"wrapper__subtitle",children:s})]}),r.jsx("div",{className:"wrapper__tags",children:y?(u=Array.from("123"))==null?void 0:u.map((e,n)=>r.jsx(q,{},`field-of-interests-with-tags-card-tag-skeleton__${n+1}`)):t==null?void 0:t.map((e,n)=>r.jsx(z,{icon:e==null?void 0:e.icon,name:e==null?void 0:e.name,isActive:(e==null?void 0:e.uuid)===(c==null?void 0:c.uuid),onSelectCard:()=>w==null?void 0:w(e)},`field-of-interests-with-tags-card-tag__${n+1}`))}),r.jsx("div",{className:"wrapper__cards",children:b?(v=Array.from("123"))==null?void 0:v.map((e,n)=>r.jsx(A,{},`field-of-interests-with-tags-card-skeleton__${n+1}`)):d==null?void 0:d.map((e,n)=>r.jsx(O,{image:j(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid),imageComponent:e==null?void 0:e.imageComponent,name:e==null?void 0:e.name,description:(e==null?void 0:e.shortDescription)||(e==null?void 0:e.description),onSelectCard:()=>x==null?void 0:x(e)},`field-of-interests-with-tags-card__${n+1}`))})]})});module.exports=D;
191
+ `,D=l.forwardRef(({title:i,subtitle:s,tags:t=[],limitTags:a=7,limitTagsForMobile:m=7,limit:g=3,limitForMobile:d=2,items:f=[],selectedTag:c,isLoadingTags:b=!1,isLoadingItems:j=!1,onSelectTag:_=()=>{},onSelectCard:h=()=>{},getImage:k=()=>{}},I)=>{var u,v;const w=e=>{_==null||_(e)},x=e=>{h==null||h(e)};return r.jsxs(A,{ref:I,limitTags:a,limitTagsForMobile:m,limitCards:g,limitCardsForMobile:d,children:[r.jsxs("div",{className:"wrapper__heading",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),s&&r.jsx("div",{className:"wrapper__subtitle",children:s})]}),r.jsx("div",{className:"wrapper__tags",children:b?(u=Array.from("123"))==null?void 0:u.map((e,n)=>r.jsx(q,{},`field-of-interests-with-tags-card-tag-skeleton__${n+1}`)):t==null?void 0:t.map((e,n)=>r.jsx(E,{icon:e==null?void 0:e.icon,name:e==null?void 0:e.name,isActive:(e==null?void 0:e.uuid)===(c==null?void 0:c.uuid),onSelectCard:()=>w==null?void 0:w(e)},`field-of-interests-with-tags-card-tag__${n+1}`))}),r.jsx("div",{className:"wrapper__cards",children:j?(v=Array.from("123"))==null?void 0:v.map((e,n)=>r.jsx(z,{},`field-of-interests-with-tags-card-skeleton__${n+1}`)):f==null?void 0:f.map((e,n)=>r.jsx(O,{image:k(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid),imageComponent:e==null?void 0:e.imageComponent,name:e==null?void 0:e.name,description:(e==null?void 0:e.description)||(e==null?void 0:e.shortDescription),onSelectCard:()=>x==null?void 0:x(e)},`field-of-interests-with-tags-card__${n+1}`))})]})});module.exports=D;
@@ -1,10 +1,10 @@
1
- import { jsx as i, jsxs as o } from "react/jsx-runtime";
1
+ import { jsx as r, jsxs as s } from "react/jsx-runtime";
2
2
  import { forwardRef as l } from "react";
3
3
  import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
- import { p as y, o as b, k as I, l as W } from "./utils-BbgAIA9N.js";
4
+ import { p as y, o as b, k as C, l as j } from "./utils-BbgAIA9N.js";
5
+ import { M as k } from "./consts-BuFChS64.js";
5
6
  import F from "./Icon.js";
6
- import { u as j } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
7
- import { M as z } from "./consts-BuFChS64.js";
7
+ import { u as z } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
8
8
  const O = p.div`
9
9
  display: flex;
10
10
  flex-direction: column;
@@ -55,7 +55,7 @@ const O = p.div`
55
55
  ${y(2)}
56
56
  }
57
57
  }
58
- cursor: pointer;
58
+ cursor: pointer;
59
59
  `, A = p.div`
60
60
  width: 100%;
61
61
  height: 11.625rem;
@@ -111,30 +111,34 @@ const O = p.div`
111
111
  color: var(--white, #fff);
112
112
  }
113
113
  }
114
- `, M = p.div`
114
+
115
+ @media (max-width: ${k + "px"}) {
116
+ min-width: fit-content;
117
+ }
118
+ `, D = p.div`
115
119
  width: 7rem;
116
120
  height: 3rem;
117
121
  border-radius: 999px;
118
122
  background: ${b("-90deg")};
119
- `, D = l(({}, r) => /* @__PURE__ */ i(M, {})), G = l(
120
- ({ name: r, isActive: n, icon: t, onSelectCard: s = () => {
121
- } }, m) => /* @__PURE__ */ o(E, { className: n ? "active" : "", onClick: s, children: [
122
- I(t) && /* @__PURE__ */ i(F, { icon: t, className: "wrapper__icon" }),
123
- /* @__PURE__ */ i("div", { className: "wrapper__text", children: r })
123
+ `, M = l(({}, i) => /* @__PURE__ */ r(D, {})), G = l(
124
+ ({ name: i, isActive: n, icon: t, onSelectCard: o = () => {
125
+ } }, m) => /* @__PURE__ */ s(E, { className: n ? "active" : "", onClick: o, children: [
126
+ C(t) && /* @__PURE__ */ r(F, { icon: t, className: "wrapper__icon" }),
127
+ /* @__PURE__ */ r("div", { className: "wrapper__text", children: i })
124
128
  ] })
125
129
  ), L = l(
126
- ({ image: r, imageComponent: n, name: t, description: s, onSelectCard: m = () => {
130
+ ({ image: i, imageComponent: n, name: t, description: o, onSelectCard: m = () => {
127
131
  } }, u) => {
128
- const { theme: f } = j();
129
- return /* @__PURE__ */ o(O, { theme: f, onClick: m, children: [
130
- W(n) ? n : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
131
- /* @__PURE__ */ o("div", { className: "wrapper__content", children: [
132
- t && /* @__PURE__ */ i("div", { className: "wrapper__title", children: t }),
133
- s && /* @__PURE__ */ i("div", { className: "wrapper__description", children: s })
132
+ const { theme: f } = z();
133
+ return /* @__PURE__ */ s(O, { theme: f, onClick: m, children: [
134
+ j(n) ? n : /* @__PURE__ */ r("img", { src: i, className: "wrapper__image" }),
135
+ /* @__PURE__ */ s("div", { className: "wrapper__content", children: [
136
+ t && /* @__PURE__ */ r("div", { className: "wrapper__title", children: t }),
137
+ o && /* @__PURE__ */ r("div", { className: "wrapper__description", children: o })
134
138
  ] })
135
139
  ] });
136
140
  }
137
- ), R = l(({}, r) => /* @__PURE__ */ i(A, {})), T = p.div`
141
+ ), R = l(({}, i) => /* @__PURE__ */ r(A, {})), T = p.div`
138
142
  display: flex;
139
143
  flex-direction: column;
140
144
  align-items: center;
@@ -175,14 +179,14 @@ const O = p.div`
175
179
 
176
180
  & .wrapper__cards {
177
181
  display: grid;
178
- grid-template-columns: ${(r) => `repeat(${r == null ? void 0 : r.limitCards}, minmax(0, 1fr))`};
182
+ grid-template-columns: ${(i) => `repeat(${i == null ? void 0 : i.limitCards}, minmax(0, 1fr))`};
179
183
  justify-content: center;
180
184
  align-items: center;
181
185
  gap: 1.5rem;
182
186
  width: 100%;
183
187
  }
184
188
 
185
- @media (max-width: ${z + "px"}) {
189
+ @media (max-width: ${k + "px"}) {
186
190
  & .wrapper__tags {
187
191
  overflow-x: scroll;
188
192
  justify-content: flex-start;
@@ -204,75 +208,76 @@ const O = p.div`
204
208
  }
205
209
 
206
210
  & .wrapper__cards {
207
- grid-template-columns: ${(r) => `repeat(${r == null ? void 0 : r.limitCardsForMobile}, minmax(0, 1fr))`};
211
+ display: flex;
212
+ flex-direction: column;
208
213
  gap: 1rem;
209
214
  }
210
215
  }
211
216
  `, J = l(
212
217
  ({
213
- title: r,
218
+ title: i,
214
219
  subtitle: n,
215
220
  tags: t = [],
216
- limitTags: s = 7,
221
+ limitTags: o = 7,
217
222
  limitTagsForMobile: m = 7,
218
223
  limit: u = 3,
219
224
  limitForMobile: f = 2,
220
225
  items: d = [],
221
226
  selectedTag: c,
222
- isLoadingTags: k = !1,
227
+ isLoadingTags: N = !1,
223
228
  isLoadingItems: $ = !1,
224
229
  onSelectTag: h = () => {
225
230
  },
226
231
  onSelectCard: _ = () => {
227
232
  },
228
- getImage: N = () => {
233
+ getImage: I = () => {
229
234
  }
230
- }, C) => {
235
+ }, W) => {
231
236
  var x, v;
232
- const g = (e) => {
237
+ const w = (e) => {
233
238
  h == null || h(e);
234
- }, w = (e) => {
239
+ }, g = (e) => {
235
240
  _ == null || _(e);
236
241
  };
237
- return /* @__PURE__ */ o(
242
+ return /* @__PURE__ */ s(
238
243
  T,
239
244
  {
240
- ref: C,
241
- limitTags: s,
245
+ ref: W,
246
+ limitTags: o,
242
247
  limitTagsForMobile: m,
243
248
  limitCards: u,
244
249
  limitCardsForMobile: f,
245
250
  children: [
246
- /* @__PURE__ */ o("div", { className: "wrapper__heading", children: [
247
- r && /* @__PURE__ */ i("div", { className: "wrapper__title", children: r }),
248
- n && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: n })
251
+ /* @__PURE__ */ s("div", { className: "wrapper__heading", children: [
252
+ i && /* @__PURE__ */ r("div", { className: "wrapper__title", children: i }),
253
+ n && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: n })
249
254
  ] }),
250
- /* @__PURE__ */ i("div", { className: "wrapper__tags", children: k ? (x = Array.from("123")) == null ? void 0 : x.map((e, a) => /* @__PURE__ */ i(
251
- D,
255
+ /* @__PURE__ */ r("div", { className: "wrapper__tags", children: N ? (x = Array.from("123")) == null ? void 0 : x.map((e, a) => /* @__PURE__ */ r(
256
+ M,
252
257
  {},
253
258
  `field-of-interests-with-tags-card-tag-skeleton__${a + 1}`
254
- )) : t == null ? void 0 : t.map((e, a) => /* @__PURE__ */ i(
259
+ )) : t == null ? void 0 : t.map((e, a) => /* @__PURE__ */ r(
255
260
  G,
256
261
  {
257
262
  icon: e == null ? void 0 : e.icon,
258
263
  name: e == null ? void 0 : e.name,
259
264
  isActive: (e == null ? void 0 : e.uuid) === (c == null ? void 0 : c.uuid),
260
- onSelectCard: () => g == null ? void 0 : g(e)
265
+ onSelectCard: () => w == null ? void 0 : w(e)
261
266
  },
262
267
  `field-of-interests-with-tags-card-tag__${a + 1}`
263
268
  )) }),
264
- /* @__PURE__ */ i("div", { className: "wrapper__cards", children: $ ? (v = Array.from("123")) == null ? void 0 : v.map((e, a) => /* @__PURE__ */ i(
269
+ /* @__PURE__ */ r("div", { className: "wrapper__cards", children: $ ? (v = Array.from("123")) == null ? void 0 : v.map((e, a) => /* @__PURE__ */ r(
265
270
  R,
266
271
  {},
267
272
  `field-of-interests-with-tags-card-skeleton__${a + 1}`
268
- )) : d == null ? void 0 : d.map((e, a) => /* @__PURE__ */ i(
273
+ )) : d == null ? void 0 : d.map((e, a) => /* @__PURE__ */ r(
269
274
  L,
270
275
  {
271
- image: N(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid),
276
+ image: I(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid),
272
277
  imageComponent: e == null ? void 0 : e.imageComponent,
273
278
  name: e == null ? void 0 : e.name,
274
- description: (e == null ? void 0 : e.shortDescription) || (e == null ? void 0 : e.description),
275
- onSelectCard: () => w == null ? void 0 : w(e)
279
+ description: (e == null ? void 0 : e.description) || (e == null ? void 0 : e.shortDescription),
280
+ onSelectCard: () => g == null ? void 0 : g(e)
276
281
  },
277
282
  `field-of-interests-with-tags-card__${a + 1}`
278
283
  )) })
package/dist/Kanban.cjs CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";const oe=require("react/jsx-runtime"),d=require("react"),Vt=require("./index-41nUb2kP.cjs"),Q=require("./index-BpbMKBf_.cjs"),we=require("./utils-CZynEOC_.cjs"),Zr=require("./index-BZnmT78f.cjs"),en=require("./emotion-styled.browser.esm-BtEseadx.cjs"),zr=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),bo=require("./KanbanCard-CP60mpJO.cjs"),Dt=require("./_commonjsHelpers-DwTZ_eVU.cjs"),ii=require("./KanbanHeader.cjs"),si=require("./useUpdateEffect-BtMgpgIV.cjs");var ai=function(e){d.useEffect(e,[])};function ci(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return d.useMemo(()=>o=>{t.forEach(s=>s(o))},t)}const Un=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function tn(e){const t=Object.prototype.toString.call(e);return t==="[object Window]"||t==="[object global]"}function Hr(e){return"nodeType"in e}function Ke(e){var t,n;return e?tn(e)?e:Hr(e)&&(t=(n=e.ownerDocument)==null?void 0:n.defaultView)!=null?t:window:window}function Kr(e){const{Document:t}=Ke(e);return e instanceof t}function hn(e){return tn(e)?!1:e instanceof Ke(e).HTMLElement}function yo(e){return e instanceof Ke(e).SVGElement}function nn(e){return e?tn(e)?e.document:Hr(e)?Kr(e)?e:hn(e)||yo(e)?e.ownerDocument:document:document:document}const bt=Un?d.useLayoutEffect:d.useEffect;function kn(e){const t=d.useRef(e);return bt(()=>{t.current=e}),d.useCallback(function(){for(var n=arguments.length,o=new Array(n),s=0;s<n;s++)o[s]=arguments[s];return t.current==null?void 0:t.current(...o)},[])}function li(){const e=d.useRef(null),t=d.useCallback((o,s)=>{e.current=setInterval(o,s)},[]),n=d.useCallback(()=>{e.current!==null&&(clearInterval(e.current),e.current=null)},[]);return[t,n]}function gn(e,t){t===void 0&&(t=[e]);const n=d.useRef(e);return bt(()=>{n.current!==e&&(n.current=e)},t),n}function pn(e,t){const n=d.useRef();return d.useMemo(()=>{const o=e(n.current);return n.current=o,o},[...t])}function jn(e){const t=kn(e),n=d.useRef(null),o=d.useCallback(s=>{s!==n.current&&(t==null||t(s,n.current)),n.current=s},[]);return[n,o]}function $n(e){const t=d.useRef();return d.useEffect(()=>{t.current=e},[e]),t.current}let Tr={};function vn(e,t){return d.useMemo(()=>{if(t)return t;const n=Tr[e]==null?0:Tr[e]+1;return Tr[e]=n,e+"-"+n},[e,t])}function mo(e){return function(t){for(var n=arguments.length,o=new Array(n>1?n-1:0),s=1;s<n;s++)o[s-1]=arguments[s];return o.reduce((c,l)=>{const u=Object.entries(l);for(const[h,f]of u){const b=c[h];b!=null&&(c[h]=b+e*f)}return c},{...t})}}const Zt=mo(1),Bn=mo(-1);function ui(e){return"clientX"in e&&"clientY"in e}function Xn(e){if(!e)return!1;const{KeyboardEvent:t}=Ke(e.target);return t&&e instanceof t}function di(e){if(!e)return!1;const{TouchEvent:t}=Ke(e.target);return t&&e instanceof t}function Fn(e){if(di(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}else if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return ui(e)?{x:e.clientX,y:e.clientY}:null}const Gt=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[Gt.Translate.toString(e),Gt.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:o}=e;return t+" "+n+"ms "+o}}}),Qr="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function fi(e){return e.matches(Qr)?e:e.querySelector(Qr)}const gi={display:"none"};function hi(e){let{id:t,value:n}=e;return d.createElement("div",{id:t,style:gi},n)}function pi(e){let{id:t,announcement:n,ariaLiveType:o="assertive"}=e;const s={position:"fixed",top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"};return d.createElement("div",{id:t,style:s,role:"status","aria-live":o,"aria-atomic":!0},n)}function vi(){const[e,t]=d.useState("");return{announce:d.useCallback(o=>{o!=null&&t(o)},[]),announcement:e}}const xo=d.createContext(null);function bi(e){const t=d.useContext(xo);d.useEffect(()=>{if(!t)throw new Error("useDndMonitor must be used within a children of <DndContext>");return t(e)},[e,t])}function yi(){const[e]=d.useState(()=>new Set),t=d.useCallback(o=>(e.add(o),()=>e.delete(o)),[e]);return[d.useCallback(o=>{let{type:s,event:c}=o;e.forEach(l=>{var u;return(u=l[s])==null?void 0:u.call(l,c)})},[e]),t]}const mi={draggable:`
1
+ "use strict";const oe=require("react/jsx-runtime"),d=require("react"),Vt=require("./index-41nUb2kP.cjs"),Q=require("./index-BpbMKBf_.cjs"),we=require("./utils-CZynEOC_.cjs"),Zr=require("./index-Bg5OOQN0.cjs"),en=require("./emotion-styled.browser.esm-BtEseadx.cjs"),zr=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),bo=require("./KanbanCard-BDvoqTDS.cjs"),Dt=require("./_commonjsHelpers-DwTZ_eVU.cjs"),ii=require("./KanbanHeader.cjs"),si=require("./useUpdateEffect-BtMgpgIV.cjs");var ai=function(e){d.useEffect(e,[])};function ci(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return d.useMemo(()=>o=>{t.forEach(s=>s(o))},t)}const Un=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";function tn(e){const t=Object.prototype.toString.call(e);return t==="[object Window]"||t==="[object global]"}function Hr(e){return"nodeType"in e}function Ke(e){var t,n;return e?tn(e)?e:Hr(e)&&(t=(n=e.ownerDocument)==null?void 0:n.defaultView)!=null?t:window:window}function Kr(e){const{Document:t}=Ke(e);return e instanceof t}function hn(e){return tn(e)?!1:e instanceof Ke(e).HTMLElement}function yo(e){return e instanceof Ke(e).SVGElement}function nn(e){return e?tn(e)?e.document:Hr(e)?Kr(e)?e:hn(e)||yo(e)?e.ownerDocument:document:document:document}const bt=Un?d.useLayoutEffect:d.useEffect;function kn(e){const t=d.useRef(e);return bt(()=>{t.current=e}),d.useCallback(function(){for(var n=arguments.length,o=new Array(n),s=0;s<n;s++)o[s]=arguments[s];return t.current==null?void 0:t.current(...o)},[])}function li(){const e=d.useRef(null),t=d.useCallback((o,s)=>{e.current=setInterval(o,s)},[]),n=d.useCallback(()=>{e.current!==null&&(clearInterval(e.current),e.current=null)},[]);return[t,n]}function gn(e,t){t===void 0&&(t=[e]);const n=d.useRef(e);return bt(()=>{n.current!==e&&(n.current=e)},t),n}function pn(e,t){const n=d.useRef();return d.useMemo(()=>{const o=e(n.current);return n.current=o,o},[...t])}function jn(e){const t=kn(e),n=d.useRef(null),o=d.useCallback(s=>{s!==n.current&&(t==null||t(s,n.current)),n.current=s},[]);return[n,o]}function $n(e){const t=d.useRef();return d.useEffect(()=>{t.current=e},[e]),t.current}let Tr={};function vn(e,t){return d.useMemo(()=>{if(t)return t;const n=Tr[e]==null?0:Tr[e]+1;return Tr[e]=n,e+"-"+n},[e,t])}function mo(e){return function(t){for(var n=arguments.length,o=new Array(n>1?n-1:0),s=1;s<n;s++)o[s-1]=arguments[s];return o.reduce((c,l)=>{const u=Object.entries(l);for(const[h,f]of u){const b=c[h];b!=null&&(c[h]=b+e*f)}return c},{...t})}}const Zt=mo(1),Bn=mo(-1);function ui(e){return"clientX"in e&&"clientY"in e}function Xn(e){if(!e)return!1;const{KeyboardEvent:t}=Ke(e.target);return t&&e instanceof t}function di(e){if(!e)return!1;const{TouchEvent:t}=Ke(e.target);return t&&e instanceof t}function Fn(e){if(di(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}else if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return ui(e)?{x:e.clientX,y:e.clientY}:null}const Gt=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[Gt.Translate.toString(e),Gt.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:o}=e;return t+" "+n+"ms "+o}}}),Qr="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function fi(e){return e.matches(Qr)?e:e.querySelector(Qr)}const gi={display:"none"};function hi(e){let{id:t,value:n}=e;return d.createElement("div",{id:t,style:gi},n)}function pi(e){let{id:t,announcement:n,ariaLiveType:o="assertive"}=e;const s={position:"fixed",top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"};return d.createElement("div",{id:t,style:s,role:"status","aria-live":o,"aria-atomic":!0},n)}function vi(){const[e,t]=d.useState("");return{announce:d.useCallback(o=>{o!=null&&t(o)},[]),announcement:e}}const xo=d.createContext(null);function bi(e){const t=d.useContext(xo);d.useEffect(()=>{if(!t)throw new Error("useDndMonitor must be used within a children of <DndContext>");return t(e)},[e,t])}function yi(){const[e]=d.useState(()=>new Set),t=d.useCallback(o=>(e.add(o),()=>e.delete(o)),[e]);return[d.useCallback(o=>{let{type:s,event:c}=o;e.forEach(l=>{var u;return(u=l[s])==null?void 0:u.call(l,c)})},[e]),t]}const mi={draggable:`
2
2
  To pick up a draggable item, press the space bar.
3
3
  While dragging, use the arrow keys to move the item.
4
4
  Press space again to drop the item in its new position, or press escape to cancel.
package/dist/Kanban.js CHANGED
@@ -3,10 +3,10 @@ import ae, { useEffect as k, useLayoutEffect as vi, useRef as V, useMemo as Q, u
3
3
  import { r as on } from "./index-B1vKwsDE.js";
4
4
  import { P as te } from "./index-CblbdqjE.js";
5
5
  import { b as sn, r as nn, z as rn } from "./utils-BbgAIA9N.js";
6
- import { c as lo } from "./index-BXrmgzsU.js";
6
+ import { c as lo } from "./index-fN7hCOo3.js";
7
7
  import { s as ln } from "./emotion-styled.browser.esm-BNN1dTl3.js";
8
8
  import { u as Vr } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
9
- import { H as mi, K as wi } from "./KanbanCard-Crf-cTxA.js";
9
+ import { H as mi, K as wi } from "./KanbanCard-68kSAXL6.js";
10
10
  import { c as Yt, g as Eo } from "./_commonjsHelpers-BkfeUUK-.js";
11
11
  import xi from "./KanbanHeader.js";
12
12
  import { u as Ci } from "./useUpdateEffect-CuYWz7EA.js";
@@ -5,7 +5,7 @@ import { P as r } from "./index-CblbdqjE.js";
5
5
  import C from "./Icon.js";
6
6
  import P from "./DropdownMenu.js";
7
7
  import K from "./DropdownItem.js";
8
- import { c as O } from "./index-BXrmgzsU.js";
8
+ import { c as O } from "./index-fN7hCOo3.js";
9
9
  import { u as $ } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
10
10
  const j = "_Action_bw0a9_5", B = {
11
11
  Action: j
@@ -1,4 +1,4 @@
1
- "use strict";const s=require("react/jsx-runtime"),p=require("react"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),e=require("./index-BpbMKBf_.cjs"),N=require("./Icon.cjs"),k=require("./DropdownMenu.cjs"),q=require("./DropdownItem.cjs"),z=require("./index-BZnmT78f.cjs"),C=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),R="_Action_bw0a9_5",$={Action:R},K=p.forwardRef(({active:r,className:n,cursor:a,style:t,...l},i)=>s.jsx("button",{ref:i,...l,className:z.classNames($.Action,n),tabIndex:0,style:{...t,cursor:a,"--fill":r==null?void 0:r.fill,"--background":r==null?void 0:r.background}})),u=p.forwardRef((r,n)=>s.jsx(K,{ref:n,cursor:"grab","data-cypress":"draggable-handle",...r,children:s.jsx("svg",{viewBox:"0 0 20 20",width:"12",children:s.jsx("path",{d:"M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"})})})),O=m.styled.div`
1
+ "use strict";const s=require("react/jsx-runtime"),p=require("react"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),e=require("./index-BpbMKBf_.cjs"),N=require("./Icon.cjs"),k=require("./DropdownMenu.cjs"),q=require("./DropdownItem.cjs"),z=require("./index-Bg5OOQN0.cjs"),C=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),R="_Action_bw0a9_5",$={Action:R},K=p.forwardRef(({active:r,className:n,cursor:a,style:t,...l},i)=>s.jsx("button",{ref:i,...l,className:z.classNames($.Action,n),tabIndex:0,style:{...t,cursor:a,"--fill":r==null?void 0:r.fill,"--background":r==null?void 0:r.background}})),u=p.forwardRef((r,n)=>s.jsx(K,{ref:n,cursor:"grab","data-cypress":"draggable-handle",...r,children:s.jsx("svg",{viewBox:"0 0 20 20",width:"12",children:s.jsx("path",{d:"M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z"})})})),O=m.styled.div`
2
2
  height: 100%;
3
3
  width: 100%;
4
4
  padding: ${r=>`18px 20px 18px ${r.handle==!0?"10px":"20px"}`};
@@ -1 +1 @@
1
- "use strict";require("react/jsx-runtime");require("react");require("./emotion-styled.browser.esm-BtEseadx.cjs");require("./index-BpbMKBf_.cjs");require("./Icon.cjs");require("./DropdownMenu.cjs");require("./DropdownItem.cjs");const r=require("./KanbanCard-CP60mpJO.cjs");require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs");module.exports=r.KanbanCard;
1
+ "use strict";require("react/jsx-runtime");require("react");require("./emotion-styled.browser.esm-BtEseadx.cjs");require("./index-BpbMKBf_.cjs");require("./Icon.cjs");require("./DropdownMenu.cjs");require("./DropdownItem.cjs");const r=require("./KanbanCard-BDvoqTDS.cjs");require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs");module.exports=r.KanbanCard;
@@ -5,7 +5,7 @@ import "./index-CblbdqjE.js";
5
5
  import "./Icon.js";
6
6
  import "./DropdownMenu.js";
7
7
  import "./DropdownItem.js";
8
- import { K as l } from "./KanbanCard-Crf-cTxA.js";
8
+ import { K as l } from "./KanbanCard-68kSAXL6.js";
9
9
  import "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
10
10
  export {
11
11
  l as default
@@ -1,4 +1,4 @@
1
- "use strict";const t=require("react/jsx-runtime"),U=require("react"),e=require("./index-BpbMKBf_.cjs"),X=require("./emotion-styled.browser.esm-BtEseadx.cjs"),Z=require("./KanbanActionsToolbar.cjs"),a=require("./utils-CZynEOC_.cjs"),$=require("./Kanban.cjs"),k=require("./KanbanCard-CP60mpJO.cjs"),ee=require("./KanbanHeader.cjs"),oe=require("./KanbanFooter.cjs"),ne=X.styled.div`
1
+ "use strict";const t=require("react/jsx-runtime"),U=require("react"),e=require("./index-BpbMKBf_.cjs"),X=require("./emotion-styled.browser.esm-BtEseadx.cjs"),Z=require("./KanbanActionsToolbar.cjs"),a=require("./utils-CZynEOC_.cjs"),$=require("./Kanban.cjs"),k=require("./KanbanCard-BDvoqTDS.cjs"),ee=require("./KanbanHeader.cjs"),oe=require("./KanbanFooter.cjs"),ne=X.styled.div`
2
2
  & .kanban-view-footer-lnc {
3
3
  padding: 0 0.625rem;
4
4
  }
@@ -5,7 +5,7 @@ import { s as k } from "./emotion-styled.browser.esm-BNN1dTl3.js";
5
5
  import P from "./KanbanActionsToolbar.js";
6
6
  import { r as i, i as d } from "./utils-BbgAIA9N.js";
7
7
  import ee from "./Kanban.js";
8
- import { K as oe } from "./KanbanCard-Crf-cTxA.js";
8
+ import { K as oe } from "./KanbanCard-68kSAXL6.js";
9
9
  import ne from "./KanbanHeader.js";
10
10
  import ae from "./KanbanFooter.js";
11
11
  const te = k.div`