qaema-ui 0.0.62 → 0.0.63

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 (57) hide show
  1. package/dist/_virtual/index.js +5 -5
  2. package/dist/_virtual/index2.js +4 -4
  3. package/dist/_virtual/index3.js +5 -5
  4. package/dist/_virtual/index4.js +4 -4
  5. package/dist/components/PackageCard.d.ts +34 -0
  6. package/dist/components/PackageCard.js +277 -53
  7. package/dist/components/PriceCard.d.ts +9 -0
  8. package/dist/components/PriceCard.js +153 -139
  9. package/dist/node_modules/react-bootstrap/esm/Alert.js +1 -1
  10. package/dist/node_modules/react-bootstrap/esm/AlertHeading.js +1 -1
  11. package/dist/node_modules/react-bootstrap/esm/AlertLink.js +1 -1
  12. package/dist/node_modules/react-bootstrap/esm/Button.js +1 -1
  13. package/dist/node_modules/react-bootstrap/esm/CloseButton.js +2 -2
  14. package/dist/node_modules/react-bootstrap/esm/Col.js +1 -1
  15. package/dist/node_modules/react-bootstrap/esm/Collapse.js +1 -1
  16. package/dist/node_modules/react-bootstrap/esm/Dropdown.js +1 -1
  17. package/dist/node_modules/react-bootstrap/esm/DropdownDivider.js +1 -1
  18. package/dist/node_modules/react-bootstrap/esm/DropdownHeader.js +1 -1
  19. package/dist/node_modules/react-bootstrap/esm/DropdownItem.js +1 -1
  20. package/dist/node_modules/react-bootstrap/esm/DropdownItemText.js +1 -1
  21. package/dist/node_modules/react-bootstrap/esm/DropdownMenu.js +1 -1
  22. package/dist/node_modules/react-bootstrap/esm/DropdownToggle.js +1 -1
  23. package/dist/node_modules/react-bootstrap/esm/Fade.js +1 -1
  24. package/dist/node_modules/react-bootstrap/esm/Feedback.js +2 -2
  25. package/dist/node_modules/react-bootstrap/esm/FloatingLabel.js +1 -1
  26. package/dist/node_modules/react-bootstrap/esm/Form.js +2 -2
  27. package/dist/node_modules/react-bootstrap/esm/FormCheck.js +1 -1
  28. package/dist/node_modules/react-bootstrap/esm/FormCheckInput.js +1 -1
  29. package/dist/node_modules/react-bootstrap/esm/FormCheckLabel.js +1 -1
  30. package/dist/node_modules/react-bootstrap/esm/FormControl.js +1 -1
  31. package/dist/node_modules/react-bootstrap/esm/FormFloating.js +1 -1
  32. package/dist/node_modules/react-bootstrap/esm/FormLabel.js +1 -1
  33. package/dist/node_modules/react-bootstrap/esm/FormRange.js +1 -1
  34. package/dist/node_modules/react-bootstrap/esm/FormSelect.js +1 -1
  35. package/dist/node_modules/react-bootstrap/esm/FormText.js +1 -1
  36. package/dist/node_modules/react-bootstrap/esm/Image.js +2 -2
  37. package/dist/node_modules/react-bootstrap/esm/Nav.js +1 -1
  38. package/dist/node_modules/react-bootstrap/esm/NavItem.js +1 -1
  39. package/dist/node_modules/react-bootstrap/esm/NavLink.js +1 -1
  40. package/dist/node_modules/react-bootstrap/esm/Navbar.js +1 -1
  41. package/dist/node_modules/react-bootstrap/esm/NavbarBrand.js +1 -1
  42. package/dist/node_modules/react-bootstrap/esm/NavbarText.js +1 -1
  43. package/dist/node_modules/react-bootstrap/esm/NavbarToggle.js +1 -1
  44. package/dist/node_modules/react-bootstrap/esm/Offcanvas.js +1 -1
  45. package/dist/node_modules/react-bootstrap/esm/OffcanvasBody.js +1 -1
  46. package/dist/node_modules/react-bootstrap/esm/OffcanvasHeader.js +1 -1
  47. package/dist/node_modules/react-bootstrap/esm/OffcanvasTitle.js +1 -1
  48. package/dist/node_modules/react-bootstrap/esm/OffcanvasToggling.js +1 -1
  49. package/dist/node_modules/react-bootstrap/esm/Toast.js +1 -1
  50. package/dist/node_modules/react-bootstrap/esm/ToastBody.js +1 -1
  51. package/dist/node_modules/react-bootstrap/esm/ToastHeader.js +1 -1
  52. package/dist/node_modules/react-bootstrap/esm/divWithClassName.js +1 -1
  53. package/dist/node_modules/react-helmet-async/lib/index.esm.js +2 -2
  54. package/dist/node_modules/react-smooth/es6/Animate.js +1 -1
  55. package/dist/node_modules/react-transition-group/esm/Transition.js +1 -1
  56. package/dist/node_modules/react-transition-group/esm/utils/PropTypes.js +1 -1
  57. package/package.json +1 -1
