qaema-ui 0.0.64 → 0.0.66

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 (7) hide show
  1. package/dist/components/FeaturesList.d.ts +6 -0
  2. package/dist/components/FeaturesList.js +58 -0
  3. package/dist/components/PriceCard.d.ts +1 -0
  4. package/dist/components/PriceCard.js +76 -119
  5. package/dist/components/index.d.ts +2 -0
  6. package/dist/index.js +50 -48
  7. package/package.json +1 -1
package/dist/components/FeaturesList.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import type { PriceCardFeature } from './PriceCard';
2
+ export type FeaturesListProps = {
3
+ features: PriceCardFeature[];
4
+ };
5
+ declare const FeaturesList: (props: FeaturesListProps) => import("react/jsx-runtime").JSX.Element;
6
+ export default FeaturesList;
package/dist/components/FeaturesList.js ADDED
@@ -0,0 +1,58 @@
1
+ import { j as n } from "../_virtual/jsx-runtime.js";
2
+ import { FiCheck as a, FiX as c } from "../node_modules/react-icons/fi/index.js";
3
+ import s, { css as t } from "styled-components";
4
+ import d from "./Typography.js";
5
+ const p = s.ul`
6
+ list-style: none;
7
+ margin: 0;
8
+ padding: 0;
9
+ display: flex;
10
+ flex-direction: column;
11
+ gap: ${({ theme: e }) => e.spacing.s};
12
+ `, g = s.li`
13
+ display: flex;
14
+ align-items: center;
15
+ gap: ${({ theme: e }) => e.spacing.xs};
16
+ `, m = s.span`
17
+ width: 1rem;
18
+ height: 1rem;
19
+ border-radius: 50%;
20
+ display: inline-flex;
21
+ align-items: center;
22
+ justify-content: center;
23
+ flex-shrink: 0;
24
+
25
+ svg {
26
+ width: 0.7rem;
27
+ height: 0.7rem;
28
+ }
29
+
30
+ ${({ theme: e, $variant: r }) => r === "included" ? t`
31
+ border: 1px solid ${e.colors.secondary.green.n450};
32
+ color: ${e.colors.secondary.green.n450};
33
+ ` : t`
34
+ border: 1px solid ${e.colors.secondary.pink.n450};
35
+ color: ${e.colors.secondary.pink.n450};
36
+ `}
37
+ `, x = s(d)`
38
+ font-family: ${({ theme: e }) => e.fonts.arabic};
39
+ font-weight: 400;
40
+ font-size: ${({ theme: e }) => {
41
+ var r;
42
+ return (r = e.typography.sizes) == null ? void 0 : r.s2;
43
+ }};
44
+ line-height: ${({ theme: e }) => e.typography.lineHeights.m};
45
+ color: ${({ theme: e }) => e.colors.grey.n400};
46
+ `, $ = (e) => {
47
+ const { features: r } = e;
48
+ return /* @__PURE__ */ n.jsx(p, { children: r.map((i, l) => {
49
+ const o = i.variant ?? "included";
50
+ return /* @__PURE__ */ n.jsxs(g, { children: [
51
+ /* @__PURE__ */ n.jsx(m, { $variant: o, children: o === "included" ? /* @__PURE__ */ n.jsx(a, {}) : /* @__PURE__ */ n.jsx(c, {}) }),
52
+ /* @__PURE__ */ n.jsx(x, { children: i.label })
53
+ ] }, `${i.label}-${l}`);
54
+ }) });
55
+ };
56
+ export {
57
+ $ as default
58
+ };
package/dist/components/PriceCard.d.ts CHANGED
@@ -65,6 +65,7 @@ export type PriceCardProps = {
65
65
  addonsTitle?: string;
66
66
  addonsOptionalLabel?: string;
67
67
  addonsMonthlyLabel?: string;
68
+ mobileHintComponent?: React.ReactNode;
68
69
  };
69
70
  declare const PriceCard: React.FC<PriceCardProps>;
70
71
  export default PriceCard;
package/dist/components/PriceCard.js CHANGED
@@ -1,20 +1,20 @@
1
1
  import { j as i } from "../_virtual/jsx-runtime.js";
2
2
  import "react";
