qaema-ui 0.0.58 → 0.0.60

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 (5) hide show
  1. package/dist/components/PriceCard.d.ts +13 -0
  2. package/dist/components/PriceCard.js +170 -91
  3. package/dist/components/Sidemenu.d.ts +1 -0
  4. package/dist/components/Sidemenu.js +14 -14
  5. package/package.json +1 -1
package/dist/components/PriceCard.d.ts CHANGED
@@ -20,6 +20,12 @@ export type PriceCardPrice = {
20
20
  color?: string;
21
21
  periodColor?: string;
22
22
  };
23
+ export type PriceCardAddon = {
24
+ id: string;
25
+ titleEn: string;
26
+ baseFare: number;
27
+ color?: string;
28
+ };
23
29
  export type PriceCardProps = {
24
30
  title: string;
25
31
  price: PriceCardPrice;
@@ -43,6 +49,13 @@ export type PriceCardProps = {
43
49
  showFeatures?: boolean;
44
50
  featuresTitle?: string;
45
51
  featuresDescription?: string;
52
+ showAddons?: boolean;
53
+ selectedAddon?: string;
54
+ setSelectedAddon?: (addonId: string) => void;
55
+ addOnsData?: PriceCardAddon[];
56
+ addonsTitle?: string;
57
+ addonsOptionalLabel?: string;
58
+ addonsMonthlyLabel?: string;
46
59
  };
47
60
  declare const PriceCard: React.FC<PriceCardProps>;
48
61
  export default PriceCard;
package/dist/components/PriceCard.js CHANGED
@@ -1,149 +1,149 @@
1
- import { j as r } from "../_virtual/jsx-runtime.js";
1
+ import { j as i } from "../_virtual/jsx-runtime.js";
2
2
  import "react";
3
- import { FiCheck as j, FiX as v } from "../node_modules/react-icons/fi/index.js";
4
- import i, { css as a } from "styled-components";
5
- import z from "../assets/icons/RiyalIcon.js";
6
- import { CurrencyContainer as k } from "../styles/Currency.styles.js";
7
- import C from "../assets/svg/Riyal.svg.js";
8
- import R from "./Badge.js";
3
+ import { FiCheck as B, 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";
7
+ import I from "../assets/svg/Riyal.svg.js";
8
+ import P from "./Badge.js";
9
9
  import d from "./Button.js";
10
- import n from "./Typography.js";
11
- const F = {
12
- transparent: a`
10
+ import a from "./Typography.js";
11
+ const W = {
12
+ transparent: p`
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: a`
17
+ purple: p`
18
18
  background: linear-gradient(360deg, #ffffff 63.12%, #f1eeff 100%);
19
19
  border: 1px solid #e3deff;
20
20
  box-shadow:
21
21
  0px 4px 6px -2px #10182808,
22
22
  0px 12px 16px -4px #10182814;
23
23
  `
24
- }, S = i.div`
24
+ }, E = o.div`
25
25
  width: 100%;
26
26
  max-width: 28.458rem;
27
27
  border-radius: ${({ theme: e }) => e.borderRadius.xl};
28
28
  overflow: hidden;
29
29
  display: flex;
30
30
  flex-direction: column;
31
- ${({ $variant: e }) => F[e]};
32
- `, B = i.div`
31
+ ${({ $variant: e }) => W[e]};
32
+ `, L = o.div`
33
33
  padding: 2rem;
34
34
  display: flex;
35
35
  flex-direction: column;
36
36
  gap: ${({ theme: e }) => e.spacing.sm};
37
37
  border-bottom: 1px solid ${({ theme: e }) => e.colors.grey.n200};
38
- `, T = i.div`
38
+ `, D = o.div`
39
39
  display: flex;
40
40
  align-items: center;
41
41
  justify-content: space-between;
42
42
  gap: ${({ theme: e }) => e.spacing.m};
43
43
  flex-wrap: wrap;
44
- `, H = i(n)`
44
+ `, V = o(a)`
45
45
  font-family: ${({ theme: e }) => e.fonts.arabic};
46
46
  font-weight: 600;
47
47
  font-size: ${({ theme: e }) => {
48
- var o;
49
- return (o = e.typography.sizes) == null ? void 0 : o.s5;
48
+ var r;
49
+ return (r = e.typography.sizes) == null ? void 0 : r.s5;
50
50
  }};
51
51
  line-height: 1.75rem;
52
52
  color: ${({ theme: e }) => e.colors.grey.n400};
53
- `, P = i.div`
53
+ `, M = o.div`
54
54
  display: flex;
55
55
  flex-direction: column;
56
56
  gap: 0.85rem;
57
- `, E = i.div`
57
+ `, N = o.div`
58
58
  display: flex;
59
59
  align-items: center;
60
60
  gap: ${({ theme: e }) => e.spacing.xs};
61
61
  flex-wrap: wrap;
62
- `, I = i.div`
62
+ `, U = o.div`
63
63
  display: flex;
64
64
  align-items: baseline;
65
65
  gap: ${({ theme: e }) => e.spacing.xxs};
66
- `, D = i(z).attrs(({ theme: e }) => ({
66
+ `, X = o(m).attrs(({ theme: e }) => ({
67
67
  color: e.colors.grey.n350,
68
68
  width: "18",
69
69
  height: "20"
70
- }))``, L = i.span`
70
+ }))``, q = o.span`
71
71
  font-family: ${({ theme: e }) => e.fonts.english};
72
72
  font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
73
73
  font-size: 2.706rem;
74
74
  line-height: 3.158rem;
75
- color: ${({ $color: e, theme: o }) => e ?? o.colors.grey.n800};
76
- `, V = i.span`
75
+ color: ${({ $color: e, theme: r }) => e ?? r.colors.grey.n800};
76
+ `, G = o.span`
77
77
  font-family: ${({ theme: e }) => e.fonts.arabic};
78
78
  font-weight: ${({ theme: e }) => e.typography.weights.regular};
79
79
  font-size: ${({ theme: e }) => {
80
- var o;
81
- return (o = e.typography.sizes) == null ? void 0 : o.s5;
80
+ var r;
81
+ return (r = e.typography.sizes) == null ? void 0 : r.s5;
82
82
  }};
83
83
  line-height: 1.804rem;
84
- color: ${({ $color: e, theme: o }) => e ?? o.colors.grey.n800};
85
- `, W = i(n)`
84
+ color: ${({ $color: e, theme: r }) => e ?? r.colors.grey.n800};
85
+ `, J = o(a)`
86
86
  font-family: ${({ theme: e }) => e.fonts.arabic};
87
87
  font-weight: ${({ theme: e }) => e.typography.weights.regular};
88
88
  font-size: ${({ theme: e }) => {
89
- var o;
90
- return (o = e.typography.sizes) == null ? void 0 : o.s4;
89
+ var r;
90
+ return (r = e.typography.sizes) == null ? void 0 : r.s4;
91
91
  }};
92
92
  line-height: ${({ theme: e }) => e.typography.lineHeights.m};
93
93
  color: ${({ theme: e }) => e.colors.grey.n400};
94
- `, M = i.div`
94
+ `, K = o.div`
95
95
  padding: 2rem 2rem 2.5rem 2rem;
96
96
  display: flex;
97
97
  flex-direction: column;
98
98
  gap: ${({ theme: e }) => e.spacing.m};
99
- `, N = i(n)`
99
+ `, Q = o(a)`
100
100
  font-family: ${({ theme: e }) => e.fonts.arabic};
101
101
  font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
102
102
  font-size: ${({ theme: e }) => {
103
- var o;
104
- return (o = e.typography.sizes) == null ? void 0 : o.s4;
103
+ var r;
104
+ return (r = e.typography.sizes) == null ? void 0 : r.s4;
105
105
  }};
106
106
  line-height: 0.7rem;
107
107
  color: ${({ theme: e }) => e.colors.grey.n650};
108
108
  text-transform: uppercase;
109
- `, U = i(n)`
109
+ `, Y = o(a)`
110
110
  font-family: ${({ theme: e }) => e.fonts.arabic};
111
111
  font-weight: 500;
112
112
  font-size: ${({ theme: e }) => {
113
- var o;
114
- return (o = e.typography.sizes) == null ? void 0 : o.s4;
113
+ var r;
114
+ return (r = e.typography.sizes) == null ? void 0 : r.s4;
115
115
  }};
116
116
  line-height: ${({ theme: e }) => e.typography.lineHeights.m};
117
117
  color: ${({ theme: e }) => e.colors.grey.n400};
118
- `, X = i.div`
118
+ `, Z = o.div`
119
119
  display: flex;
120
120
  align-items: center;
121
121
  gap: ${({ theme: e }) => e.spacing.xs};
122
- `, q = i.span`
122
+ `, _ = o.span`
123
123
  font-family: ${({ theme: e }) => e.fonts.arabic};
124
124
  font-weight: ${({ theme: e }) => e.typography.weights.bold};
125
125
  font-size: ${({ theme: e }) => e.typography.sizes.s9};
126
126
  line-height: ${({ theme: e }) => e.typography.lineHeights.xl};
127
127
  letter-spacing: ${({ theme: e }) => e.typography.letterSpacings.balancedNarrow};
128
128
  color: ${({ theme: e }) => e.colors.grey.n350};
129
- `, G = i.span`
129
+ `, O = o.span`
130
130
  font-family: ${({ theme: e }) => e.fonts.arabic};
131
131
  font-weight: ${({ theme: e }) => e.typography.weights.regular};
132
132
  font-size: ${({ theme: e }) => e.typography.sizes.s4};
133
133
  line-height: ${({ theme: e }) => e.typography.lineHeights.m};
134
134
  color: ${({ theme: e }) => e.colors.grey.n350};
135
- `, J = i.ul`
135
+ `, A = o.ul`
136
136
  list-style: none;
137
137
  margin: 0;
138
138
  padding: 0;
139
139
  display: flex;
140
140
  flex-direction: column;
141
141
  gap: ${({ theme: e }) => e.spacing.s};
142
- `, K = i.li`
142
+ `, ee = o.li`
143
143
  display: flex;
144
144
  align-items: center;
145
145
  gap: ${({ theme: e }) => e.spacing.xs};
146
- `, O = i.span`
146
+ `, ie = o.span`
147
147
  width: 1rem;
148
148
  height: 1rem;
149
149
  border-radius: 50%;
@@ -157,23 +157,23 @@ const F = {
157
157
  height: 0.7rem;
158
158
  }
159
159
 
160
- ${({ theme: e, $variant: o }) => o === "included" ? a`
160
+ ${({ theme: e, $variant: r }) => r === "included" ? p`
161
161
  border: 1px solid ${e.colors.secondary.green.n450};
162
162
  color: ${e.colors.secondary.green.n450};
163
- ` : a`
163
+ ` : p`
164
164
  border: 1px solid ${e.colors.secondary.pink.n450};
165
165
  color: ${e.colors.secondary.pink.n450};
166
166
  `}
167
- `, Q = i(n)`
167
+ `, re = o(a)`
168
168
  font-family: ${({ theme: e }) => e.fonts.arabic};
169
169
  font-weight: 400;
170
170
  font-size: ${({ theme: e }) => {
171
- var o;
172
- return (o = e.typography.sizes) == null ? void 0 : o.s3;
171
+ var r;
172
+ return (r = e.typography.sizes) == null ? void 0 : r.s3;
173
173
  }};
174
174
  line-height: ${({ theme: e }) => e.typography.lineHeights.m};
175
175
  color: ${({ theme: e }) => e.colors.grey.n400};
176
- `, Y = i.div`
176
+ `, oe = o.div`
177
177
  width: 100%;
178
178
  margin-top: 1rem;
179
179
  display: flex;
@@ -183,57 +183,136 @@ const F = {
183
183
  button {
184
184
  width: 100%;
185
185
  }
186
- `, ne = ({
186
+ `, xe = ({
187
187
  title: e,
188
- price: o,
189
- description: f,
190
- secondaryPrice: p,
191
- features: x,
192
- variant: y = "transparent",
193
- badges: c = [],
194
- showPrimaryAction: m = !1,
188
+ price: r,
189
+ description: y,
190
+ secondaryPrice: c,
191
+ features: $,
192
+ variant: u = "transparent",
193
+ badges: h = [],
194
+ showPrimaryAction: b = !1,
195
195
  primaryAction: s,
196
- showSecondaryAction: $ = !1,
197
- secondaryAction: t,
198
- showFeatures: u = !0,
199
- featuresTitle: b = "FEATURES",
200
- featuresDescription: w = "Everything in our free plan plus....."
201
- }) => /* @__PURE__ */ r.jsxs(S, { $variant: y, children: [
202
- /* @__PURE__ */ r.jsxs(B, { children: [
203
- /* @__PURE__ */ r.jsxs(T, { children: [
204
- /* @__PURE__ */ r.jsx(H, { children: e }),
205
- c.length > 0 && /* @__PURE__ */ r.jsx(E, { children: c.map((l, g) => /* @__PURE__ */ r.jsx(R, { label: l.label, bgColor: l.bgColor, color: l.color }, `${l.label}-${g}`)) })
196
+ showSecondaryAction: j = !1,
197
+ secondaryAction: l,
198
+ showFeatures: w = !0,
199
+ featuresTitle: v = "FEATURES",
200
+ featuresDescription: z = "Everything in our free plan plus.....",
201
+ showAddons: C = !1,
202
+ selectedAddon: k = "Without",
203
+ setSelectedAddon: g,
204
+ addOnsData: f = [],
205
+ addonsTitle: F = "Personal Accountant",
206
+ addonsOptionalLabel: R = "optional",
207
+ addonsMonthlyLabel: S = "monthly"
208
+ }) => /* @__PURE__ */ i.jsxs(E, { $variant: u, children: [
209
+ /* @__PURE__ */ i.jsxs(L, { children: [
210
+ /* @__PURE__ */ i.jsxs(D, { children: [
211
+ /* @__PURE__ */ i.jsx(V, { children: e }),
212
+ h.length > 0 && /* @__PURE__ */ i.jsx(N, { children: h.map((t, n) => /* @__PURE__ */ i.jsx(P, { label: t.label, bgColor: t.bgColor, color: t.color }, `${t.label}-${n}`)) })
206
213
  ] }),
207
- /* @__PURE__ */ r.jsxs(I, { children: [
208
- /* @__PURE__ */ r.jsx(k, { src: C, alt: "Riyal" }),
209
- /* @__PURE__ */ r.jsx(L, { $color: o.color, children: o.amount }),
210
- /* @__PURE__ */ r.jsx(V, { $color: o.periodColor, children: o.period ?? "/ Month" })
214
+ /* @__PURE__ */ i.jsxs(U, { children: [
215
+ /* @__PURE__ */ i.jsx(H, { src: I, alt: "Riyal" }),
216
+ /* @__PURE__ */ i.jsx(q, { $color: r.color, children: r.amount }),
217
+ /* @__PURE__ */ i.jsx(G, { $color: r.periodColor, children: r.period ?? "/ Month" })
211
218
  ] }),
212
- p && /* @__PURE__ */ r.jsxs(X, { children: [
213
- /* @__PURE__ */ r.jsx(D, {}),
214
- /* @__PURE__ */ r.jsx(q, { children: p.amount }),
215
- /* @__PURE__ */ r.jsx(G, { children: p.label })
219
+ c && /* @__PURE__ */ i.jsxs(Z, { children: [
220
+ /* @__PURE__ */ i.jsx(X, {}),
221
+ /* @__PURE__ */ i.jsx(_, { children: c.amount }),
222
+ /* @__PURE__ */ i.jsx(O, { children: c.label })
216
223
  ] }),
217
- /* @__PURE__ */ r.jsx(W, { children: f }),
218
- /* @__PURE__ */ r.jsxs(Y, { children: [
219
- m && /* @__PURE__ */ r.jsx(d, { variant: (s == null ? void 0 : s.variant) ?? "primary", onClick: s == null ? void 0 : s.onPrimaryActionClick, children: s == null ? void 0 : s.label }),
220
- $ && /* @__PURE__ */ r.jsx(d, { variant: (t == null ? void 0 : t.variant) ?? "light-primary", onClick: t == null ? void 0 : t.onSecondaryActionClick, children: t == null ? void 0 : t.label })
224
+ /* @__PURE__ */ i.jsx(J, { children: y }),
225
+ /* @__PURE__ */ i.jsxs(oe, { children: [
226
+ b && /* @__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 }),
227
+ j && /* @__PURE__ */ i.jsx(d, { variant: (l == null ? void 0 : l.variant) ?? "light-primary", onClick: l == null ? void 0 : l.onSecondaryActionClick, children: l == null ? void 0 : l.label })
228
+ ] }),
229
+ C && f.length > 0 && /* @__PURE__ */ i.jsxs("div", { children: [
230
+ /* @__PURE__ */ i.jsx("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center", marginBottom: "10px" }, children: /* @__PURE__ */ i.jsxs("div", { children: [
231
+ /* @__PURE__ */ i.jsx("span", { style: { fontSize: "13px", fontWeight: 600, color: "#111827" }, children: F }),
232
+ /* @__PURE__ */ i.jsx("span", { style: { fontSize: "11px", color: "#9ca3af", marginLeft: "6px" }, children: R })
233
+ ] }) }),
234
+ /* @__PURE__ */ i.jsx(
235
+ "div",
236
+ {
237
+ style: {
238
+ backgroundColor: "#f2f4f7",
239
+ borderRadius: "9px",
240
+ padding: "4px",
241
+ display: "grid",
242
+ gridTemplateColumns: "repeat(3, minmax(0, 1fr))",
243
+ gap: "4px"
244
+ },
245
+ children: f.map((t) => {
246
+ const n = k === t.id;
247
+ return /* @__PURE__ */ i.jsxs(
248
+ "button",
249
+ {
250
+ type: "button",
251
+ onClick: () => g == null ? void 0 : g(t.id),
252
+ style: {
253
+ padding: "8px 6px 7px",
254
+ border: n ? "1px solid #d0d5dd" : "1px solid transparent",
255
+ backgroundColor: n ? "#ffffff" : "transparent",
256
+ color: n ? "#1d2939" : "#98a2b3",
257
+ borderRadius: "6px",
258
+ cursor: "pointer",
259
+ fontWeight: n ? 700 : 600,
260
+ fontSize: "12px",
261
+ lineHeight: 1.1,
262
+ transition: "all 0.18s ease",
263
+ display: "flex",
264
+ flexDirection: "column",
265
+ alignItems: "center",
266
+ justifyContent: "center",
267
+ gap: t.baseFare > 0 ? "2px" : "0",
268
+ minHeight: "42px",
269
+ boxShadow: n ? "0 1px 2px rgba(16, 24, 40, 0.08)" : "none"
270
+ },
271
+ children: [
272
+ /* @__PURE__ */ i.jsx("span", { children: t.titleEn }),
273
+ t.baseFare > 0 && /* @__PURE__ */ i.jsxs(
274
+ "span",
275
+ {
276
+ style: {
277
+ fontSize: "10px",
278
+ marginTop: "2px",
279
+ color: n ? "#101828" : "#667085",
280
+ fontWeight: 700,
281
+ display: "inline-flex",
282
+ alignItems: "center",
283
+ gap: "2px"
284
+ },
285
+ children: [
286
+ /* @__PURE__ */ i.jsx(m, { width: "9", height: "9", color: n ? "#101828" : "#667085" }),
287
+ t.baseFare,
288
+ " ",
289
+ S
290
+ ]
291
+ }
292
+ )
293
+ ]
294
+ },
295
+ t.id
296
+ );
297
+ })
298
+ }
299
+ )
221
300
  ] })
222
301
  ] }),
223
- u && /* @__PURE__ */ r.jsxs(M, { children: [
224
- /* @__PURE__ */ r.jsxs(P, { children: [
225
- /* @__PURE__ */ r.jsx(N, { children: b }),
226
- /* @__PURE__ */ r.jsx(U, { children: w })
302
+ w && /* @__PURE__ */ i.jsxs(K, { children: [
303
+ /* @__PURE__ */ i.jsxs(M, { children: [
304
+ /* @__PURE__ */ i.jsx(Q, { children: v }),
305
+ /* @__PURE__ */ i.jsx(Y, { children: z })
227
306
  ] }),
228
- /* @__PURE__ */ r.jsx(J, { children: x.map((l, g) => {
229
- const h = l.variant ?? "included";
230
- return /* @__PURE__ */ r.jsxs(K, { children: [
231
- /* @__PURE__ */ r.jsx(O, { $variant: h, children: h === "included" ? /* @__PURE__ */ r.jsx(j, {}) : /* @__PURE__ */ r.jsx(v, {}) }),
232
- /* @__PURE__ */ r.jsx(Q, { children: l.label })
233
- ] }, `${l.label}-${g}`);
307
+ /* @__PURE__ */ i.jsx(A, { children: $.map((t, n) => {
308
+ const x = t.variant ?? "included";
309
+ return /* @__PURE__ */ i.jsxs(ee, { children: [
310
+ /* @__PURE__ */ i.jsx(ie, { $variant: x, children: x === "included" ? /* @__PURE__ */ i.jsx(B, {}) : /* @__PURE__ */ i.jsx(T, {}) }),
311
+ /* @__PURE__ */ i.jsx(re, { children: t.label })
312
+ ] }, `${t.label}-${n}`);
234
313
  }) })
235
314
  ] })
236
315
  ] });
237
316
  export {
238
- ne as default
317
+ xe as default
239
318
  };
package/dist/components/Sidemenu.d.ts CHANGED
@@ -2,6 +2,7 @@ import type React from 'react';
2
2
  import type { NavItemType } from './NavItem';
3
3
  export type CategoryItem = {
4
4
  title: string;
5
+ code: string;
5
6
  navItems: Array<NavItemType>;
6
7
  };
7
8
  export type SidemenuProps = {
package/dist/components/Sidemenu.js CHANGED
@@ -129,23 +129,23 @@ const v = o.div`
129
129
  }}
130
130
  margin-bottom: ${({ theme: r }) => r.spacing.sm};
131
131
  `, mr = (r) => {
132
- const { logoSrc: C, searchPlaceHolder: k, categories: a, linkComponent: f, open: T, setOpen: E, currentPath: u, extraSideMenuItems: l, onLogoClick: D } = r, p = X(), { t: L } = M(), B = K("sidemenu"), [c, F] = m(""), [e, W] = m(a), g = (n) => {
133
- const t = [];
134
- a == null || a.forEach((d) => {
132
+ const { logoSrc: C, searchPlaceHolder: k, categories: a, linkComponent: f, open: T, setOpen: E, currentPath: u, extraSideMenuItems: l, onLogoClick: D } = r, p = X(), { t: L } = M(), B = K("sidemenu"), [c, F] = m(""), [d, N] = m(a), g = (n) => {
133
+ const e = [];
134
+ a == null || a.forEach((t) => {
135
135
  var h;
136
- const s = (h = d == null ? void 0 : d.navItems) == null ? void 0 : h.filter((x) => {
136
+ const s = (h = t == null ? void 0 : t.navItems) == null ? void 0 : h.filter((x) => {
137
137
  var $, y;
138
138
  return (y = ($ = x == null ? void 0 : x.title) == null ? void 0 : $.toLowerCase()) == null ? void 0 : y.includes(n == null ? void 0 : n.toLowerCase());
139
139
  });
140
- (s == null ? void 0 : s.length) > 0 && t.push({ ...d, navItems: s });
141
- }), W(t);
142
- }, N = (n) => {
140
+ (s == null ? void 0 : s.length) > 0 && e.push({ ...t, navItems: s });
141
+ }), N(e);
142
+ }, W = (n) => {
143
143
  n.key === "Enter" && g(c);
144
144
  };
145
145
  H(() => {
146
146
  c === "" && g(c);
147
147
  }, [c]);
148
- const z = (n, t) => n ? t === n || (t == null ? void 0 : t.startsWith(n + "/")) : !1;
148
+ const z = (n, e) => n ? e === n || (e == null ? void 0 : e.startsWith(n + "/")) : !1;
149
149
  return /* @__PURE__ */ i.jsxs(v, { className: T ? "active" : "", $zIndex: B, children: [
150
150
  /* @__PURE__ */ i.jsxs(A, { children: [
151
151
  /* @__PURE__ */ i.jsx(J, { onClick: D, children: /* @__PURE__ */ i.jsx(V, { src: C, width: "6.336rem", height: "2rem" }) }),
@@ -169,18 +169,18 @@ const v = o.div`
169
169
  onChange: (n) => {
170
170
  F(n.target.value);
171
171
  },
172
- onKeyDown: N
172
+ onKeyDown: W
173
173
  }
174
174
  )
175
175
  ] }) }),
176
176
  /* @__PURE__ */ i.jsxs(G, { children: [
177
177
  /* @__PURE__ */ i.jsxs("div", { children: [
178
- (e == null ? void 0 : e.length) === 0 && /* @__PURE__ */ i.jsx(ir, { children: /* @__PURE__ */ i.jsx(w, { variant: "smText", children: L("NO_RESULTS_FOUND") }) }),
179
- (e == null ? void 0 : e.length) > 0 && (e == null ? void 0 : e.map((n) => {
180
- var t, d;
181
- return ((t = n == null ? void 0 : n.navItems) == null ? void 0 : t.length) === 0 ? null : /* @__PURE__ */ i.jsxs(rr, { children: [
178
+ (d == null ? void 0 : d.length) === 0 && /* @__PURE__ */ i.jsx(ir, { children: /* @__PURE__ */ i.jsx(w, { variant: "smText", children: L("NO_RESULTS_FOUND") }) }),
179
+ (d == null ? void 0 : d.length) > 0 && (d == null ? void 0 : d.map((n) => {
180
+ var e, t;
181
+ return ((e = n == null ? void 0 : n.navItems) == null ? void 0 : e.length) === 0 ? null : /* @__PURE__ */ i.jsxs(rr, { className: n == null ? void 0 : n.code, children: [
182
182
  /* @__PURE__ */ i.jsx(nr, { variant: "xsText", color: p.colors.grey.n300, children: n == null ? void 0 : n.title }),
183
- (d = n == null ? void 0 : n.navItems) == null ? void 0 : d.map((s) => /* @__PURE__ */ i.jsx(j, { to: (s == null ? void 0 : s.path) ?? "/", component: f, wrapper: !0, children: /* @__PURE__ */ i.jsx(b, { item: { variant: "normal", active: z(s.path, u), ...s } }) }, s == null ? void 0 : s.path))
183
+ (t = n == null ? void 0 : n.navItems) == null ? void 0 : t.map((s) => /* @__PURE__ */ i.jsx(j, { to: (s == null ? void 0 : s.path) ?? "/", component: f, wrapper: !0, children: /* @__PURE__ */ i.jsx(b, { item: { variant: "normal", active: z(s.path, u), ...s } }) }, s == null ? void 0 : s.path))
184
184
  ] }, n == null ? void 0 : n.title);
185
185
  }))
186
186
  ] }),
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "qaema-ui",
3
3
  "private": false,
4
- "version": "0.0.58",
4
+ "version": "0.0.60",
5
5
  "type": "module",
6
6
  "publishConfig": {
7
7
  "access": "public"