@@ -1,14 +1,14 @@
1
1
  import { j as i } from "../_virtual/jsx-runtime.js";
2
2
  import "react";
3
- import { FiCheck as B, FiX as T } from "../node_modules/react-icons/fi/index.js";
3
+ import { FiCheck as S, FiX as T } from "../node_modules/react-icons/fi/index.js";
4
4
  import o, { css as p } from "styled-components";
5
5
  import m from "../assets/icons/RiyalIcon.js";
6
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";
7
+ import B from "../assets/svg/Riyal.svg.js";
8
+ import I from "./Badge.js";
9
9
  import d from "./Button.js";
10
10
  import a from "./Typography.js";
11
- const W = {
11
+ const E = {
12
12
  transparent: p`
13
13
  background: rgba(255, 255, 255, 0.72);
14
14
  border: 1px solid ${({ theme: e }) => e.colors.grey.n200};
@@ -21,15 +21,15 @@ const W = {
21
21
  0px 4px 6px -2px #10182808,
22
22
  0px 12px 16px -4px #10182814;
23
23
  `
24
- }, E = o.div`
24
+ }, P = 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 }) => W[e]};
32
- `, L = o.div`
31
+ ${({ $variant: e }) => E[e]};
32
+ `, W = o.div`
33
33
  padding: 2rem;
34
34
  display: flex;
35
35
  flex-direction: column;
@@ -41,7 +41,7 @@ const W = {
41
41
  justify-content: space-between;
42
42
  gap: ${({ theme: e }) => e.spacing.m};
43
43
  flex-wrap: wrap;
44
- `, V = o(a)`
44
+ `, L = o(a)`
45
45
  font-family: ${({ theme: e }) => e.fonts.arabic};
46
46
  font-weight: 600;
47
47
  font-size: ${({ theme: e }) => {
@@ -50,30 +50,37 @@ const W = {
50
50
  }};
51
51
  line-height: 1.75rem;
52
52
  color: ${({ theme: e }) => e.colors.grey.n400};
53
- `, M = o.div`
53
+ `, V = o.div`
54
54
  display: flex;
55
55
  flex-direction: column;
56
56
  gap: 0.85rem;
57
- `, N = o.div`
57
+ `, M = 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
- `, U = o.div`
62
+ span {
63
+ font-size: ${({ theme: e }) => {
64
+ var r;
65
+ return (r = e.typography.sizes) == null ? void 0 : r.s2;
66
+ }};
67
+ line-height: ${({ theme: e }) => e.typography.lineHeights.xs};
68
+ }
69
+ `, N = o.div`
63
70
  display: flex;
64
71
  align-items: baseline;
65
72
  gap: ${({ theme: e }) => e.spacing.xxs};
66
- `, X = o(m).attrs(({ theme: e }) => ({
73
+ `, U = o(m).attrs(({ theme: e }) => ({
67
74
  color: e.colors.grey.n350,
68
75
  width: "18",
69
76
  height: "20"
70
- }))``, q = o.span`
77
+ }))``, X = o.span`
71
78
  font-family: ${({ theme: e }) => e.fonts.english};
72
79
  font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
73
80
  font-size: 2.706rem;
74
81
  line-height: 3.158rem;
75
82
  color: ${({ $color: e, theme: r }) => e ?? r.colors.grey.n800};
76
- `, G = o.span`
83
+ `, q = o.span`
77
84
  font-family: ${({ theme: e }) => e.fonts.arabic};
78
85
  font-weight: ${({ theme: e }) => e.typography.weights.regular};
79
86
  font-size: ${({ theme: e }) => {
@@ -82,7 +89,7 @@ const W = {
82
89
  }};
83
90
  line-height: 1.804rem;
84
91
  color: ${({ $color: e, theme: r }) => e ?? r.colors.grey.n800};
85
- `, J = o(a)`
92
+ `, G = o(a)`
86
93
  font-family: ${({ theme: e }) => e.fonts.arabic};
87
94
  font-weight: ${({ theme: e }) => e.typography.weights.regular};
88
95
  font-size: ${({ theme: e }) => {
@@ -91,12 +98,12 @@ const W = {
91
98
  }};
92
99
  line-height: ${({ theme: e }) => e.typography.lineHeights.m};
93
100
  color: ${({ theme: e }) => e.colors.grey.n400};
94
- `, K = o.div`
101
+ `, J = o.div`
95
102
  padding: 2rem 2rem 2.5rem 2rem;
96
103
  display: flex;
97
104
  flex-direction: column;
98
105
  gap: ${({ theme: e }) => e.spacing.m};
99
- `, Q = o(a)`
106
+ `, K = o(a)`
100
107
  font-family: ${({ theme: e }) => e.fonts.arabic};
101
108
  font-weight: ${({ theme: e }) => e.typography.weights.semiBold};
102
109
  font-size: ${({ theme: e }) => {
@@ -106,7 +113,7 @@ const W = {
106
113
  line-height: 0.7rem;
107
114
  color: ${({ theme: e }) => e.colors.grey.n650};
108
115
  text-transform: uppercase;
109
- `, Y = o(a)`
116
+ `, Q = o(a)`
110
117
  font-family: ${({ theme: e }) => e.fonts.arabic};
111
118
  font-weight: 500;
112
119
  font-size: ${({ theme: e }) => {
@@ -115,35 +122,35 @@ const W = {
115
122
  }};
116
123
  line-height: ${({ theme: e }) => e.typography.lineHeights.m};
117
124
  color: ${({ theme: e }) => e.colors.grey.n400};
118
- `, Z = o.div`
125
+ `, Y = o.div`
119
126
  display: flex;
120
127
  align-items: center;
121
128
  gap: ${({ theme: e }) => e.spacing.xs};
122
- `, _ = o.span`
129
+ `, Z = o.span`
123
130
  font-family: ${({ theme: e }) => e.fonts.arabic};
124
131
  font-weight: ${({ theme: e }) => e.typography.weights.bold};
125
132
  font-size: ${({ theme: e }) => e.typography.sizes.s9};
126
133
  line-height: ${({ theme: e }) => e.typography.lineHeights.xl};
127
134
  letter-spacing: ${({ theme: e }) => e.typography.letterSpacings.balancedNarrow};
128
135
  color: ${({ theme: e }) => e.colors.grey.n350};
129
- `, O = o.span`
136
+ `, _ = o.span`
130
137
  font-family: ${({ theme: e }) => e.fonts.arabic};
131
138
  font-weight: ${({ theme: e }) => e.typography.weights.regular};
132
139
  font-size: ${({ theme: e }) => e.typography.sizes.s4};
133
140
  line-height: ${({ theme: e }) => e.typography.lineHeights.m};
134
141
  color: ${({ theme: e }) => e.colors.grey.n350};
135
- `, A = o.ul`
142
+ `, O = o.ul`
136
143
  list-style: none;
137
144
  margin: 0;
138
145
  padding: 0;
139
146
  display: flex;
140
147
  flex-direction: column;
141
148
  gap: ${({ theme: e }) => e.spacing.s};
142
- `, ee = o.li`
149
+ `, A = o.li`
143
150
  display: flex;
144
151
  align-items: center;
145
152
  gap: ${({ theme: e }) => e.spacing.xs};
146
- `, ie = o.span`
153
+ `, ee = o.span`
147
154
  width: 1rem;
148
155
  height: 1rem;
149
156
  border-radius: 50%;
@@ -164,7 +171,7 @@ const W = {
164
171
  border: 1px solid ${e.colors.secondary.pink.n450};
165
172
  color: ${e.colors.secondary.pink.n450};
166
173
  `}
167
- `, re = o(a)`
174
+ `, ie = o(a)`
168
175
  font-family: ${({ theme: e }) => e.fonts.arabic};
169
176
  font-weight: 400;
170
177
  font-size: ${({ theme: e }) => {
@@ -173,7 +180,7 @@ const W = {
173
180
  }};
174
181
  line-height: ${({ theme: e }) => e.typography.lineHeights.m};
175
182
  color: ${({ theme: e }) => e.colors.grey.n400};
176
- `, oe = o.div`
183
+ `, re = o.div`
177
184
  width: 100%;
178
185
  margin-top: 1rem;
179
186
  display: flex;
@@ -183,136 +190,143 @@ const W = {
183
190
  button {
184
191
  width: 100%;
185
192
  }
186
- `, xe = ({
193
+ `, fe = ({
187
194
  title: e,
188
195
  price: r,
189
196
  description: y,
190
- secondaryPrice: c,
191
- features: $,
192
- variant: u = "transparent",
197
+ hintComponent: $,
198
+ secondaryPrice: g,
199
+ features: u,
200
+ variant: b = "transparent",
193
201
  badges: h = [],
194
- showPrimaryAction: b = !1,
202
+ showPrimaryAction: j = !1,
195
203
  primaryAction: s,
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
+ 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,
210
+ selectedAddon: R = "Without",
211
+ setSelectedAddon: c,
204
212
  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: [
213
+ // addonsTitle = 'Personal Accountant',
214
+ // addonsOptionalLabel = 'optional',
215
+ addonsMonthlyLabel: F = "monthly"
216
+ }) => /* @__PURE__ */ i.jsxs(P, { $variant: b, children: [
217
+ /* @__PURE__ */ i.jsxs(W, { children: [
210
218
  /* @__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}`)) })
213
- ] }),
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" })
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,
222
+ {
223
+ label: t.label,
224
+ bgColor: t.bgColor,
225
+ color: t.color,
226
+ image: t.image ?? "",
227
+ weight: t.weight,
228
+ variant: t.variant
229
+ },
230
+ `${t.label}-${l}`
231
+ )) })
218
232
  ] }),
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 })
233
+ /* @__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 }),
236
+ /* @__PURE__ */ i.jsx(q, { $color: r.periodColor, children: r.period ?? "/ Month" })
223
237
  ] }),
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 })
238
+ g && /* @__PURE__ */ i.jsxs(Y, { children: [
239
+ /* @__PURE__ */ i.jsx(U, {}),
240
+ /* @__PURE__ */ i.jsx(Z, { children: g.amount }),
241
+ /* @__PURE__ */ i.jsx(_, { children: g.label })
228
242
  ] }),
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
- ]
243
+ /* @__PURE__ */ i.jsx(G, { children: y }),
244
+ k && f.length > 0 && /* @__PURE__ */ i.jsx("div", { style: { marginTop: "0.50rem" }, children: /* @__PURE__ */ i.jsx(
245
+ "div",
246
+ {
247
+ style: {
248
+ backgroundColor: "#f5f7fb",
249
+ borderRadius: "9px",
250
+ padding: "4px",
251
+ display: "grid",
252
+ gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
253
+ gap: "4px"
254
+ },
255
+ children: f.map((t) => {
256
+ const l = R === t.id;
257
+ return /* @__PURE__ */ i.jsxs(
258
+ "button",
259
+ {
260
+ type: "button",
261
+ onClick: () => c == null ? void 0 : c(t.id),
262
+ style: {
263
+ padding: "8px 6px 7px",
264
+ border: l ? "1px solid #e4e7ec" : "1px solid transparent",
265
+ backgroundColor: l ? "#ffffff" : "transparent",
266
+ color: l ? "#16181c" : "#72788e",
267
+ borderRadius: "6px",
268
+ cursor: "pointer",
269
+ fontWeight: 600,
270
+ fontSize: "12.78px",
271
+ lineHeight: 1.1,
272
+ transition: "all 0.18s ease",
273
+ display: "flex",
274
+ flexDirection: "column",
275
+ alignItems: "center",
276
+ justifyContent: "center",
277
+ gap: "2px",
278
+ minHeight: "42px",
279
+ boxShadow: l ? "0 1px 2px rgba(16, 24, 40, 0.08)" : "none"
294
280
  },
295
- t.id
296
- );
297
- })
298
- }
299
- )
281
+ children: [
282
+ /* @__PURE__ */ i.jsx("span", { children: t.titleEn }),
283
+ /* @__PURE__ */ i.jsxs(
284
+ "span",
285
+ {
286
+ style: {
287
+ fontSize: "11px",
288
+ marginTop: "2px",
289
+ color: "#16181c",
290
+ fontWeight: 600,
291
+ display: "inline-flex",
292
+ alignItems: "center",
293
+ gap: "2px"
294
+ },
295
+ children: [
296
+ /* @__PURE__ */ i.jsx(m, { width: "9", height: "9", color: "#16181c" }),
297
+ t.baseFare,
298
+ " ",
299
+ F
300
+ ]
301
+ }
302
+ )
303
+ ]
304
+ },
305
+ t.id
306
+ );
307
+ })
308
+ }
309
+ ) }),
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 })
300
313
  ] })