3
- import { FiCheck as S, FiX as T } from "../node_modules/react-icons/fi/index.js";
4
- import o, { css as p } from "styled-components";
5
- import m from "../assets/icons/RiyalIcon.js";
6
- import { CurrencyContainer as H } from "../styles/Currency.styles.js";
3
+ import o, { css as x } from "styled-components";
4
+ import d from "../assets/icons/RiyalIcon.js";
5
+ import { CurrencyContainer as T } from "../styles/Currency.styles.js";
7
6
  import B from "../assets/svg/Riyal.svg.js";
8
- import I from "./Badge.js";
9
- import d from "./Button.js";
7
+ import H from "./Badge.js";
8
+ import c from "./Button.js";
9
+ import F from "./FeaturesList.js";
10
10
  import a from "./Typography.js";
11
11
  const E = {
12
- transparent: p`
12
+ transparent: x`
13
13
  background: rgba(255, 255, 255, 0.72);
14
14
  border: 1px solid ${({ theme: e }) => e.colors.grey.n200};
15
15
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.06);
16
16
  `,
17
- purple: p`
17
+ purple: x`
18
18
  background: linear-gradient(360deg, #ffffff 63.12%, #f1eeff 100%);
19
19
  border: 1px solid #e3deff;
20
20
  box-shadow:
@@ -24,33 +24,35 @@ const E = {
24
24
  }, P = o.div`
25
25
  width: 100%;
26
26
  max-width: 28.458rem;
27
+
27
28
  border-radius: ${({ theme: e }) => e.borderRadius.xl};
28
29
  overflow: hidden;
29
30
  display: flex;
30
31
  flex-direction: column;
31
32
  ${({ $variant: e }) => E[e]};
32
33
  `, W = o.div`
33
- padding: 2rem;
34
+ padding: 25px;
34
35
  display: flex;
35
36
  flex-direction: column;
36
37
  gap: ${({ theme: e }) => e.spacing.sm};
37
38
  border-bottom: 1px solid ${({ theme: e }) => e.colors.grey.n200};
38
- `, D = o.div`
39
+ `, I = o.div`
39
40
  display: flex;
40
41
  align-items: center;
41
42
  justify-content: space-between;
42
- gap: ${({ theme: e }) => e.spacing.m};
43
+ gap: ${({ theme: e }) => e.spacing.s};
43
44
  flex-wrap: wrap;
44
- `, L = o(a)`
45
+ `, D = o(a)`
45
46
  font-family: ${({ theme: e }) => e.fonts.arabic};
46
47
  font-weight: 600;
47
48
  font-size: ${({ theme: e }) => {
48
49
  var r;
49
- return (r = e.typography.sizes) == null ? void 0 : r.s5;
50
+ return (r = e.typography.sizes) == null ? void 0 : r.s3;
50
51
  }};
51
52
  line-height: 1.75rem;
52
53
  color: ${({ theme: e }) => e.colors.grey.n400};
53
- `, V = o.div`
54
+ white-space: nowrap;
55
+ `, L = o.div`
54
56
  display: flex;
55
57
  flex-direction: column;
56
58
  gap: 0.85rem;
