qaema-ui 0.0.65 → 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 +63 -108
  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 y 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:
@@ -36,13 +36,13 @@ const E = {
36
36
  flex-direction: column;
37
37
  gap: ${({ theme: e }) => e.spacing.sm};
38
38
  border-bottom: 1px solid ${({ theme: e }) => e.colors.grey.n200};
39
- `, D = o.div`
39
+ `, I = o.div`
40
40
  display: flex;
41
41
  align-items: center;
42
42
  justify-content: space-between;
43
43
  gap: ${({ theme: e }) => e.spacing.s};
44
44
  flex-wrap: wrap;
45
- `, L = o(a)`
45
+ `, D = o(a)`
46
46
  font-family: ${({ theme: e }) => e.fonts.arabic};
47
47
  font-weight: 600;
48
48
  font-size: ${({ theme: e }) => {
@@ -52,7 +52,7 @@ const E = {
52
52
  line-height: 1.75rem;
53
53
  color: ${({ theme: e }) => e.colors.grey.n400};
54
54
  white-space: nowrap;
55
- `, V = o.div`
55
+ `, L = o.div`
56
56
  display: flex;
57
57
  flex-direction: column;
58
58
  gap: 0.85rem;
@@ -72,11 +72,11 @@ const E = {
72
72
  display: flex;
73
73
  align-items: baseline;
74
74
  gap: ${({ theme: e }) => e.spacing.xxs};
75
- `, U = o(y).attrs(({ theme: e }) => ({
75
+ `, U = o(d).attrs(({ theme: e }) => ({
76
76
  color: e.colors.grey.n350,
77
77
  width: "18",
78
78
  height: "20"
79
- }))``, X = o.span`
79
+ }))``, V = o.span`
80
80
  font-family: ${({ theme: e }) => e.fonts.english};
81
81
  font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
82
82
  font-size: 2.25rem;
@@ -124,65 +124,24 @@ const E = {
124
124
  }};
125
125
  line-height: ${({ theme: e }) => e.typography.lineHeights.m};
126
126
  color: ${({ theme: e }) => e.colors.grey.n400};
127
- `, Y = o.div`
127
+ `, X = o.div`
128
128
  display: flex;
129
129
  align-items: center;
130
130
  gap: ${({ theme: e }) => e.spacing.xs};
131
- `, Z = o.span`
131
+ `, Y = o.span`
132
132
  font-family: ${({ theme: e }) => e.fonts.arabic};
133
133
  font-weight: ${({ theme: e }) => e.typography.weights.bold};
134
134
  font-size: ${({ theme: e }) => e.typography.sizes.s9};
135
135
  line-height: ${({ theme: e }) => e.typography.lineHeights.xl};
136
136
  letter-spacing: ${({ theme: e }) => e.typography.letterSpacings.balancedNarrow};
137
137
  color: ${({ theme: e }) => e.colors.grey.n350};
138
- `, _ = o.span`
138
+ `, Z = o.span`
139
139
  font-family: ${({ theme: e }) => e.fonts.arabic};
140
140
  font-weight: ${({ theme: e }) => e.typography.weights.regular};
141
141
  font-size: ${({ theme: e }) => e.typography.sizes.s4};
142
142
  line-height: ${({ theme: e }) => e.typography.lineHeights.m};
143
143
  color: ${({ theme: e }) => e.colors.grey.n350};
144
- `, O = o.ul`
145
- list-style: none;
146
- margin: 0;
147
- padding: 0;
148
- display: flex;
149
- flex-direction: column;
150
- gap: ${({ theme: e }) => e.spacing.s};
151
- `, A = o.li`
152
- display: flex;
153
- align-items: center;
154
- gap: ${({ theme: e }) => e.spacing.xs};
155
- `, ee = o.span`
156
- width: 1rem;
157
- height: 1rem;
158
- border-radius: 50%;
159
- display: inline-flex;
160
- align-items: center;
161
- justify-content: center;
162
- flex-shrink: 0;
163
-
164
- svg {
165
- width: 0.7rem;
166
- height: 0.7rem;
167
- }
168
-
169
- ${({ theme: e, $variant: r }) => r === "included" ? p`
170
- border: 1px solid ${e.colors.secondary.green.n450};
171
- color: ${e.colors.secondary.green.n450};
172
- ` : p`
173
- border: 1px solid ${e.colors.secondary.pink.n450};
174
- color: ${e.colors.secondary.pink.n450};
175
- `}
176
- `, ie = o(a)`
177
- font-family: ${({ theme: e }) => e.fonts.arabic};
178
- font-weight: 400;
179
- font-size: ${({ theme: e }) => {
180
- var r;
181
- return (r = e.typography.sizes) == null ? void 0 : r.s2;
182
- }};
183
- line-height: ${({ theme: e }) => e.typography.lineHeights.m};
184
- color: ${({ theme: e }) => e.colors.grey.n400};
185
- `, re = o.div`
144
+ `, _ = o.div`
186
145
  width: 100%;
187
146
  margin-top: 1rem;
188
147
  display: flex;
@@ -192,35 +151,36 @@ const E = {
192
151
  button {
193
152
  width: 100%;
194
153
  }
195
- `, fe = ({
154
+ `, ae = ({
196
155
  title: e,
197
156
  price: r,
198
157
  description: m,
199
- hintComponent: $,
200
- secondaryPrice: g,
201
- features: u,
202
- variant: b = "transparent",
158
+ hintComponent: y,
159
+ secondaryPrice: p,
160
+ features: $,
161
+ variant: u = "transparent",
203
162
  badges: h = [],
204
- showPrimaryAction: w = !1,
163
+ showPrimaryAction: b = !1,
205
164
  primaryAction: s,
206
- showSecondaryAction: j = !1,
207
- secondaryAction: n,
208
- showFeatures: v = !0,
209
- featuresTitle: z = "FEATURES",
210
- featuresDescription: C = "Everything in our free plan plus.....",
211
- showAddons: k = !1,
165
+ showSecondaryAction: w = !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,
212
171
  selectedAddon: R = "Without",
213
- setSelectedAddon: c,
172
+ setSelectedAddon: g,
214
173
  addOnsData: f = [],
215
174
  // addonsTitle = 'Personal Accountant',
216
175
  // addonsOptionalLabel = 'optional',
217
- addonsMonthlyLabel: F = "monthly"
218
- }) => /* @__PURE__ */ i.jsxs(P, { $variant: b, children: [
176
+ addonsMonthlyLabel: k = "monthly",
177
+ mobileHintComponent: S
178
+ }) => /* @__PURE__ */ i.jsxs(P, { $variant: u, children: [
219
179
  /* @__PURE__ */ i.jsxs(W, { children: [
220
- /* @__PURE__ */ i.jsxs(D, { children: [
221
- /* @__PURE__ */ i.jsx(L, { children: e }),
222
- h.length > 0 && /* @__PURE__ */ i.jsx(M, { children: h.map((t, l) => /* @__PURE__ */ i.jsx(
223
- 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,
224
184
  {
225
185
  label: t.label,
226
186
  bgColor: t.bgColor,
@@ -229,21 +189,21 @@ const E = {
229
189
  weight: t.weight,
230
190
  variant: t.variant
231
191
  },
232
- `${t.label}-${l}`
192
+ `${t.label}-${n}`
233
193
  )) })
234
194
  ] }),
235
195
  /* @__PURE__ */ i.jsxs(N, { children: [
236
- /* @__PURE__ */ i.jsx(H, { src: B, alt: "Riyal" }),
237
- /* @__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 }),
238
198
  /* @__PURE__ */ i.jsx(q, { $color: r.periodColor, children: r.period ?? "/ Month" })
239
199
  ] }),
240
- g && /* @__PURE__ */ i.jsxs(Y, { children: [
200
+ p && /* @__PURE__ */ i.jsxs(X, { children: [
241
201
  /* @__PURE__ */ i.jsx(U, {}),
242
- /* @__PURE__ */ i.jsx(Z, { children: g.amount }),
243
- /* @__PURE__ */ i.jsx(_, { children: g.label })
202
+ /* @__PURE__ */ i.jsx(Y, { children: p.amount }),
203
+ /* @__PURE__ */ i.jsx(Z, { children: p.label })
244
204
  ] }),
245
205
  /* @__PURE__ */ i.jsx(G, { children: m }),
246
- k && f.length > 0 && /* @__PURE__ */ i.jsx("div", { style: { marginTop: "0.50rem" }, children: /* @__PURE__ */ i.jsx(
206
+ C && f.length > 0 && /* @__PURE__ */ i.jsx("div", { style: { marginTop: "0.50rem" }, children: /* @__PURE__ */ i.jsx(
247
207
  "div",
248
208
  {
249
209
  style: {
@@ -255,17 +215,17 @@ const E = {
255
215
  gap: "4px"
256
216
  },
257
217
  children: f.map((t) => {
258
- const l = R === t.id;
218
+ const n = R === t.id;
259
219
  return /* @__PURE__ */ i.jsxs(
260
220
  "button",
261
221
  {
262
222
  type: "button",
263
- onClick: () => c == null ? void 0 : c(t.id),
223
+ onClick: () => g == null ? void 0 : g(t.id),
264
224
  style: {
265
225
  padding: "8px 6px 7px",
266
- border: l ? "1px solid #e4e7ec" : "1px solid transparent",
267
- backgroundColor: l ? "#ffffff" : "transparent",
268
- color: l ? "#16181c" : "#72788e",
226
+ border: n ? "1px solid #e4e7ec" : "1px solid transparent",
227
+ backgroundColor: n ? "#ffffff" : "transparent",
228
+ color: n ? "#16181c" : "#72788e",
269
229
  borderRadius: "6px",
270
230
  cursor: "pointer",
271
231
  fontWeight: 600,
@@ -278,7 +238,7 @@ const E = {
278
238
  justifyContent: "center",
279
239
  gap: "2px",
280
240
  minHeight: "42px",
281
- 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"
282
242
  },
283
243
  children: [
284
244
  /* @__PURE__ */ i.jsx("span", { children: t.titleEn }),
@@ -295,10 +255,10 @@ const E = {
295
255
  gap: "2px"
296
256
  },
297
257
  children: [
298
- /* @__PURE__ */ i.jsx(y, { width: "9", height: "9", color: "#16181c" }),
258
+ /* @__PURE__ */ i.jsx(d, { width: "9", height: "9", color: "#16181c" }),
299
259
  t.baseFare,
300
260
  " ",
301
- F
261
+ k
302
262
  ]
303
263
  }
304
264
  )
@@ -309,26 +269,21 @@ const E = {
309
269
  })
310
270
  }
311
271
  ) }),
312
- /* @__PURE__ */ i.jsxs(re, { children: [
313
- w && /* @__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 }),
314
- j && /* @__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 })
315
276
  ] })
316
277
  ] }),
317
- v && /* @__PURE__ */ i.jsxs(J, { children: [
318
- /* @__PURE__ */ i.jsxs(V, { children: [
319
- /* @__PURE__ */ i.jsx(K, { children: z }),
320
- /* @__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 })
321
282
  ] }),
322
- $,
323
- /* @__PURE__ */ i.jsx(O, { children: u.map((t, l) => {
324
- const x = t.variant ?? "included";
325
- return /* @__PURE__ */ i.jsxs(A, { children: [
326
- /* @__PURE__ */ i.jsx(ee, { $variant: x, children: x === "included" ? /* @__PURE__ */ i.jsx(S, {}) : /* @__PURE__ */ i.jsx(T, {}) }),
327
- /* @__PURE__ */ i.jsx(ie, { children: t.label })
328
- ] }, `${t.label}-${l}`);
329
- }) })
283
+ y,
284
+ /* @__PURE__ */ i.jsx(F, { features: $ })
330
285
  ] })
331
286
  ] });
332
287
  export {
333
- fe as default
288
+ ae as default
334
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.65",
4
+ "version": "0.0.66",
5
5
  "type": "module",
6
6
  "publishConfig": {
7
7
  "access": "public"