301
314
  ] }),
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 })
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 })
306
319
  ] }),
307
- /* @__PURE__ */ i.jsx(A, { children: $.map((t, n) => {
320
+ $,
321
+ /* @__PURE__ */ i.jsx(O, { children: u.map((t, l) => {
308
322
  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}`);
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}`);
313
327
  }) })
314
328
  ] })
315
329
  ] });
316
330
  export {
317
- xe as default
331
+ fe as default
318
332
  };
@@ -1,4 +1,4 @@
1
- import k from "../../../_virtual/index.js";
1
+ import k from "../../../_virtual/index3.js";
2
2
  import * as v from "react";
3
3
  import N from "../../uncontrollable/lib/esm/hook.js";
4
4
  import "../../../_virtual/browser.js";
@@ -1,5 +1,5 @@
1
1
  import * as m from "react";
2
- import i from "../../../_virtual/index.js";
2
+ import i from "../../../_virtual/index3.js";
3
3
  import { useBootstrapPrefix as l } from "./ThemeProvider.js";
4
4
  import d from "./divWithClassName.js";
5
5
  import { j as p } from "../../../_virtual/jsx-runtime.js";
@@ -1,5 +1,5 @@
1
1
  import * as s from "react";
2
- import e from "../../../_virtual/index.js";
2
+ import e from "../../../_virtual/index3.js";
3
3
  import i from "../../@restart/ui/esm/Anchor.js";