@@ -58,7 +60,7 @@ const E = {
58
60
  display: flex;
59
61
  align-items: center;
60
62
  gap: ${({ theme: e }) => e.spacing.xs};
61
- flex-wrap: wrap;
63
+ flex-wrap: nowrap;
62
64
  span {
63
65
  font-size: ${({ theme: e }) => {
64
66
  var r;
@@ -70,15 +72,15 @@ const E = {
70
72
  display: flex;
71
73
  align-items: baseline;
72
74
  gap: ${({ theme: e }) => e.spacing.xxs};
73
- `, U = o(m).attrs(({ theme: e }) => ({
75
+ `, U = o(d).attrs(({ theme: e }) => ({
74
76
  color: e.colors.grey.n350,
75
77
  width: "18",
76
78
  height: "20"
77
- }))``, X = o.span`
79
+ }))``, V = o.span`
78
80
  font-family: ${({ theme: e }) => e.fonts.english};
79
81
  font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
80
- font-size: 2.706rem;
81
- line-height: 3.158rem;
82
+ font-size: 2.25rem;
83
+ line-height: 2.5rem;
82
84
  color: ${({ $color: e, theme: r }) => e ?? r.colors.grey.n800};
83
85
  `, q = o.span`
84
86
  font-family: ${({ theme: e }) => e.fonts.arabic};
@@ -94,7 +96,7 @@ const E = {
94
96
  font-weight: ${({ theme: e }) => e.typography.weights.regular};
95
97
  font-size: ${({ theme: e }) => {
96
98
  var r;
97
- return (r = e.typography.sizes) == null ? void 0 : r.s4;
99
+ return (r = e.typography.sizes) == null ? void 0 : r.s2;
98
100
  }};
99
101
  line-height: ${({ theme: e }) => e.typography.lineHeights.m};
100
102
  color: ${({ theme: e }) => e.colors.grey.n400};
@@ -102,13 +104,13 @@ const E = {
102
104
  padding: 2rem 2rem 2.5rem 2rem;
103
105
  display: flex;
104
106
  flex-direction: column;
105
- gap: ${({ theme: e }) => e.spacing.m};
107
+ gap: ${({ theme: e }) => e.spacing.s};
106
108
  `, K = o(a)`
107
109
  font-family: ${({ theme: e }) => e.fonts.arabic};
108
110
  font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
109
111
  font-size: ${({ theme: e }) => {
110
112
  var r;
111
- return (r = e.typography.sizes) == null ? void 0 : r.s4;
113
+ return (r = e.typography.sizes) == null ? void 0 : r.s3;
112
114
  }};
113
115
  line-height: 0.7rem;
114
116
  color: ${({ theme: e }) => e.colors.grey.n650};
@@ -118,69 +120,28 @@ const E = {
118
120
  font-weight: 500;
119
121
  font-size: ${({ theme: e }) => {
120
122
  var r;
121
- return (r = e.typography.sizes) == null ? void 0 : r.s4;
123
+ return (r = e.typography.sizes) == null ? void 0 : r.s2;
122
124
  }};
123
125
  line-height: ${({ theme: e }) => e.typography.lineHeights.m};
124
126
  color: ${({ theme: e }) => e.colors.grey.n400};
125
- `, Y = o.div`
127
+ `, X = o.div`
126
128
  display: flex;
127
129
  align-items: center;
128
130
  gap: ${({ theme: e }) => e.spacing.xs};
129
- `, Z = o.span`
131
+ `, Y = o.span`
130
132
  font-family: ${({ theme: e }) => e.fonts.arabic};
131
133
  font-weight: ${({ theme: e }) => e.typography.weights.bold};
132
134
  font-size: ${({ theme: e }) => e.typography.sizes.s9};
133
135
  line-height: ${({ theme: e }) => e.typography.lineHeights.xl};
134
136
  letter-spacing: ${({ theme: e }) => e.typography.letterSpacings.balancedNarrow};
135
137
  color: ${({ theme: e }) => e.colors.grey.n350};
136
- `, _ = o.span`
138
+ `, Z = o.span`
137
139
  font-family: ${({ theme: e }) => e.fonts.arabic};
138
140
  font-weight: ${({ theme: e }) => e.typography.weights.regular};
139
141
  font-size: ${({ theme: e }) => e.typography.sizes.s4};
140
142
  line-height: ${({ theme: e }) => e.typography.lineHeights.m};
141
143
  color: ${({ theme: e }) => e.colors.grey.n350};
142
- `, O = o.ul`
143
- list-style: none;
144
- margin: 0;
145
- padding: 0;
146
- display: flex;
147
- flex-direction: column;
148
- gap: ${({ theme: e }) => e.spacing.s};
149
- `, A = o.li`
150
- display: flex;
151
- align-items: center;
152
- gap: ${({ theme: e }) => e.spacing.xs};
153
- `, ee = o.span`
154
- width: 1rem;
155
- height: 1rem;
156
- border-radius: 50%;
157
- display: inline-flex;
158
- align-items: center;
159
- justify-content: center;
160
- flex-shrink: 0;
161
-
162
- svg {
163
- width: 0.7rem;
164
- height: 0.7rem;
165
- }
166
-
167
- ${({ theme: e, $variant: r }) => r === "included" ? p`
168
- border: 1px solid ${e.colors.secondary.green.n450};
169
- color: ${e.colors.secondary.green.n450};
170
- ` : p`
171
- border: 1px solid ${e.colors.secondary.pink.n450};
172
- color: ${e.colors.secondary.pink.n450};
173
- `}
174
- `, ie = o(a)`
175
- font-family: ${({ theme: e }) => e.fonts.arabic};
176
- font-weight: 400;
177
- font-size: ${({ theme: e }) => {
178
- var r;
179
- return (r = e.typography.sizes) == null ? void 0 : r.s3;
180
- }};
181
- line-height: ${({ theme: e }) => e.typography.lineHeights.m};
182
- color: ${({ theme: e }) => e.colors.grey.n400};
183
- `, re = o.div`
144
+ `, _ = o.div`
184
145
  width: 100%;
185
146
  margin-top: 1rem;
186
147
  display: flex;
@@ -190,35 +151,36 @@ const E = {
190
151
  button {
191
152
  width: 100%;
192
153
  }
193
- `, fe = ({
154
+ `, ae = ({
194
155
  title: e,
195
156
  price: r,
196
- description: y,
197
- hintComponent: $,
198
- secondaryPrice: g,
199
- features: u,
200
- variant: b = "transparent",
157
+ description: m,
158
+ hintComponent: y,
159
+ secondaryPrice: p,
160
+ features: $,
161
+ variant: u = "transparent",
201
162
  badges: h = [],
202
- showPrimaryAction: j = !1,
163
+ showPrimaryAction: b = !1,
203
164
  primaryAction: s,
204
165
  showSecondaryAction: w = !1,
205
- secondaryAction: n,
206
- showFeatures: v = !0,
207
- featuresTitle: z = "FEATURES",
208
- featuresDescription: C = "Everything in our free plan plus.....",
209
- showAddons: k = !1,
166
+ secondaryAction: l,
167
+ showFeatures: j = !0,
168
+ featuresTitle: v = "FEATURES",
169
+ featuresDescription: z = "Everything in our free plan plus.....",
170
+ showAddons: C = !1,
210
171
  selectedAddon: R = "Without",
211
- setSelectedAddon: c,
172
+ setSelectedAddon: g,
212
173
  addOnsData: f = [],
213
174
  // addonsTitle = 'Personal Accountant',
214
175
  // addonsOptionalLabel = 'optional',
215
- addonsMonthlyLabel: F = "monthly"
216
- }) => /* @__PURE__ */ i.jsxs(P, { $variant: b, children: [
176
+ addonsMonthlyLabel: k = "monthly",
177
+ mobileHintComponent: S
178
+ }) => /* @__PURE__ */ i.jsxs(P, { $variant: u, children: [
217
179
  /* @__PURE__ */ i.jsxs(W, { children: [
218
- /* @__PURE__ */ i.jsxs(D, { children: [
219
- /* @__PURE__ */ i.jsx(L, { children: e }),
220
- h.length > 0 && /* @__PURE__ */ i.jsx(M, { children: h.map((t, l) => /* @__PURE__ */ i.jsx(
221
- I,
180
+ /* @__PURE__ */ i.jsxs(I, { children: [
181
+ /* @__PURE__ */ i.jsx(D, { children: e }),
182
+ h.length > 0 && /* @__PURE__ */ i.jsx(M, { children: h.map((t, n) => /* @__PURE__ */ i.jsx(
183
+ H,
222
184
  {
223
185
  label: t.label,
224
186
  bgColor: t.bgColor,
@@ -227,21 +189,21 @@ const E = {
227
189
  weight: t.weight,
228
190
  variant: t.variant
229
191
  },
230
- `${t.label}-${l}`
192
+ `${t.label}-${n}`
231
193
  )) })
232
194
  ] }),
233
195
  /* @__PURE__ */ i.jsxs(N, { children: [
234
- /* @__PURE__ */ i.jsx(H, { src: B, alt: "Riyal" }),
235
- /* @__PURE__ */ i.jsx(X, { $color: r.color, children: r.amount }),
196
+ /* @__PURE__ */ i.jsx(T, { src: B, alt: "Riyal" }),
197
+ /* @__PURE__ */ i.jsx(V, { $color: r.color, children: r.amount }),
236
198
  /* @__PURE__ */ i.jsx(q, { $color: r.periodColor, children: r.period ?? "/ Month" })
237
199
  ] }),
238
- g && /* @__PURE__ */ i.jsxs(Y, { children: [
200
+ p && /* @__PURE__ */ i.jsxs(X, { children: [
239
201
  /* @__PURE__ */ i.jsx(U, {}),
240
- /* @__PURE__ */ i.jsx(Z, { children: g.amount }),
241
- /* @__PURE__ */ i.jsx(_, { children: g.label })
202
+ /* @__PURE__ */ i.jsx(Y, { children: p.amount }),
203
+ /* @__PURE__ */ i.jsx(Z, { children: p.label })
242
204
  ] }),
243
- /* @__PURE__ */ i.jsx(G, { children: y }),
244
- k && f.length > 0 && /* @__PURE__ */ i.jsx("div", { style: { marginTop: "0.50rem" }, children: /* @__PURE__ */ i.jsx(
205
+ /* @__PURE__ */ i.jsx(G, { children: m }),
206
+ C && f.length > 0 && /* @__PURE__ */ i.jsx("div", { style: { marginTop: "0.50rem" }, children: /* @__PURE__ */ i.jsx(
245
207
  "div",
246
208
  {
247
209
  style: {
@@ -253,17 +215,17 @@ const E = {
253
215
  gap: "4px"
254
216
  },
255
217
  children: f.map((t) => {
256
- const l = R === t.id;
218
+ const n = R === t.id;
257
219
  return /* @__PURE__ */ i.jsxs(
258
220
  "button",
259
221
  {
260
222
  type: "button",
261
- onClick: () => c == null ? void 0 : c(t.id),
223
+ onClick: () => g == null ? void 0 : g(t.id),
262
224
  style: {
263
225
  padding: "8px 6px 7px",
264
- border: l ? "1px solid #e4e7ec" : "1px solid transparent",
265
- backgroundColor: l ? "#ffffff" : "transparent",
266
- color: l ? "#16181c" : "#72788e",
226
+ border: n ? "1px solid #e4e7ec" : "1px solid transparent",
227
+ backgroundColor: n ? "#ffffff" : "transparent",
228
+ color: n ? "#16181c" : "#72788e",
267
229
  borderRadius: "6px",
268
230
  cursor: "pointer",
269
231
  fontWeight: 600,
@@ -276,7 +238,7 @@ const E = {
276
238
  justifyContent: "center",
277
239
  gap: "2px",
278
240
  minHeight: "42px",
279
- boxShadow: l ? "0 1px 2px rgba(16, 24, 40, 0.08)" : "none"
241
+ boxShadow: n ? "0 1px 2px rgba(16, 24, 40, 0.08)" : "none"
280
242
  },
281
243
  children: [
282
244
  /* @__PURE__ */ i.jsx("span", { children: t.titleEn }),
@@ -293,10 +255,10 @@ const E = {
293
255
  gap: "2px"
294
256
  },
295
257
  children: [
296
- /* @__PURE__ */ i.jsx(m, { width: "9", height: "9", color: "#16181c" }),
258
+ /* @__PURE__ */ i.jsx(d, { width: "9", height: "9", color: "#16181c" }),
297
259
  t.baseFare,
298
260
  " ",
299
- F
261
+ k
300
262
  ]
301
263
  }
302
264
  )
@@ -307,26 +269,21 @@ const E = {
307
269
  })
308
270
  }
309
271
  ) }),
310
- /* @__PURE__ */ i.jsxs(re, { children: [
311
- j && /* @__PURE__ */ i.jsx(d, { variant: (s == null ? void 0 : s.variant) ?? "primary", onClick: s == null ? void 0 : s.onPrimaryActionClick, children: s == null ? void 0 : s.label }),
312
- w && /* @__PURE__ */ i.jsx(d, { variant: (n == null ? void 0 : n.variant) ?? "light-primary", onClick: n == null ? void 0 : n.onSecondaryActionClick, children: n == null ? void 0 : n.label })
272
+ S,
273
+ /* @__PURE__ */ i.jsxs(_, { children: [
274
+ b && /* @__PURE__ */ i.jsx(c, { variant: (s == null ? void 0 : s.variant) ?? "primary", onClick: s == null ? void 0 : s.onPrimaryActionClick, children: s == null ? void 0 : s.label }),
275
+ w && /* @__PURE__ */ i.jsx(c, { variant: (l == null ? void 0 : l.variant) ?? "light-primary", onClick: l == null ? void 0 : l.onSecondaryActionClick, children: l == null ? void 0 : l.label })
313
276
  ] })
314
277
  ] }),
315
- v && /* @__PURE__ */ i.jsxs(J, { children: [
316
- /* @__PURE__ */ i.jsxs(V, { children: [
317
- /* @__PURE__ */ i.jsx(K, { children: z }),
318
- /* @__PURE__ */ i.jsx(Q, { children: C })
278
+ j && /* @__PURE__ */ i.jsxs(J, { children: [
279
+ /* @__PURE__ */ i.jsxs(L, { children: [
280
+ /* @__PURE__ */ i.jsx(K, { children: v }),
281
+ /* @__PURE__ */ i.jsx(Q, { children: z })
319
282
  ] }),
320
- $,
321
- /* @__PURE__ */ i.jsx(O, { children: u.map((t, l) => {
322
- const x = t.variant ?? "included";
323
- return /* @__PURE__ */ i.jsxs(A, { children: [
324
- /* @__PURE__ */ i.jsx(ee, { $variant: x, children: x === "included" ? /* @__PURE__ */ i.jsx(S, {}) : /* @__PURE__ */ i.jsx(T, {}) }),
325
- /* @__PURE__ */ i.jsx(ie, { children: t.label })
326
- ] }, `${t.label}-${l}`);
327
- }) })
283
+ y,
284
+ /* @__PURE__ */ i.jsx(F, { features: $ })
328
285
  ] })
329
286
  ] });
330
287
  export {
331
- fe as default
288
+ ae as default
332
289
  };
package/dist/components/index.d.ts CHANGED
@@ -157,3 +157,5 @@ export { default as PriceCard } from './PriceCard';
157
157
  export type { PriceCardProps, PriceCardFeature, PriceCardBadge } from './PriceCard';
158
158
  export { default as CallOutBox } from './CallOutBox';
159
159
  export type { CalloutConfig, CalloutVariant } from './CallOutBox';
160
+ export { default as FeaturesList } from './FeaturesList';
161
+ export type { FeaturesListProps } from './FeaturesList';
package/dist/index.js CHANGED
@@ -1,18 +1,18 @@
1
1
  import { default as o } from "./components/Button.js";
2
- import { default as t } from "./components/InputField.js";
2
+ import { default as a } from "./components/InputField.js";
3
3
  import { default as d } from "./components/TextArea.js";
4
4
  import { default as u } from "./components/Typography.js";
5
5
  import { default as m } from "./components/DropDown.js";
6
6
  import { default as x } from "./components/SearchBar.js";
7
- import { default as i } from "./components/Hint.js";
7
+ import { default as n } from "./components/Hint.js";
8
8
  import { Alert as c } from "./components/Alert.js";
9
9
  import { default as I } from "./components/Tabs.js";
10
10
  import { default as k } from "./components/InfoCard.js";
11
11
  import { default as T } from "./components/ThemeProvider.js";
12
12
  import { default as b } from "./components/PackageCard.js";
13
13
  import { default as B } from "./components/Draggable.js";
14
- import { default as L } from "./components/Image.js";
15
- import { Card as F } from "./components/Card.js";
14
+ import { default as D } from "./components/Image.js";
15
+ import { Card as y } from "./components/Card.js";
16
16
  import { MethodCard as R } from "./components/MethodCard.js";
17
17
  import { default as w } from "./components/Radio.js";
18
18
  import { default as O } from "./components/RadioInput.js";
@@ -26,20 +26,20 @@ import { default as X } from "./components/Stepper.js";
26
26
  import { default as _ } from "./components/ProgressBar.js";
27
27
  import { default as ee } from "./components/InfoItem.js";
28
28
  import { default as oe } from "./components/AmountItem.js";
29
- import { default as te } from "./components/Layout.js";
29
+ import { default as ae } from "./components/Layout.js";
30
30
  import { default as de } from "./components/DatePicker.js";
31
31
  import { default as ue } from "./components/PasswordInputField.js";
32
32
  import { default as me } from "./components/ToastNotification.js";
33
33
  import { default as xe } from "./components/OTP.js";
34
- import { default as ie } from "./components/NumberInput.js";
34
+ import { default as ne } from "./components/NumberInput.js";
35
35
  import { default as ce } from "./components/CollapsableCard.js";
36
36
  import { default as Ie } from "./components/Toggle.js";
37
37
  import { default as ke } from "./components/Spinner.js";
38
38
  import { default as Te } from "./components/AddOnCard.js";
39
39
  import { default as be } from "./components/Legend.js";
40
40
  import { default as Be } from "./components/HorizontalChart.js";
41
- import { default as Le } from "./components/Chart.js";
42
- import { default as Fe } from "./components/ActionInput.js";
41
+ import { default as De } from "./components/Chart.js";
42
+ import { default as ye } from "./components/ActionInput.js";
43
43
  import { default as Re } from "./components/StatusFeedback.js";
44
44
  import { default as we } from "./components/StepperProcess.js";
45
45
  import { default as Oe } from "./components/Table/Table.js";
@@ -53,20 +53,20 @@ import { default as Xe } from "./components/Divider.js";
53
53
  import { default as _e } from "./components/Badge.js";
54
54
  import { default as er } from "./components/Banner.js";
55
55
  import { default as or } from "./components/AddOnCardInput.js";
56
- import { default as tr } from "./components/ConfirmationPopup.js";
56
+ import { default as ar } from "./components/ConfirmationPopup.js";
57
57
  import { default as dr } from "./components/BulletItem.js";
58
58
  import { default as ur } from "./components/CardsList.js";
59
59
  import { default as mr } from "./components/StatCard.js";
60
60
  import { default as xr } from "./components/ListToolbar.js";
61
- import { default as ir } from "./components/Pagination.js";
61
+ import { default as nr } from "./components/Pagination.js";
62
62
  import { default as cr } from "./components/ViewItem.js";
63
63
  import { default as Ir } from "./components/NavigationPanel.js";
64
64
  import { default as kr } from "./components/ToggleForm.js";
65
65
  import { default as Tr } from "./components/ToggleHeader.js";
66
66
  import { default as br } from "./components/QuickActionItem.js";
67
67
  import { default as Br } from "./components/StatIndicator.js";
68
- import { default as Lr } from "./components/ReconciliationGroups.js";
69
- import { default as Fr } from "./components/AccordionCard.js";
68
+ import { default as Dr } from "./components/ReconciliationGroups.js";
69
+ import { default as yr } from "./components/AccordionCard.js";
70
70
  import { default as Rr } from "./components/FileDownloadCard.js";
71
71
  import { default as wr, HelpCardGroup as Nr } from "./components/HelpCard.js";
72
72
  import { default as Gr } from "./components/ConfigList.js";
@@ -79,20 +79,21 @@ import { default as Ur } from "./components/DropDownWithTable/DropDownWithTable.
79
79
  import { default as Yr } from "./components/TotalsSummary.js";
80
80
  import { default as $r } from "./components/NextActionBox.js";
81
81
  import { default as ro } from "./components/PriceCard.js";
82
- import { default as ao } from "./components/CallOutBox.js";
83
- import { default as fo } from "./hooks/useFormikInput.js";
84
- import { default as uo } from "./hooks/useZIndex.js";
85
- import { default as mo } from "./hooks/useBreakpointCheck.js";
86
- import { FeatureCard as xo } from "./components/FeatureCard.js";
87
- import { ProductCard as io } from "./components/ProductCard.js";
88
- import { OptionSelectGroup as co } from "./components/OptionCardGroup.js";
89
- import { defaultTheme as Io } from "./theme/theme.js";
90
- import { darkColors as ko, lightColors as So } from "./theme/colors.js";
91
- import { setQaemaCoreLanguage as ho } from "./i18n/i18n.js";
92
- import { breakPoints as Ao, device as Bo } from "./constants/breakPoints.constant.js";
82
+ import { default as to } from "./components/CallOutBox.js";
83
+ import { default as fo } from "./components/FeaturesList.js";
84
+ import { default as uo } from "./hooks/useFormikInput.js";
85
+ import { default as mo } from "./hooks/useZIndex.js";
86
+ import { default as xo } from "./hooks/useBreakpointCheck.js";
87
+ import { FeatureCard as no } from "./components/FeatureCard.js";
88
+ import { ProductCard as co } from "./components/ProductCard.js";
89
+ import { OptionSelectGroup as Io } from "./components/OptionCardGroup.js";
90
+ import { defaultTheme as ko } from "./theme/theme.js";
91
+ import { darkColors as To, lightColors as ho } from "./theme/colors.js";
92
+ import { setQaemaCoreLanguage as Ao } from "./i18n/i18n.js";
93
+ import { breakPoints as Lo, device as Do } from "./constants/breakPoints.constant.js";
93
94
  export {
94
- Fr as AccordionCard,
95
- Fe as ActionInput,
95
+ yr as AccordionCard,
96
+ ye as ActionInput,
96
97
  Te as AddOnCard,
97
98
  or as AddOnCardInput,
98
99
  c as Alert,
@@ -101,31 +102,32 @@ export {
101
102
  er as Banner,
102
103
  dr as BulletItem,
103
104
  o as Button,
104
- ao as CallOutBox,
105
- F as Card,
105
+ to as CallOutBox,
106
+ y as Card,
106
107
  ur as CardsList,
107
- Le as Chart,
108
+ De as Chart,
108
109
  M as Checkbox,
109
110
  ce as CollapsableCard,
110
111
  Gr as ConfigList,
111
- tr as ConfirmationPopup,
112
+ ar as ConfirmationPopup,
112
113
  de as DatePicker,
113
114
  Xe as Divider,
114
115
  B as Draggable,
115
116
  m as DropDown,
116
117
  Ur as DropDownWithTable,
117
- xo as FeatureCard,
118
+ no as FeatureCard,
119
+ fo as FeaturesList,
118
120
  Rr as FileDownloadCard,
119
121
  Q as Header,
120
122
  wr as HelpCard,
121
123
  Nr as HelpCardGroup,
122
- i as Hint,
124
+ n as Hint,
123
125
  Be as HorizontalChart,
124
- L as Image,
126
+ D as Image,
125
127
  k as InfoCard,
126
128
  ee as InfoItem,
127
- t as InputField,
128
- te as Layout,
129
+ a as InputField,
130
+ ae as Layout,
129
131
  be as Legend,
130
132
  Z as Link,
131
133
  xr as ListToolbar,
@@ -135,25 +137,25 @@ export {
135
137
  Ee as NavItem,
136
138
  Ir as NavigationPanel,
137
139
  $r as NextActionBox,
138
- ie as NumberInput,
139
- co as OptionSelectGroup,
140
+ ne as NumberInput,
141
+ Io as OptionSelectGroup,
140
142
  xe as OtpInput,
141
143
  b as PackageCard,
142
144
  Ze as PageHeader,
143
- ir as Pagination,
145
+ nr as Pagination,
144
146
  ue as PasswordInputField,
145
147
  Vr as PaymentLinkDetails,
146
148
  jr as PaymentTooltip,
147
149
  Qe as PhoneInputField,
148
150
  E as PriceAmount,
149
151
  ro as PriceCard,
150
- io as ProductCard,
152
+ co as ProductCard,
151
153
  _ as ProgressBar,
152
154
  br as QuickActionItem,
153
155
  Ke as QuickStartCard,
154
156
  w as RadioButton,
155
157
  O as RadioInput,
156
- Lr as ReconciliationGroups,
158
+ Dr as ReconciliationGroups,
157
159
  qr as RequestCard,
158
160
  Wr as RequestSummaryCard,
159
161
  x as SearchBar,
@@ -177,13 +179,13 @@ export {
177
179
  Yr as TotalsSummary,
178
180
  u as Typography,
179
181
  cr as ViewItem,
180
- Ao as breakPoints,
181
- ko as darkColors,
182
- Io as defaultTheme,
183
- Bo as device,
184
- So as lightColors,
185
- ho as setQaemaCoreLanguage,
186
- mo as useBreakpointCheck,
187
- fo as useFormikInput,
188
- uo as useZIndex
182
+ Lo as breakPoints,
183
+ To as darkColors,
184
+ ko as defaultTheme,
185
+ Do as device,
186
+ ho as lightColors,
187
+ Ao as setQaemaCoreLanguage,
188
+ xo as useBreakpointCheck,
189
+ uo as useFormikInput,
190
+ mo as useZIndex
189
191
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "qaema-ui",
3
3
  "private": false,
4
- "version": "0.0.64",
4
+ "version": "0.0.66",
5
5
  "type": "module",
6
6
  "publishConfig": {
7
7
  "access": "public"