@vkzstudio/muza-ui 1.2.0 → 1.4.0

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 (204) hide show
  1. package/dist/components/Accordion/Accordion.d.ts +52 -2
  2. package/dist/components/Accordion/Accordion.d.ts.map +1 -1
  3. package/dist/components/Accordion/Accordion.js +111 -76
  4. package/dist/components/ArticleCard/ArticleCard.d.ts +178 -0
  5. package/dist/components/ArticleCard/ArticleCard.d.ts.map +1 -0
  6. package/dist/components/ArticleCard/ArticleCard.js +542 -0
  7. package/dist/components/ArticleCard/ArticleCard.stories.d.ts +14 -0
  8. package/dist/components/ArticleCard/ArticleCard.stories.d.ts.map +1 -0
  9. package/dist/components/ArticleCard/index.d.ts +2 -0
  10. package/dist/components/ArticleCard/index.d.ts.map +1 -0
  11. package/dist/components/BalanceListView/BalanceListView.examples.d.ts +38 -0
  12. package/dist/components/BalanceListView/BalanceListView.examples.d.ts.map +1 -0
  13. package/dist/components/BalanceListView/BalanceListView.stories.d.ts +8 -0
  14. package/dist/components/BalanceListView/BalanceListView.stories.d.ts.map +1 -0
  15. package/dist/components/ButtonArrow/ButtonArrow.d.ts +3 -3
  16. package/dist/components/ButtonArrow/ButtonArrow.d.ts.map +1 -1
  17. package/dist/components/ButtonArrow/ButtonArrow.js +26 -25
  18. package/dist/components/Calendar/Calendar.d.ts.map +1 -1
  19. package/dist/components/Calendar/Calendar.js +5 -5
  20. package/dist/components/Calendar/index.d.ts +1 -2
  21. package/dist/components/Calendar/index.d.ts.map +1 -1
  22. package/dist/components/Carousel/Carousel.d.ts +9 -0
  23. package/dist/components/Carousel/Carousel.d.ts.map +1 -1
  24. package/dist/components/Carousel/Carousel.js +135 -133
  25. package/dist/components/CarouselSection/CarouselSection.examples.d.ts +34 -0
  26. package/dist/components/CarouselSection/CarouselSection.examples.d.ts.map +1 -0
  27. package/dist/components/CarouselSection/CarouselSection.stories.d.ts +8 -0
  28. package/dist/components/CarouselSection/CarouselSection.stories.d.ts.map +1 -0
  29. package/dist/components/CategoryCard/CategoryCard.d.ts +97 -0
  30. package/dist/components/CategoryCard/CategoryCard.d.ts.map +1 -0
  31. package/dist/components/CategoryCard/CategoryCard.js +152 -0
  32. package/dist/components/CategoryCard/CategoryCard.stories.d.ts +14 -0
  33. package/dist/components/CategoryCard/CategoryCard.stories.d.ts.map +1 -0
  34. package/dist/components/CategoryCard/index.d.ts +2 -0
  35. package/dist/components/CategoryCard/index.d.ts.map +1 -0
  36. package/dist/components/CategoryIcon/CategoryIcon.d.ts +45 -0
  37. package/dist/components/CategoryIcon/CategoryIcon.d.ts.map +1 -0
  38. package/dist/components/CategoryIcon/CategoryIcon.js +54 -0
  39. package/dist/components/CategoryIcon/CategoryIcon.stories.d.ts +10 -0
  40. package/dist/components/CategoryIcon/CategoryIcon.stories.d.ts.map +1 -0
  41. package/dist/components/CategoryIcon/index.d.ts +2 -0
  42. package/dist/components/CategoryIcon/index.d.ts.map +1 -0
  43. package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
  44. package/dist/components/DatePicker/DatePicker.js +5 -5
  45. package/dist/components/Dialog/Dialog.d.ts +12 -6
  46. package/dist/components/Dialog/Dialog.d.ts.map +1 -1
  47. package/dist/components/Dialog/Dialog.js +116 -120
  48. package/dist/components/Dialog/Dialog.stories.d.ts +1 -0
  49. package/dist/components/Dialog/Dialog.stories.d.ts.map +1 -1
  50. package/dist/components/DotDivider/DotDivider.d.ts +35 -0
  51. package/dist/components/DotDivider/DotDivider.d.ts.map +1 -0
  52. package/dist/components/DotDivider/DotDivider.js +31 -0
  53. package/dist/components/DotDivider/DotDivider.stories.d.ts +10 -0
  54. package/dist/components/DotDivider/DotDivider.stories.d.ts.map +1 -0
  55. package/dist/components/DotDivider/index.d.ts +2 -0
  56. package/dist/components/DotDivider/index.d.ts.map +1 -0
  57. package/dist/components/DropdownMenu/DropdownMenu.d.ts.map +1 -1
  58. package/dist/components/DropdownMenu/DropdownMenu.js +13 -13
  59. package/dist/components/EdgeButton/EdgeButton.d.ts.map +1 -1
  60. package/dist/components/EdgeButton/EdgeButton.js +10 -11
  61. package/dist/components/EmptyState/EmptyState.js +19 -19
  62. package/dist/components/FileUpload/FileItem.d.ts.map +1 -1
  63. package/dist/components/FileUpload/FileItem.js +8 -9
  64. package/dist/components/FileUpload/FileUpload.js +3 -3
  65. package/dist/components/HeartButton/HeartButton.d.ts +61 -0
  66. package/dist/components/HeartButton/HeartButton.d.ts.map +1 -0
  67. package/dist/components/HeartButton/HeartButton.js +88 -0
  68. package/dist/components/HeartButton/HeartButton.stories.d.ts +10 -0
  69. package/dist/components/HeartButton/HeartButton.stories.d.ts.map +1 -0
  70. package/dist/components/HeartButton/index.d.ts +2 -0
  71. package/dist/components/HeartButton/index.d.ts.map +1 -0
  72. package/dist/components/Icons/CustomBadges.d.ts +20 -0
  73. package/dist/components/Icons/CustomBadges.d.ts.map +1 -1
  74. package/dist/components/Icons/CustomBadges.js +176 -21
  75. package/dist/components/Icons/CustomIcons.d.ts +13 -0
  76. package/dist/components/Icons/CustomIcons.d.ts.map +1 -1
  77. package/dist/components/Icons/CustomIcons.js +50 -30
  78. package/dist/components/Icons/LogosAndBadges.stories.d.ts +2 -1
  79. package/dist/components/Icons/LogosAndBadges.stories.d.ts.map +1 -1
  80. package/dist/components/InputOTP/InputOTP.d.ts +95 -0
  81. package/dist/components/InputOTP/InputOTP.d.ts.map +1 -0
  82. package/dist/components/InputOTP/InputOTP.js +187 -0
  83. package/dist/components/InputOTP/InputOTP.stories.d.ts +18 -0
  84. package/dist/components/InputOTP/InputOTP.stories.d.ts.map +1 -0
  85. package/dist/components/InputOTP/index.d.ts +3 -0
  86. package/dist/components/InputOTP/index.d.ts.map +1 -0
  87. package/dist/components/InputOTP/useWebOtpAutofill.d.ts +33 -0
  88. package/dist/components/InputOTP/useWebOtpAutofill.d.ts.map +1 -0
  89. package/dist/components/InputOTP/useWebOtpAutofill.js +25 -0
  90. package/dist/components/LanguageSwitcher/LanguageSwitcher.d.ts.map +1 -1
  91. package/dist/components/LanguageSwitcher/LanguageSwitcher.js +65 -55
  92. package/dist/components/LoginScreen/LoginScreen.d.ts +10 -1
  93. package/dist/components/LoginScreen/LoginScreen.d.ts.map +1 -1
  94. package/dist/components/LoginScreen/LoginScreen.js +23 -17
  95. package/dist/components/MarketNav/MarketNav.examples.d.ts +60 -0
  96. package/dist/components/MarketNav/MarketNav.examples.d.ts.map +1 -0
  97. package/dist/components/MarketNav/MarketNav.stories.d.ts +9 -0
  98. package/dist/components/MarketNav/MarketNav.stories.d.ts.map +1 -0
  99. package/dist/components/MultiSelect/MultiSelect.js +1 -1
  100. package/dist/components/OfferCard/OfferCard.d.ts +206 -0
  101. package/dist/components/OfferCard/OfferCard.d.ts.map +1 -0
  102. package/dist/components/OfferCard/OfferCard.js +423 -0
  103. package/dist/components/OfferCard/OfferCard.stories.d.ts +15 -0
  104. package/dist/components/OfferCard/OfferCard.stories.d.ts.map +1 -0
  105. package/dist/components/OfferCard/index.d.ts +2 -0
  106. package/dist/components/OfferCard/index.d.ts.map +1 -0
  107. package/dist/components/PageContainer/PageContainer.d.ts +53 -0
  108. package/dist/components/PageContainer/PageContainer.d.ts.map +1 -0
  109. package/dist/components/PageContainer/PageContainer.js +49 -0
  110. package/dist/components/PageContainer/PageContainer.stories.d.ts +14 -0
  111. package/dist/components/PageContainer/PageContainer.stories.d.ts.map +1 -0
  112. package/dist/components/PageContainer/index.d.ts +2 -0
  113. package/dist/components/PageContainer/index.d.ts.map +1 -0
  114. package/dist/components/PartnerCard/PartnerCard.d.ts +234 -0
  115. package/dist/components/PartnerCard/PartnerCard.d.ts.map +1 -0
  116. package/dist/components/PartnerCard/PartnerCard.js +591 -0
  117. package/dist/components/PartnerCard/PartnerCard.stories.d.ts +14 -0
  118. package/dist/components/PartnerCard/PartnerCard.stories.d.ts.map +1 -0
  119. package/dist/components/PartnerCard/index.d.ts +2 -0
  120. package/dist/components/PartnerCard/index.d.ts.map +1 -0
  121. package/dist/components/PaymentMethodSelect/PaymentMethodSelect.examples.d.ts +35 -0
  122. package/dist/components/PaymentMethodSelect/PaymentMethodSelect.examples.d.ts.map +1 -0
  123. package/dist/components/PaymentMethodSelect/PaymentMethodSelect.stories.d.ts +11 -0
  124. package/dist/components/PaymentMethodSelect/PaymentMethodSelect.stories.d.ts.map +1 -0
  125. package/dist/components/Rating/Rating.d.ts +62 -0
  126. package/dist/components/Rating/Rating.d.ts.map +1 -0
  127. package/dist/components/Rating/Rating.js +88 -0
  128. package/dist/components/Rating/Rating.stories.d.ts +12 -0
  129. package/dist/components/Rating/Rating.stories.d.ts.map +1 -0
  130. package/dist/components/Rating/index.d.ts +2 -0
  131. package/dist/components/Rating/index.d.ts.map +1 -0
  132. package/dist/components/RatingBlock/RatingBlock.d.ts +65 -0
  133. package/dist/components/RatingBlock/RatingBlock.d.ts.map +1 -0
  134. package/dist/components/RatingBlock/RatingBlock.js +92 -0
  135. package/dist/components/RatingBlock/RatingBlock.stories.d.ts +12 -0
  136. package/dist/components/RatingBlock/RatingBlock.stories.d.ts.map +1 -0
  137. package/dist/components/RatingBlock/index.d.ts +2 -0
  138. package/dist/components/RatingBlock/index.d.ts.map +1 -0
  139. package/dist/components/ReorderableTable/ReorderableTable.stories.d.ts.map +1 -1
  140. package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.js +5 -5
  141. package/dist/components/SearchFilters/SearchFilters.d.ts +88 -0
  142. package/dist/components/SearchFilters/SearchFilters.d.ts.map +1 -0
  143. package/dist/components/SearchFilters/SearchFilters.js +176 -0
  144. package/dist/components/SearchFilters/SearchFilters.stories.d.ts +12 -0
  145. package/dist/components/SearchFilters/SearchFilters.stories.d.ts.map +1 -0
  146. package/dist/components/SearchFilters/index.d.ts +2 -0
  147. package/dist/components/SearchFilters/index.d.ts.map +1 -0
  148. package/dist/components/SegmentedControl/SegmentedControl.js +11 -11
  149. package/dist/components/Tag/Tag.d.ts.map +1 -1
  150. package/dist/components/Tag/Tag.js +1 -1
  151. package/dist/components/TransactionsListView/TransactionsListView.d.ts +152 -0
  152. package/dist/components/TransactionsListView/TransactionsListView.d.ts.map +1 -0
  153. package/dist/components/TransactionsListView/TransactionsListView.js +367 -0
  154. package/dist/components/TransactionsListView/TransactionsListView.stories.d.ts +12 -0
  155. package/dist/components/TransactionsListView/TransactionsListView.stories.d.ts.map +1 -0
  156. package/dist/components/TransactionsListView/index.d.ts +2 -0
  157. package/dist/components/TransactionsListView/index.d.ts.map +1 -0
  158. package/dist/components/UniversalFooter/UniversalFooter.d.ts +6 -5
  159. package/dist/components/UniversalFooter/UniversalFooter.d.ts.map +1 -1
  160. package/dist/components/UniversalFooter/UniversalFooter.js +186 -177
  161. package/dist/components/UniversalFooter/UniversalFooter.stories.d.ts.map +1 -1
  162. package/dist/components/VoucherCard/VoucherCard.d.ts +105 -0
  163. package/dist/components/VoucherCard/VoucherCard.d.ts.map +1 -0
  164. package/dist/components/VoucherCard/VoucherCard.js +167 -0
  165. package/dist/components/VoucherCard/VoucherCard.stories.d.ts +9 -0
  166. package/dist/components/VoucherCard/VoucherCard.stories.d.ts.map +1 -0
  167. package/dist/components/VoucherCard/index.d.ts +2 -0
  168. package/dist/components/VoucherCard/index.d.ts.map +1 -0
  169. package/dist/components/index.d.ts +14 -0
  170. package/dist/components/index.d.ts.map +1 -1
  171. package/dist/index.js +413 -352
  172. package/dist/muza-ui.css +1 -1
  173. package/dist/styles/primitives.css +5 -0
  174. package/dist/styles/token-colors.css +106 -30
  175. package/dist/styles/token-sizes.css +60 -16
  176. package/dist/translations/index.d.ts +2 -1
  177. package/dist/translations/index.d.ts.map +1 -1
  178. package/dist/translations/locales/cs.d.ts.map +1 -1
  179. package/dist/translations/locales/cs.js +30 -2
  180. package/dist/translations/locales/en.d.ts.map +1 -1
  181. package/dist/translations/locales/en.js +26 -2
  182. package/dist/translations/locales/sk.d.ts.map +1 -1
  183. package/dist/translations/locales/sk.js +30 -2
  184. package/dist/translations/resolvePluralTemplate.d.ts +10 -0
  185. package/dist/translations/resolvePluralTemplate.d.ts.map +1 -0
  186. package/dist/translations/resolvePluralTemplate.js +20 -0
  187. package/dist/translations/types.d.ts +57 -0
  188. package/dist/translations/types.d.ts.map +1 -1
  189. package/dist/utils/cn.d.ts.map +1 -1
  190. package/dist/utils/cn.js +124 -27
  191. package/dist/utils/disabledLinkProps.d.ts +14 -0
  192. package/dist/utils/disabledLinkProps.d.ts.map +1 -0
  193. package/dist/utils/disabledLinkProps.js +9 -0
  194. package/dist/{components/Calendar/utils → utils}/formatDate.d.ts +1 -1
  195. package/dist/utils/formatDate.d.ts.map +1 -0
  196. package/dist/utils/formatDateRange.d.ts.map +1 -0
  197. package/dist/utils/index.d.ts +3 -0
  198. package/dist/utils/index.d.ts.map +1 -1
  199. package/package.json +4 -3
  200. package/dist/components/Calendar/utils/formatDate.d.ts.map +0 -1
  201. package/dist/components/Calendar/utils/formatDateRange.d.ts.map +0 -1
  202. /package/dist/{components/Calendar/utils → utils}/formatDate.js +0 -0
  203. /package/dist/{components/Calendar/utils → utils}/formatDateRange.d.ts +0 -0
  204. /package/dist/{components/Calendar/utils → utils}/formatDateRange.js +0 -0