4
4
  import { useBootstrapPrefix as p } from "./ThemeProvider.js";
5
5
  import { j as f } from "../../../_virtual/jsx-runtime.js";
@@ -1,4 +1,4 @@
1
- import l from "../../../_virtual/index.js";
1
+ import l from "../../../_virtual/index3.js";
2
2
  import * as x from "react";
3
3
  import { useButtonProps as N } from "../../@restart/ui/esm/Button.js";
4
4
  import { useBootstrapPrefix as B } from "./ThemeProvider.js";
@@ -1,6 +1,6 @@
1
- import o from "../../../_virtual/index2.js";
1
+ import o from "../../../_virtual/index4.js";
2
2
  import * as p from "react";
3
- import n from "../../../_virtual/index.js";
3
+ import n from "../../../_virtual/index3.js";
4
4
  import { j as i } from "../../../_virtual/jsx-runtime.js";
5
5
  const m = {
6
6
  /** An accessible label indicating the relevant information about the Close Button. */
@@ -1,4 +1,4 @@
1
- import $ from "../../../_virtual/index.js";
1
+ import $ from "../../../_virtual/index3.js";
2
2
  import * as d from "react";
3
3
  import { useBootstrapPrefix as B, useBootstrapBreakpoints as h, useBootstrapMinBreakpoint as N } from "./ThemeProvider.js";
4
4
  import { j } from "../../../_virtual/jsx-runtime.js";
@@ -1,4 +1,4 @@
1
- import j from "../../../_virtual/index.js";
1
+ import j from "../../../_virtual/index3.js";
2
2
  import d from "../../dom-helpers/esm/css.js";
3
3
  import h, { useMemo as r } from "react";
4
4
  import { ENTERED as G, ENTERING as L, EXITING as B, EXITED as M } from "../../react-transition-group/esm/Transition.js";
@@ -1,4 +1,4 @@
1
- import j from "../../../_virtual/index.js";
1
+ import j from "../../../_virtual/index3.js";
2
2
  import * as P from "react";
3
3
  import { useContext as R, useMemo as S } from "react";
4
4
  import $ from "../../@restart/ui/esm/Dropdown.js";
@@ -1,5 +1,5 @@
1
1
  import * as m from "react";
2
- import p from "../../../_virtual/index.js";
2
+ import p from "../../../_virtual/index3.js";
3
3
  import { useBootstrapPrefix as d } from "./ThemeProvider.js";
4
4
  import { j as i } from "../../../_virtual/jsx-runtime.js";
5
5
  const f = /* @__PURE__ */ m.forwardRef(({
@@ -1,5 +1,5 @@
1
1
  import * as d from "react";
2
- import m from "../../../_virtual/index.js";
2
+ import m from "../../../_virtual/index3.js";
3
3
  import { useBootstrapPrefix as p } from "./ThemeProvider.js";
4
4
  import { j as f } from "../../../_virtual/jsx-runtime.js";
5
5
  const i = /* @__PURE__ */ d.forwardRef(({
@@ -1,4 +1,4 @@
1
- import c from "../../../_virtual/index.js";
1
+ import c from "../../../_virtual/index3.js";
2
2
  import * as w from "react";
3
3
  import { useDropdownItem as x } from "../../@restart/ui/esm/DropdownItem.js";
4
4
  import l from "../../@restart/ui/esm/Anchor.js";
@@ -1,5 +1,5 @@
1
1
  import * as m from "react";
2
- import s from "../../../_virtual/index.js";
2
+ import s from "../../../_virtual/index3.js";
3
3
  import { useBootstrapPrefix as p } from "./ThemeProvider.js";
4
4
  import { j as d } from "../../../_virtual/jsx-runtime.js";
5
5
  const f = /* @__PURE__ */ m.forwardRef(({
@@ -1,4 +1,4 @@
1
- import W from "../../../_virtual/index.js";
1
+ import W from "../../../_virtual/index3.js";
2
2
  import * as C from "react";
3
3
  import { useContext as x } from "react";
4
4
  import { useDropdownMenu as I } from "../../@restart/ui/esm/DropdownMenu.js";
@@ -1,7 +1,7 @@
1
1
  import a from "../../@restart/hooks/esm/useMergedRefs.js";
2
2
  import d from "../../@restart/ui/esm/DropdownContext.js";
3
3
  import { useDropdownToggle as g } from "../../@restart/ui/esm/DropdownToggle.js";
4
- import l from "../../../_virtual/index.js";
4
+ import l from "../../../_virtual/index3.js";
5
5
  import * as u from "react";
6
6
  import { useContext as w } from "react";
7
7
  import x from "./Button.js";
@@ -1,4 +1,4 @@
1
- import l from "../../../_virtual/index.js";
1
+ import l from "../../../_virtual/index3.js";
2
2
  import * as s from "react";
3
3
  import { useCallback as d } from "react";
4
4
  import { ENTERED as E, ENTERING as c } from "../../react-transition-group/esm/Transition.js";
@@ -1,6 +1,6 @@
1
- import i from "../../../_virtual/index.js";
1
+ import i from "../../../_virtual/index3.js";
2
2
  import * as f from "react";
3
- import e from "../../../_virtual/index2.js";
3
+ import e from "../../../_virtual/index4.js";
4
4
  import { j as l } from "../../../_virtual/jsx-runtime.js";
5
5
  const c = {
6
6
  /**
@@ -1,4 +1,4 @@
1
- import i from "../../../_virtual/index.js";
1
+ import i from "../../../_virtual/index3.js";
2
2
  import * as f from "react";
3
3
  import p from "./FormGroup.js";
4
4
  import { useBootstrapPrefix as n } from "./ThemeProvider.js";
@@ -1,5 +1,5 @@
1
- import i from "../../../_virtual/index.js";
2
- import o from "../../../_virtual/index2.js";
1
+ import i from "../../../_virtual/index3.js";
2
+ import o from "../../../_virtual/index4.js";
3
3
  import * as s from "react";
4
4
  import f from "./FormCheck.js";
5
5
  import l from "./FormControl.js";
@@ -1,4 +1,4 @@
1
- import O from "../../../_virtual/index.js";
1
+ import O from "../../../_virtual/index3.js";
2
2
  import * as B from "react";
3
3
  import { useContext as E, useMemo as M } from "react";
4
4
  import T from "./Feedback.js";
@@ -1,4 +1,4 @@
1
- import f from "../../../_virtual/index.js";
1
+ import f from "../../../_virtual/index3.js";
2
2
  import * as n from "react";
3
3
  import { useContext as l } from "react";
4
4
  import u from "./FormContext.js";
@@ -1,4 +1,4 @@
1
- import s from "../../../_virtual/index.js";
1
+ import s from "../../../_virtual/index3.js";
2
2
  import * as l from "react";
3
3
  import { useContext as c } from "react";
4
4
  import f from "./FormContext.js";
@@ -1,4 +1,4 @@
1
- import C from "../../../_virtual/index.js";
1
+ import C from "../../../_virtual/index3.js";
2
2
  import * as F from "react";
3
3
  import { useContext as N } from "react";
4
4
  import $ from "../../../_virtual/warning.js";
@@ -1,5 +1,5 @@
1
1
  import * as s from "react";
2
- import e from "../../../_virtual/index.js";
2
+ import e from "../../../_virtual/index3.js";
3
3
  import { useBootstrapPrefix as f } from "./ThemeProvider.js";
4
4
  import { j as i } from "../../../_virtual/jsx-runtime.js";
5
5
  const p = /* @__PURE__ */ s.forwardRef(({
@@ -1,4 +1,4 @@
1
- import c from "../../../_virtual/index.js";
1
+ import c from "../../../_virtual/index3.js";
2
2
  import * as d from "react";
3
3
  import { useContext as u } from "react";
4
4
  import x from "../../../_virtual/warning.js";
@@ -1,4 +1,4 @@
1
- import s from "../../../_virtual/index.js";
1
+ import s from "../../../_virtual/index3.js";
2
2
  import * as n from "react";
3
3
  import { useContext as p } from "react";
4
4
  import { useBootstrapPrefix as f } from "./ThemeProvider.js";