@@ -0,0 +1,367 @@
1
+ import { jsx as e, jsxs as a } from "react/jsx-runtime";
2
+ import * as L from "react";
3
+ import { Accordion as S, AccordionItem as Y, AccordionHeader as R, AccordionTitle as D, AccordionChevron as B, AccordionContent as F } from "../Accordion/Accordion.js";
4
+ import { Alert as E } from "../Alert/Alert.js";
5
+ import { Card as H } from "../Card/Card.js";
6
+ import { cn as s } from "../../utils/cn.js";
7
+ import { Flex as n } from "../Flex/Flex.js";
8
+ import { Skeleton as h } from "../Skeleton/Skeleton.js";
9
+ import { CloseCircleBold as M, MinusCircleBold as O, AddCircleBold as _ } from "@solar-icons/react-perf";
10
+ import { Typography as u } from "../Typography/Typography.js";
11
+ const q = {
12
+ info: "bg-surface-state-bg-info text-text-brand-def",
13
+ success: "bg-surface-state-bg-success text-text-state-success",
14
+ warning: "bg-surface-state-bg-warning text-text-state-warning",
15
+ error: "bg-surface-state-bg-error text-text-state-error-def",
16
+ neutral: "bg-surface-base-tertiary text-text-dark-secondary-def"
17
+ }, G = {
18
+ success: "text-text-state-success",
19
+ default: "text-text-dark-primary-def",
20
+ error: "text-text-state-error-def",
21
+ disabled: "text-text-dark-disabled"
22
+ }, T = {
23
+ plus: {
24
+ Icon: _,
25
+ className: "text-text-state-success bg-surface-base-secondary"
26
+ },
27
+ minus: {
28
+ Icon: O,
29
+ className: "text-icon-dark-primary-def bg-surface-base-secondary"
30
+ },
31
+ x: {
32
+ Icon: M,
33
+ className: "text-text-state-warning bg-surface-base-secondary"
34
+ }
35
+ }, J = L.forwardRef(
36
+ ({
37
+ data: r,
38
+ disableCardOnMobile: t = !1,
39
+ value: o,
40
+ defaultValue: m,
41
+ onValueChange: x,
42
+ className: l,
43
+ cardVariant: b = "default",
44
+ ...N
45
+ }, f) => /* @__PURE__ */ e(
46
+ H,
47
+ {
48
+ ref: f,
49
+ variant: b,
50
+ "data-slot": "transactions-list-view",
51
+ className: s(
52
+ "overflow-hidden",
53
+ // When disableCardOnMobile is set, strip the Card chrome below
54
+ // the `md` breakpoint so the list renders flush to the viewport.
55
+ t && [
56
+ "max-md:rounded-none",
57
+ "max-md:border-0",
58
+ "max-md:bg-transparent",
59
+ "max-md:px-0",
60
+ "max-md:py-0"
61
+ ],
62
+ l
63
+ ),
64
+ ...N,
65
+ children: /* @__PURE__ */ e(
66
+ S,
67
+ {
68
+ type: "single",
69
+ collapsible: !0,
70
+ variant: "inline",
71
+ value: o,
72
+ defaultValue: m,
73
+ onValueChange: x,
74
+ className: "gap-0",
75
+ children: r.map((c, g) => /* @__PURE__ */ e(
76
+ K,
77
+ {
78
+ data: c,
79
+ isFirst: g === 0,
80
+ isLast: g === r.length - 1
81
+ },
82
+ c.id
83
+ ))
84
+ }
85
+ )
86
+ }
87
+ )
88
+ );
89
+ J.displayName = "TransactionsListView";
90
+ const K = ({ data: r, isFirst: t, isLast: o }) => {
91
+ const {
92
+ id: m,
93
+ title: x,
94
+ date: l,
95
+ icon: b,
96
+ iconBg: N = "info",
97
+ iconSlot: f,
98
+ iconBadge: c,
99
+ amount: g,
100
+ amountVariant: j = "default",
101
+ amountCrossedOut: y,
102
+ details: p,
103
+ alert: w,
104
+ alertType: I = "error",
105
+ disabled: i
106
+ } = r, v = p && p.length > 0 || !!w, d = typeof c == "string" && c in T ? T[c] : void 0, C = d == null ? void 0 : d.Icon, k = C ? /* @__PURE__ */ e(C, { className: "size-icon-small" }) : c, z = /* @__PURE__ */ a("span", { className: "inline-flex shrink-0 flex-col items-end whitespace-nowrap", children: [
107
+ y != null && /* @__PURE__ */ e(
108
+ u,
109
+ {
110
+ component: "span",
111
+ variant: "body",
112
+ weight: "regular",
113
+ size: "caption",
114
+ fixY: !0,
115
+ className: "text-text-dark-secondary-def line-through",
116
+ children: y
117
+ }
118
+ ),
119
+ /* @__PURE__ */ e(
120
+ u,
121
+ {
122
+ component: "span",
123
+ variant: "body",
124
+ weight: "medium",
125
+ size: "base",
126
+ fixY: !0,
127
+ className: s(
128
+ "text-right",
129
+ G[i ? "disabled" : j]
130
+ ),
131
+ children: g
132
+ }
133
+ )
134
+ ] });
135
+ return /* @__PURE__ */ a(Y, { value: m, disabled: i, className: "last:border-b-0", children: [
136
+ /* @__PURE__ */ a(
137
+ R,
138
+ {
139
+ hideDefaultChevron: !0,
140
+ className: s(
141
+ // Flex row mirroring the Figma layout. On mobile, the chevron
142
+ // and amount sit INSIDE the content column so both align with
143
+ // the trigger's right edge. On desktop, the amount stack and
144
+ // chevron lift out as siblings of the content column and
145
+ // sit vertically centered alongside the title + date stack.
146
+ "flex items-start gap-lg py-comp-card-account-gap-def pr-0 pl-0",
147
+ // Snap the last row's padding in faster than the content expand
148
+ // (overrides the trigger's default transition-all duration).
149
+ "duration-100",
150
+ // Disabled rows are inert — show the default cursor, not a pointer.
151
+ "disabled:cursor-default",
152
+ // The first/last rows sit flush with the card's top/bottom padding.
153
+ // For the last row, only drop the bottom padding while collapsed —
154
+ // when expanded it's needed as the gap before the content.
155
+ t && "pt-0",
156
+ o && "data-[state=closed]:pb-0"
157
+ ),
158
+ children: [
159
+ /* @__PURE__ */ a(
160
+ n,
161
+ {
162
+ component: "span",
163
+ align: "center",
164
+ justify: "center",
165
+ "aria-hidden": !0,
166
+ className: s(
167
+ "relative size-icon-xlarge shrink-0 rounded-full",
168
+ !f && q[N],
169
+ // overflow-hidden would clip the corner badge, so only apply
170
+ // it when there's no badge
171
+ !k && "overflow-hidden",
172
+ i && "opacity-50"
173
+ ),
174
+ children: [
175
+ f ?? b,
176
+ k && /* @__PURE__ */ e(
177
+ "span",
178
+ {
179
+ className: s(
180
+ "absolute -right-0.5 -bottom-0.5 inline-flex size-icon-medium items-center justify-center rounded-full",
181
+ (d == null ? void 0 : d.className) ?? "bg-invert-def"
182
+ ),
183
+ children: k
184
+ }
185
+ )
186
+ ]
187
+ }
188
+ ),
189
+ /* @__PURE__ */ a(
190
+ n,
191
+ {
192
+ component: "span",
193
+ direction: "column",
194
+ justify: "center",
195
+ gap: "3xs",
196
+ flex: 1,
197
+ className: "min-h-icon-xlarge min-w-0",
198
+ children: [
199
+ /* @__PURE__ */ a(
200
+ n,
201
+ {
202
+ component: "span",
203
+ align: "baseline",
204
+ justify: "between",
205
+ gap: "md",
206
+ className: "min-w-0",
207
+ children: [
208
+ /* @__PURE__ */ e(
209
+ D,
210
+ {
211
+ className: s(
212
+ "line-clamp-2 min-w-0 flex-1 text-left",
213
+ "group-data-[state=open]:line-clamp-none",
214
+ i && "text-text-dark-disabled"
215
+ ),
216
+ children: x
217
+ }
218
+ ),
219
+ (v || i) && /* @__PURE__ */ e(B, { className: "self-start md:hidden" })
220
+ ]
221
+ }
222
+ ),
223
+ /* @__PURE__ */ a(
224
+ n,
225
+ {
226
+ component: "span",
227
+ align: "baseline",
228
+ justify: "between",
229
+ gap: "md",
230
+ className: "min-w-0",
231
+ children: [
232
+ /* @__PURE__ */ e(
233
+ u,
234
+ {
235
+ component: "span",
236
+ variant: "body",
237
+ weight: "regular",
238
+ size: "sm",
239
+ fixY: !0,
240
+ className: s(
241
+ "text-text-dark-secondary-def min-w-0 truncate text-left transition-colors",
242
+ // Match the title: the whole row re-colors on hover.
243
+ !i && "group-hover:text-text-brand-hover",
244
+ i && "text-text-dark-disabled"
245
+ ),
246
+ children: l
247
+ }
248
+ ),
249
+ /* @__PURE__ */ e("span", { className: "md:hidden", children: z })
250
+ ]
251
+ }
252
+ )
253
+ ]
254
+ }
255
+ ),
256
+ /* @__PURE__ */ a("span", { className: "hidden items-center gap-2xl self-center md:inline-flex", children: [
257
+ z,
258
+ (v || i) && /* @__PURE__ */ e(B, {})
259
+ ] })
260
+ ]
261
+ }
262
+ ),
263
+ v && /* @__PURE__ */ e(F, { className: "pl-0", children: /* @__PURE__ */ a(
264
+ n,
265
+ {
266
+ direction: "column",
267
+ gap: "lg",
268
+ className: s(
269
+ // align the details under the title column on desktop
270
+ "md:pl-[calc(var(--spacing-icon-xlarge)+var(--spacing-lg))]"
271
+ ),
272
+ children: [
273
+ p == null ? void 0 : p.map((A, V) => /* @__PURE__ */ e(Q, { label: A.label, value: A.value }, V)),
274
+ w && /* @__PURE__ */ e(E, { type: I, size: "small", className: "self-start", children: w })
275
+ ]
276
+ }
277
+ ) })
278
+ ] });
279
+ }, Q = ({ label: r, value: t }) => /* @__PURE__ */ a(
280
+ n,
281
+ {
282
+ direction: "column",
283
+ gap: "xs",
284
+ className: "md:flex-row md:items-baseline md:gap-3xl",
285
+ children: [
286
+ /* @__PURE__ */ e(
287
+ u,
288
+ {
289
+ component: "span",
290
+ variant: "body",
291
+ weight: "medium",
292
+ size: "base",
293
+ fixY: !0,
294
+ className: "text-text-dark-primary-def md:w-[180px] md:shrink-0",
295
+ children: r
296
+ }
297
+ ),
298
+ /* @__PURE__ */ e(
299
+ u,
300
+ {
301
+ component: "span",
302
+ variant: "body",
303
+ weight: "regular",
304
+ size: "base",
305
+ fixY: !0,
306
+ className: "break-words text-text-dark-primary-def md:flex-1",
307
+ children: t
308
+ }
309
+ )
310
+ ]
311
+ }
312
+ ), U = ({
313
+ className: r,
314
+ color: t = "default",
315
+ rows: o = 3,
316
+ ...m
317
+ }) => /* @__PURE__ */ e(
318
+ n,
319
+ {
320
+ direction: "column",
321
+ className: s(
322
+ "w-full overflow-hidden rounded-comp-card-account-radius border border-solid border-comp-card-account-stroke bg-comp-card-account-fill px-comp-card-account-p-hor py-comp-card-account-p-ver-def",
323
+ r
324
+ ),
325
+ ...m,
326
+ children: Array.from({ length: o }).map((x, l) => /* @__PURE__ */ a(
327
+ n,
328
+ {
329
+ align: "start",
330
+ gap: "lg",
331
+ className: s(
332
+ "py-comp-accordion-inline-p-ver",
333
+ l < o - 1 && "border-b border-comp-accordion-inline-stroke-def"
334
+ ),
335
+ children: [
336
+ /* @__PURE__ */ e(
337
+ h,
338
+ {
339
+ color: t,
340
+ className: "size-icon-xlarge shrink-0 rounded-full"
341
+ }
342
+ ),
343
+ /* @__PURE__ */ a(
344
+ n,
345
+ {
346
+ direction: "column",
347
+ gap: "3xs",
348
+ flex: 1,
349
+ className: "min-w-0 py-[2px]",
350
+ children: [
351
+ /* @__PURE__ */ e(h, { color: t, className: "h-[16px] w-[70%]" }),
352
+ /* @__PURE__ */ e(h, { color: t, className: "h-[12px] w-[40%]" })
353
+ ]
354
+ }
355
+ ),
356
+ /* @__PURE__ */ e(h, { color: t, className: "h-[16px] w-[64px] shrink-0" })
357
+ ]
358
+ },
359
+ l
360
+ ))
361
+ }
362
+ );
363
+ U.displayName = "TransactionsListViewSkeleton";
364
+ export {
365
+ J as TransactionsListView,
366
+ U as TransactionsListViewSkeleton
367
+ };
@@ -0,0 +1,12 @@
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { TransactionsListView } from './TransactionsListView';
3
+ declare const meta: Meta<typeof TransactionsListView>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof TransactionsListView>;
6
+ export declare const Default: Story;
7
+ export declare const PreExpanded: Story;
8
+ export declare const LongTitlesExpanded: Story;
9
+ export declare const DisableCardOnMobile: Story;
10
+ export declare const NoExpandableContent: Story;
11
+ export declare const LoadingSkeleton: Story;
12
+ //# sourceMappingURL=TransactionsListView.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TransactionsListView.stories.d.ts","sourceRoot":"","sources":["../../../src/components/TransactionsListView/TransactionsListView.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,OAAO,EAEL,oBAAoB,EAErB,MAAM,wBAAwB,CAAA;AA8E/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,oBAAoB,CAgD3C,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,oBAAoB,CAAC,CAAA;AAElD,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAqBhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAWjC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAmBjC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from './TransactionsListView';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TransactionsListView/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAA"}
@@ -4,8 +4,8 @@ import * as React from 'react';
4
4
  * Props for the UniversalFooter root component.
5
5
  *
6
6
  * Renders a `<footer>` landmark with the dark surface background and an
7
- * inner content container whose width steps with the breakpoint scale
8
- * (matching the project-wide `Container` pattern). Children compose the
7
+ * inner [[PageContainer]] whose width steps with the breakpoint scale, so the
8
+ * footer content aligns with every other page band. Children compose the
9
9
  * footer's vertical sections — typically a [[UniversalFooterTop]] row, a
10
10
  * [[UniversalFooterSections]] block, a [[UniversalFooterBottom]] row, and
11
11
  * a [[UniversalFooterCopyright]] line, each separated by
@@ -152,7 +152,7 @@ declare const UniversalFooterAppBadges: {
152
152
  /** Props for the [[UniversalFooterBottom]] row that pairs meta blocks like the language switcher and an employer link. */
153
153
  export type UniversalFooterBottomProps = React.ComponentProps<'div'>;
154
154
  declare const UniversalFooterBottom: {
155
- ({ className, ...props }: UniversalFooterBottomProps): import("react/jsx-runtime").JSX.Element;
155
+ ({ className, children, ...props }: UniversalFooterBottomProps): import("react/jsx-runtime").JSX.Element;
156
156
  displayName: string;
157
157
  };
158
158
  /**
@@ -165,11 +165,12 @@ export interface UniversalFooterBottomGroupProps extends React.ComponentProps<'d
165
165
  label?: React.ReactNode;
166
166
  /**
167
167
  * Horizontal alignment of the group within the bottom row at `md`+.
168
- * Below `md` both groups stack and align to the start regardless.
168
+ * Below `md` the group's items stack to the start — unless it's the only
169
+ * group in the `UniversalFooterBottom`, in which case they center.
169
170
  *
170
171
  * @default 'start'
171
172
  */
172
- align?: 'start' | 'end';
173
+ align?: 'start' | 'end' | 'center';
173
174
  /**
174
175
  * Typography size of the label. Defaults to `sm` (14px from `text/xs`)
175
176
  * for the language label and should be set to `base` (16px) for the
@@ -1 +1 @@
1
- {"version":3,"file":"UniversalFooter.d.ts","sourceRoot":"","sources":["../../../src/components/UniversalFooter/UniversalFooter.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"UniversalFooter.d.ts","sourceRoot":"","sources":["../../../src/components/UniversalFooter/UniversalFooter.tsx"],"names":[],"mappings":"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"}