welcome-ui 0.0.0-dev.1759252708223 → 0.0.0-dev.1759392523253

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 (49) hide show
  1. package/dist/AspectRatio.css +1 -1
  2. package/dist/AspectRatio.js +13 -12
  3. package/dist/Breadcrumb.css +1 -1
  4. package/dist/Breadcrumb.js +101 -124
  5. package/dist/Button.css +1 -1
  6. package/dist/Button.js +49 -49
  7. package/dist/Modal.css +1 -1
  8. package/dist/Modal.js +132 -174
  9. package/dist/Search.js +118 -125
  10. package/dist/Swiper.js +113 -119
  11. package/dist/theme.css +1 -1
  12. package/dist/throttle-BDBzFeFj.js +13 -0
  13. package/dist/types/components/AspectRatio/index.d.ts +1 -2
  14. package/dist/types/components/AspectRatio/types.d.ts +12 -3
  15. package/dist/types/components/Icon/index.d.ts +305 -0
  16. package/dist/types/components/Modal/components/Close.d.ts +2 -2
  17. package/dist/types/components/Modal/components/Content.d.ts +3 -5
  18. package/dist/types/components/Modal/index.d.ts +0 -1
  19. package/dist/types/components/Modal/types.d.ts +0 -5
  20. package/dist/types/old/components/Alert/styles.d.ts +4 -4
  21. package/dist/types/old/components/Avatar/styles.d.ts +4 -4
  22. package/dist/types/old/components/Card/Cover.styles.d.ts +2 -2
  23. package/dist/types/old/components/ClearButton/index.d.ts +2 -2
  24. package/dist/types/old/components/ClearButton/styles.d.ts +2 -2
  25. package/dist/types/old/components/CloseButton/styles.d.ts +2 -2
  26. package/dist/types/old/components/Drawer/styles.d.ts +2 -2
  27. package/dist/types/old/components/InputText/styles.d.ts +1 -1
  28. package/dist/types/old/components/Link/styles.d.ts +2 -2
  29. package/dist/types/old/components/Loader/styles.d.ts +2 -2
  30. package/dist/types/old/components/Modal/Assets/Backdrop.d.ts +2 -2
  31. package/dist/types/old/components/Modal/Assets/index.d.ts +4 -4
  32. package/dist/types/old/components/Modal/Assets/styles.d.ts +4 -4
  33. package/dist/types/old/components/Modal/index.d.ts +4 -4
  34. package/dist/types/old/components/Modal/styles.d.ts +4 -4
  35. package/dist/types/old/components/Radio/styles.d.ts +2 -2
  36. package/dist/types/old/components/Select/index.d.ts +2 -2
  37. package/dist/types/old/components/Select/styles.d.ts +2 -2
  38. package/dist/types/old/components/Shape/styles.d.ts +2 -2
  39. package/dist/types/old/components/Slider/styles.d.ts +10 -10
  40. package/dist/types/old/components/Swiper/styles.d.ts +2 -2
  41. package/dist/types/old/components/Toast/styles.d.ts +8 -8
  42. package/dist/types/theme/tokens.json.d.ts +378 -0
  43. package/dist/types/theme/types.d.ts +0 -10
  44. package/dist/types/theme/utils/parseTokens.d.ts +15 -0
  45. package/dist/types/theme/utils/parseTokens.test.d.ts +1 -0
  46. package/dist/types/utils/clamp.d.ts +1 -0
  47. package/dist/types/utils/use-screens.d.ts +2 -2
  48. package/package.json +4 -2
  49. package/dist/types/theme/tokens.d.ts +0 -307
package/dist/Swiper.js CHANGED
@@ -7,58 +7,58 @@ import "./Icon-CvQNL_iy.js";
7
7
  import { L as ue } from "./index-CMBLAO6n.js";
8
8
  import { R as fe } from "./index-BYbxYLuX.js";
9
9
  import { c as pe } from "./classNames-qiokGROM.js";
10
- import { u as be } from "./use-viewport-CgrficYB.js";
10
+ import { u as he } from "./use-viewport-CgrficYB.js";
11
11
  var ee, ne;
12
- function he() {
12
+ function be() {
13
13
  if (ne) return ee;
14
14
  ne = 1;
15
- var i = "Expected a function", l = NaN, g = "[object Symbol]", m = /^\s+|\s+$/g, T = /^[-+]0x[0-9a-f]+$/i, N = /^0b[01]+$/i, p = /^0o[0-7]+$/i, _ = parseInt, D = typeof K == "object" && K && K.Object === Object && K, y = typeof self == "object" && self && self.Object === Object && self, F = D || y || Function("return this")(), R = Object.prototype, E = R.toString, c = Math.max, z = Math.min, k = function() {
15
+ var i = "Expected a function", s = NaN, f = "[object Symbol]", m = /^\s+|\s+$/g, P = /^[-+]0x[0-9a-f]+$/i, j = /^0b[01]+$/i, h = /^0o[0-7]+$/i, _ = parseInt, D = typeof K == "object" && K && K.Object === Object && K, y = typeof self == "object" && self && self.Object === Object && self, F = D || y || Function("return this")(), R = Object.prototype, E = R.toString, c = Math.max, z = Math.min, k = function() {
16
16
  return F.Date.now();
17
17
  };
18
- function j(e, r, s) {
19
- var v, L, W, b, h, x, q = 0, M = !1, I = !1, G = !0;
18
+ function q(e, r, a) {
19
+ var v, x, N, b, g, $, T = 0, M = !1, W = !1, G = !0;
20
20
  if (typeof e != "function")
21
21
  throw new TypeError(i);
22
- r = d(r) || 0, w(s) && (M = !!s.leading, I = "maxWait" in s, W = I ? c(d(s.maxWait) || 0, r) : W, G = "trailing" in s ? !!s.trailing : G);
23
- function A(t) {
24
- var a = v, f = L;
25
- return v = L = void 0, q = t, b = e.apply(f, a), b;
22
+ r = d(r) || 0, w(a) && (M = !!a.leading, W = "maxWait" in a, N = W ? c(d(a.maxWait) || 0, r) : N, G = "trailing" in a ? !!a.trailing : G);
23
+ function I(t) {
24
+ var l = v, p = x;
25
+ return v = x = void 0, T = t, b = e.apply(p, l), b;
26
26
  }
27
27
  function Q(t) {
28
- return q = t, h = setTimeout(P, r), M ? A(t) : b;
28
+ return T = t, g = setTimeout(L, r), M ? I(t) : b;
29
29
  }
30
30
  function Y(t) {
31
- var a = t - x, f = t - q, $ = r - a;
32
- return I ? z($, W - f) : $;
31
+ var l = t - $, p = t - T, A = r - l;
32
+ return W ? z(A, N - p) : A;
33
33
  }
34
34
  function S(t) {
35
- var a = t - x, f = t - q;
36
- return x === void 0 || a >= r || a < 0 || I && f >= W;
35
+ var l = t - $, p = t - T;
36
+ return $ === void 0 || l >= r || l < 0 || W && p >= N;
37
37
  }
38
- function P() {
38
+ function L() {
39
39
  var t = k();
40
40
  if (S(t))
41
41
  return O(t);
42
- h = setTimeout(P, Y(t));
42
+ g = setTimeout(L, Y(t));
43
43
  }
44
44
  function O(t) {
45
- return h = void 0, G && v ? A(t) : (v = L = void 0, b);
45
+ return g = void 0, G && v ? I(t) : (v = x = void 0, b);
46
46
  }
47
47
  function u() {
48
- h !== void 0 && clearTimeout(h), q = 0, v = x = L = h = void 0;
48
+ g !== void 0 && clearTimeout(g), T = 0, v = $ = x = g = void 0;
49
49
  }
50
50
  function o() {
51
- return h === void 0 ? b : O(k());
51
+ return g === void 0 ? b : O(k());
52
52
  }
53
53
  function n() {
54
- var t = k(), a = S(t);
55
- if (v = arguments, L = this, x = t, a) {
56
- if (h === void 0)
57
- return Q(x);
58
- if (I)
59
- return h = setTimeout(P, r), A(x);
54
+ var t = k(), l = S(t);
55
+ if (v = arguments, x = this, $ = t, l) {
56
+ if (g === void 0)
57
+ return Q($);
58
+ if (W)
59
+ return g = setTimeout(L, r), I($);
60
60
  }
61
- return h === void 0 && (h = setTimeout(P, r)), b;
61
+ return g === void 0 && (g = setTimeout(L, r)), b;
62
62
  }
63
63
  return n.cancel = u, n.flush = o, n;
64
64
  }
@@ -70,13 +70,13 @@ function he() {
70
70
  return !!e && typeof e == "object";
71
71
  }
72
72
  function U(e) {
73
- return typeof e == "symbol" || V(e) && E.call(e) == g;
73
+ return typeof e == "symbol" || V(e) && E.call(e) == f;
74
74
  }
75
75
  function d(e) {
76
76
  if (typeof e == "number")
77
77
  return e;
78
78
  if (U(e))
79
- return l;
79
+ return s;
80
80
  if (w(e)) {
81
81
  var r = typeof e.valueOf == "function" ? e.valueOf() : e;
82
82
  e = w(r) ? r + "" : r;
@@ -84,36 +84,30 @@ function he() {
84
84
  if (typeof e != "string")
85
85
  return e === 0 ? e : +e;
86
86
  e = e.replace(m, "");
87
- var s = N.test(e);
88
- return s || p.test(e) ? _(e.slice(2), s ? 2 : 8) : T.test(e) ? l : +e;
87
+ var a = j.test(e);
88
+ return a || h.test(e) ? _(e.slice(2), a ? 2 : 8) : P.test(e) ? s : +e;
89
89
  }
90
- return ee = j, ee;
90
+ return ee = q, ee;
91
91
  }
92
- var ge = he();
93
- const me = /* @__PURE__ */ le(ge), ke = {
94
- screens: {
95
- "--breakpoint-2xl": "1440px",
96
- "--breakpoint-3xl": "1620px",
97
- "--breakpoint-4xl": "1920px",
98
- "--breakpoint-lg": "980px",
99
- "--breakpoint-md": "736px",
100
- "--breakpoint-sm": "480px",
101
- "--breakpoint-xl": "1280px",
102
- "--breakpoint-xs": "0px"
103
- }
92
+ var ge = be();
93
+ const me = /* @__PURE__ */ le(ge), ke = { $type: "dimension", "2xl": { $value: "1440px" }, "3xl": { $value: "1620px" }, "4xl": { $value: "1920px" }, lg: { $value: "980px" }, md: { $value: "736px" }, sm: { $value: "480px" }, xl: { $value: "1280px" }, xs: { $value: "0px" } }, we = {
94
+ breakpoint: ke
104
95
  };
105
- function we() {
106
- return Object.entries(ke.screens).reduce((i, [l, g]) => {
107
- const m = typeof g == "string" ? Number(g.replace("px", "")) : g;
108
- return isNaN(m) || (i[l.replace("--breakpoint-", "")] = m), i;
96
+ function _e() {
97
+ return Object.entries(we.breakpoint).reduce((i, [s, f]) => {
98
+ if (s !== "$type" && typeof f == "object" && "$value" in f) {
99
+ const m = typeof f.$value == "string" ? Number(f.$value.replace("px", "")) : f.$value;
100
+ isNaN(m) || (i[s] = m);
101
+ }
102
+ return i;
109
103
  }, {});
110
104
  }
111
- const _e = "_root_1rqk8_3", ve = "_dark_1rqk8_9", Se = "_bullet_1rqk8_9", ye = "_container_1rqk8_15", xe = "_arrow_1rqk8_80", Le = "_pagination_1rqk8_117", Pe = {
112
- root: _e,
113
- dark: ve,
114
- bullet: Se,
105
+ const ve = "_root_1rqk8_3", Se = "_dark_1rqk8_9", ye = "_bullet_1rqk8_9", $e = "_container_1rqk8_15", xe = "_arrow_1rqk8_80", Le = "_pagination_1rqk8_117", Pe = {
106
+ root: ve,
107
+ dark: Se,
108
+ bullet: ye,
115
109
  "bullet-active": "_bullet-active_1rqk8_12",
116
- container: ye,
110
+ container: $e,
117
111
  "container-mobile": "_container-mobile_1rqk8_44",
118
112
  "container-tablet": "_container-tablet_1rqk8_53",
119
113
  "container-desktop": "_container-desktop_1rqk8_62",
@@ -127,32 +121,32 @@ const _e = "_root_1rqk8_3", ve = "_dark_1rqk8_9", Se = "_bullet_1rqk8_9", ye = "
127
121
  pagination: Le,
128
122
  "pagination-mobile": "_pagination-mobile_1rqk8_126",
129
123
  "pagination-desktop": "_pagination-desktop_1rqk8_135"
130
- }, Te = (i, l) => {
131
- const g = ie();
124
+ }, Te = (i, s) => {
125
+ const f = ie();
132
126
  H(() => {
133
- g.current = i;
127
+ f.current = i;
134
128
  }, [i]), H(() => {
135
129
  function m() {
136
- g.current();
130
+ f.current();
137
131
  }
138
- if (l !== null) {
139
- const T = setInterval(m, l);
140
- return () => clearInterval(T);
132
+ if (s !== null) {
133
+ const P = setInterval(m, s);
134
+ return () => clearInterval(P);
141
135
  }
142
- }, [l]);
143
- }, J = (i, l) => {
144
- if (l === 0)
136
+ }, [s]);
137
+ }, J = (i, s) => {
138
+ if (s === 0)
145
139
  return `${100 / i}%`;
146
- const m = l * (i === 1 ? 4 : 2) / 16;
140
+ const m = s * (i === 1 ? 4 : 2) / 16;
147
141
  return `calc(${100 / i}% - ${m}rem)`;
148
- }, B = pe(Pe), Me = (i = {}) => {
142
+ }, B = pe(Pe), Oe = (i = {}) => {
149
143
  const {
150
- autoplay: l = !1,
151
- centeredSlides: g = !1,
144
+ autoplay: s = !1,
145
+ centeredSlides: f = !1,
152
146
  duration: m = 5e3,
153
- firstSlideToShow: T = 0,
154
- fullWidth: N = !1,
155
- id: p = "swiper",
147
+ firstSlideToShow: P = 0,
148
+ fullWidth: j = !1,
149
+ id: h = "swiper",
156
150
  loop: _ = !1,
157
151
  navigationSize: D = "md",
158
152
  slidesPerView: y = { desktop: 1, mobile: 1, tablet: 1 },
@@ -160,16 +154,16 @@ const _e = "_root_1rqk8_3", ve = "_dark_1rqk8_9", Se = "_bullet_1rqk8_9", ye = "
160
154
  withDarkUI: R = !1,
161
155
  withNavigation: E = { desktop: !0, mobile: !0 },
162
156
  withPagination: c = { desktop: !1, mobile: !1 }
163
- } = i, z = _ || l, { width: k } = be(), [j, w] = Z(0), [V, U] = Z(!1), [d, e] = Z(!1), r = ie(), s = we(), v = ce(() => k <= s.md ? y.mobile : k <= s.lg ? y.tablet : k >= s["4xl"] && N ? y.desktop + 2 : y.desktop, [k, s, N, y]);
157
+ } = i, z = _ || s, { width: k } = he(), [q, w] = Z(0), [V, U] = Z(!1), [d, e] = Z(!1), r = ie(), a = _e(), v = ce(() => k <= a.md ? y.mobile : k <= a.lg ? y.tablet : k >= a["4xl"] && j ? y.desktop + 2 : y.desktop, [k, a, j, y]);
164
158
  return {
165
- autoplay: l,
166
- centeredSlides: g,
167
- currentPage: j,
159
+ autoplay: s,
160
+ centeredSlides: f,
161
+ currentPage: q,
168
162
  currentSlidesPerView: v,
169
163
  duration: m,
170
- firstSlideToShow: T,
171
- fullWidth: N,
172
- id: p,
164
+ firstSlideToShow: P,
165
+ fullWidth: j,
166
+ id: h,
173
167
  navigationSize: D,
174
168
  ref: r,
175
169
  setCurrentPage: w,
@@ -184,11 +178,11 @@ const _e = "_root_1rqk8_3", ve = "_dark_1rqk8_9", Se = "_bullet_1rqk8_9", ye = "
184
178
  withNavigation: E,
185
179
  withPagination: c
186
180
  };
187
- }, Oe = ({ children: i, className: l, store: g, ...m }) => {
181
+ }, Be = ({ children: i, className: s, store: f, ...m }) => {
188
182
  const {
189
- autoplay: T,
190
- centeredSlides: N,
191
- currentPage: p,
183
+ autoplay: P,
184
+ centeredSlides: j,
185
+ currentPage: h,
192
186
  currentSlidesPerView: _,
193
187
  duration: D,
194
188
  firstSlideToShow: y,
@@ -198,51 +192,51 @@ const _e = "_root_1rqk8_3", ve = "_dark_1rqk8_9", Se = "_bullet_1rqk8_9", ye = "
198
192
  ref: c,
199
193
  setCurrentPage: z,
200
194
  setShowLeftArrow: k,
201
- setShowRightArrow: j,
195
+ setShowRightArrow: q,
202
196
  shouldLoop: w,
203
197
  showLeftArrow: V,
204
198
  showRightArrow: U,
205
199
  slidesPerView: d,
206
200
  spaceBetween: e,
207
201
  withDarkUI: r,
208
- withNavigation: s,
202
+ withNavigation: a,
209
203
  withPagination: v
210
- } = g, L = re.toArray(i).length, W = Math.ceil(L / _), b = Array.from(Array(W).keys()), h = s.mobile || !1, x = s.desktop || !1, q = p === 0, M = p === b.length - 1, I = re.map(i, (u, o) => {
211
- const n = `${R}-${o}`, t = o + 1, a = Math.ceil(t / _) - 1, f = M ? L - t >= _ : a !== p;
204
+ } = f, x = re.toArray(i).length, N = Math.ceil(x / _), b = Array.from(Array(N).keys()), g = a.mobile || !1, $ = a.desktop || !1, T = h === 0, M = h === b.length - 1, W = re.map(i, (u, o) => {
205
+ const n = `${R}-${o}`, t = o + 1, l = Math.ceil(t / _) - 1, p = M ? x - t >= _ : l !== h;
212
206
  return de(u, {
213
207
  ...u.props,
214
- "aria-hidden": f,
215
- "aria-label": `${t} of ${L}`,
208
+ "aria-hidden": p,
209
+ "aria-label": `${t} of ${x}`,
216
210
  "aria-roledescription": "slide",
217
211
  id: n,
218
212
  key: n
219
213
  });
220
- }), G = N ? (
214
+ }), G = j ? (
221
215
  // if centeredSlides is true, we calculate which number is the middle page
222
- Math.floor(W / 2)
216
+ Math.floor(N / 2)
223
217
  ) : (
224
218
  // if centeredSlides is false, we calculate on which page the number in firstSlideToShow props is
225
219
  Math.ceil(y / _) - 1
226
- ), A = X(() => {
220
+ ), I = X(() => {
227
221
  const u = c == null ? void 0 : c.current;
228
222
  if (u && !w) {
229
- const { offsetWidth: o, scrollLeft: n, scrollWidth: t } = u, a = !(n > e), f = !(t - (n + o) > e);
230
- k(!a), j(!f);
223
+ const { offsetWidth: o, scrollLeft: n, scrollWidth: t } = u, l = !(n > e), p = !(t - (n + o) > e);
224
+ k(!l), q(!p);
231
225
  } else
232
- k(!0), j(!0);
233
- }, [c, k, j, w, e]), Q = () => {
226
+ k(!0), q(!0);
227
+ }, [c, k, q, w, e]), Q = () => {
234
228
  var o, n;
235
229
  const u = c == null ? void 0 : c.current;
236
230
  if (u) {
237
- const { children: t, offsetWidth: a, scrollLeft: f, scrollWidth: $ } = u, se = (n = (o = t == null ? void 0 : t[0]) == null ? void 0 : o.getBoundingClientRect()) == null ? void 0 : n.width, te = !($ - (f + a) > e) ? b.length - 1 : Math.round(f / ((se + e) * _));
238
- te !== p && z(te);
231
+ const { children: t, offsetWidth: l, scrollLeft: p, scrollWidth: A } = u, se = (n = (o = t == null ? void 0 : t[0]) == null ? void 0 : o.getBoundingClientRect()) == null ? void 0 : n.width, te = !(A - (p + l) > e) ? b.length - 1 : Math.round(p / ((se + e) * _));
232
+ te !== h && z(te);
239
233
  }
240
234
  }, Y = me(() => {
241
- A(), Q();
235
+ I(), Q();
242
236
  }, 100), S = X(
243
237
  (u, o = !1) => {
244
- var a, f, $;
245
- const n = c == null ? void 0 : c.current, t = ($ = (f = (a = n == null ? void 0 : n.children) == null ? void 0 : a[0]) == null ? void 0 : f.getBoundingClientRect()) == null ? void 0 : $.width;
238
+ var l, p, A;
239
+ const n = c == null ? void 0 : c.current, t = (A = (p = (l = n == null ? void 0 : n.children) == null ? void 0 : l[0]) == null ? void 0 : p.getBoundingClientRect()) == null ? void 0 : A.width;
246
240
  n == null || n.scrollTo({
247
241
  // We don't want to have a scroll effect when we first render the swiper
248
242
  behavior: o ? "auto" : "smooth",
@@ -251,26 +245,26 @@ const _e = "_root_1rqk8_3", ve = "_dark_1rqk8_9", Se = "_bullet_1rqk8_9", ye = "
251
245
  });
252
246
  },
253
247
  [_, e, c]
254
- ), P = X(() => {
255
- S(w && M ? 0 : p + 1);
256
- }, [p, S, M, w]), O = X(() => {
257
- S(q && w ? b.length - 1 : p - 1);
258
- }, [b.length, p, S, q, w]);
248
+ ), L = X(() => {
249
+ S(w && M ? 0 : h + 1);
250
+ }, [h, S, M, w]), O = X(() => {
251
+ S(T && w ? b.length - 1 : h - 1);
252
+ }, [b.length, h, S, T, w]);
259
253
  return Te(
260
254
  () => {
261
- T && P();
255
+ P && L();
262
256
  },
263
- T ? D : null
257
+ P ? D : null
264
258
  ), H(() => {
265
259
  const u = (o) => {
266
- o.code === "ArrowLeft" && O(), o.code === "ArrowRight" && P();
260
+ o.code === "ArrowLeft" && O(), o.code === "ArrowRight" && L();
267
261
  };
268
262
  return window.addEventListener("keydown", u), () => window.removeEventListener("keydown", u);
269
- }, [O, P]), H(() => {
263
+ }, [O, L]), H(() => {
270
264
  S(G, !0);
271
265
  }, []), H(() => {
272
- A();
273
- }, [A, i]), /* @__PURE__ */ ae("div", { className: B("root", r && "dark", l), ...m, children: [
266
+ I();
267
+ }, [I, i]), /* @__PURE__ */ ae("div", { className: B("root", r && "dark", s), ...m, children: [
274
268
  /* @__PURE__ */ C(
275
269
  "ul",
276
270
  {
@@ -293,7 +287,7 @@ const _e = "_root_1rqk8_3", ve = "_dark_1rqk8_9", Se = "_bullet_1rqk8_9", ye = "
293
287
  "--slideWithDesktopFullWidth": J(d.desktop + 2, e),
294
288
  "--spaceBetween": `${e / 16}rem`
295
289
  },
296
- children: I
290
+ children: W
297
291
  }
298
292
  ),
299
293
  /* @__PURE__ */ C(
@@ -304,8 +298,8 @@ const _e = "_root_1rqk8_3", ve = "_dark_1rqk8_9", Se = "_bullet_1rqk8_9", ye = "
304
298
  "arrow",
305
299
  "arrow-left",
306
300
  !r && "arrow-background",
307
- h && "arrow-mobile",
308
- x && "arrow-desktop"
301
+ g && "arrow-mobile",
302
+ $ && "arrow-desktop"
309
303
  ),
310
304
  disabled: !V,
311
305
  onClick: O,
@@ -323,11 +317,11 @@ const _e = "_root_1rqk8_3", ve = "_dark_1rqk8_9", Se = "_bullet_1rqk8_9", ye = "
323
317
  "arrow",
324
318
  "arrow-right",
325
319
  !r && "arrow-background",
326
- h && "arrow-mobile",
327
- x && "arrow-desktop"
320
+ g && "arrow-mobile",
321
+ $ && "arrow-desktop"
328
322
  ),
329
323
  disabled: !U,
330
- onClick: P,
324
+ onClick: L,
331
325
  shape: "circle",
332
326
  size: E,
333
327
  variant: r ? "secondary" : "ghost",
@@ -347,7 +341,7 @@ const _e = "_root_1rqk8_3", ve = "_dark_1rqk8_9", Se = "_bullet_1rqk8_9", ye = "
347
341
  const n = {
348
342
  "aria-controls": `${R}-${o}`,
349
343
  "aria-label": `${o + 1} of ${b.length}`,
350
- "aria-selected": o === p,
344
+ "aria-selected": o === h,
351
345
  idx: o,
352
346
  onClick: () => S(o),
353
347
  role: "tab"
@@ -355,7 +349,7 @@ const _e = "_root_1rqk8_3", ve = "_dark_1rqk8_9", Se = "_bullet_1rqk8_9", ye = "
355
349
  return /* @__PURE__ */ C(
356
350
  "div",
357
351
  {
358
- className: B("bullet", o === p && "bullet-active"),
352
+ className: B("bullet", o === h && "bullet-active"),
359
353
  ...n
360
354
  },
361
355
  `bullet-${o + 1}`
@@ -366,6 +360,6 @@ const _e = "_root_1rqk8_3", ve = "_dark_1rqk8_9", Se = "_bullet_1rqk8_9", ye = "
366
360
  ] });
367
361
  };
368
362
  export {
369
- Oe as Swiper,
370
- Me as useSwiper
363
+ Be as Swiper,
364
+ Oe as useSwiper
371
365
  };
package/dist/theme.css CHANGED
@@ -1 +1 @@
1
- @font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:welcome-font;font-weight:400;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-regular.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:400;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-regular.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:500;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:600;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:400;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-regular-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:500;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:600;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold-italic.woff2) format("woff2")}@theme{--*: initial; --border-width-lg: 3px; --border-width-md: 2px; --border-width-sm: 1px; --color-beige-10: #fbf9f7; --color-beige-20: #f6f3ef; --color-beige-30: #eae4de; --color-beige-40: #d2cbc3; --color-beige-50: #a7a096; --color-beige-60: #605b55; --color-beige-70: #4d4944; --color-beige-80: #33302d; --color-beige-90: #1e1c1a; --color-blue-10: #e0f5ff; --color-blue-20: #bbeaff; --color-blue-30: #9bdef7; --color-blue-40: #55c3e9; --color-blue-50: #27a5d0; --color-blue-60: #057aa3; --color-blue-70: #025a79; --color-blue-80: #013c50; --color-blue-90: #00202b; --color-green-10: #eaffd4; --color-green-20: #d6f6b4; --color-green-30: #bade94; --color-green-40: #9fc873; --color-green-50: #83ad57; --color-green-60: #5a8034; --color-green-70: #40611f; --color-green-80: #2a4210; --color-green-90: #142603; --color-neutral-10: #ffffff; --color-neutral-20: #f3f3f3; --color-neutral-30: #dedede; --color-neutral-40: #bdbdbd; --color-neutral-50: #989898; --color-neutral-60: #585858; --color-neutral-70: #444444; --color-neutral-80: #212121; --color-neutral-90: #000000; --color-orange-10: #ffebce; --color-orange-20: #ffd495; --color-orange-30: #ffbb59; --color-orange-40: #ff9f14; --color-orange-50: #db860a; --color-orange-60: #a6670a; --color-orange-70: #824f06; --color-orange-80: #573607; --color-orange-90: #382303; --color-pink-10: #ffeaf5; --color-pink-20: #ffd5eb; --color-pink-30: #feb7dc; --color-pink-40: #f696c8; --color-pink-50: #e468a8; --color-pink-60: #c24887; --color-pink-70: #972962; --color-pink-80: #6d1142; --color-pink-90: #3c0725; --color-red-10: #fbdedc; --color-red-20: #fcc7c3; --color-red-30: #fdb3ae; --color-red-40: #ff9490; --color-red-50: #ff6165; --color-red-60: #e1003a; --color-red-70: #a80029; --color-red-80: #75001a; --color-red-90: #450101; --color-red-orange-10: #ffded0; --color-red-orange-20: #ffc9b2; --color-red-orange-30: #ffb595; --color-red-orange-40: #ff9868; --color-red-orange-50: #e67b49; --color-red-orange-60: #c45927; --color-red-orange-70: #9f4217; --color-red-orange-80: #6d2605; --color-red-orange-90: #451701; --color-teal-10: #d5fffa; --color-teal-20: #aaf4eb; --color-teal-30: #6de1d2; --color-teal-40: #00c7ae; --color-teal-50: #01aa95; --color-teal-60: #008070; --color-teal-70: #00544a; --color-teal-80: #003d35; --color-teal-90: #00211d; --color-transparent: transparent; --color-violet-10: #f2f2ff; --color-violet-20: #e0e0ff; --color-violet-30: #c9c9ff; --color-violet-40: #acacff; --color-violet-50: #9080f0; --color-violet-60: #7958d6; --color-violet-70: #593cac; --color-violet-80: #422a86; --color-violet-90: #1f0e51; --color-yellow-10: #fff8d9; --color-yellow-20: #fff1b2; --color-yellow-30: #ffe166; --color-yellow-40: #ffcd00; --color-yellow-50: #e5b800; --color-yellow-60: #b69200; --color-yellow-70: #846a01; --color-yellow-80: #604d00; --color-yellow-90: #423500; --default-font-family: "Work Sans",sans-serif; --font-family-headings: "welcome-font",sans-serif; --font-family-icons: "welcome-icon-font"; --font-size-11: .6875rem; --font-size-12: .75rem; --font-size-13: .8125rem; --font-size-14: .875rem; --font-size-16: 1rem; --font-size-18: 1.125rem; --font-size-20: 1.25rem; --font-size-24: 1.5rem; --font-size-26: 1.625rem; --font-size-36: 2.25rem; --font-size-45: 2.8125rem; --font-size-65: 4.0625rem; --font-weight-400: 400; --font-weight-500: 500; --font-weight-600: 600; --height-4: .25rem; --height-8: .5rem; --height-10: .625rem; --height-12: .75rem; --height-16: 1rem; --height-20: 1.25rem; --height-24: 1.5rem; --height-30: 1.875rem; --height-32: 2rem; --height-40: 2.5rem; --height-48: 3rem; --height-50: 3.125rem; --height-60: 3.75rem; --height-64: 4rem; --letter-spacing-h0: -.10625rem; --letter-spacing-h1: -.075rem; --letter-spacing-h2: -.0625rem; --letter-spacing-h3: -.05625rem; --letter-spacing-h4: -.0375rem; --letter-spacing-h5: -.03125rem; --letter-spacing-h6: -.03125rem; --letter-spacing-lg: -.019rem; --letter-spacing-md: -.019rem; --letter-spacing-sm: -.019rem; --letter-spacing-subtitle-md: -.0125rem; --letter-spacing-subtitle-sm: -.0125rem; --letter-spacing-xs: -.0125rem; --line-height-14: .875rem; --line-height-16: 1rem; --line-height-18: 1.125rem; --line-height-24: 1.5rem; --line-height-32: 2rem; --line-height-40: 2.5rem; --line-height-48: 3rem; --line-height-72: 4.5rem; --line-height-iso-font-size: 1; --radius-2xl: 1.5rem; --radius-circle: calc(infinity * 1px); --radius-lg: .5rem; --radius-md: .25rem; --radius-sm: .125rem; --radius-xl: 1rem; --breakpoint-2xl: 1440px; --breakpoint-3xl: 1620px; --breakpoint-4xl: 1920px; --breakpoint-lg: 980px; --breakpoint-md: 736px; --breakpoint-sm: 480px; --breakpoint-xl: 1280px; --breakpoint-xs: 0px; --shadow-focus: 0 0 0 2px var(--color-brand-40); --shadow-focus-danger: 0 0 0 2px var(--color-red-30); --shadow-focus-success: 0 0 0 2px var(--color-green-30); --shadow-focus-warning: 0 0 0 2px var(--color-orange-20); --shadow-md: 3px 4px 10px 0 color-mix(in oklab,var(--color-neutral-90) 7%,transparent); --shadow-sm: 1px 2px 4px 0 color-mix(in oklab,var(--color-neutral-90) 5%,transparent); --spacing-0: 0; --spacing-2: .125rem; --spacing-3: .1875rem; --spacing-4: .25rem; --spacing-8: .5rem; --spacing-12: .75rem; --spacing-16: 1rem; --spacing-24: 1.5rem; --spacing-28: 1.75rem; --spacing-32: 2rem; --spacing-36: 2.25rem; --spacing-48: 3rem; --spacing-64: 4rem; --spacing-96: 6rem; --spacing-128: 8rem; --spacing-192: 12rem; --duration-fast: .1s; --duration-medium: .3s; --duration-slow: .5s; --timing-primary: ease; --timing-secondary: linear; --timing-tertiary: cubic-bezier(.41,.094,.54,.07); --color-brand-10: var(--color-yellow-10); --color-brand-20: var(--color-yellow-20); --color-brand-30: var(--color-yellow-30); --color-brand-40: var(--color-yellow-40); --color-brand-50: var(--color-yellow-50); --color-brand-60: var(--color-yellow-60); --color-brand-70: var(--color-yellow-70); --color-brand-80: var(--color-yellow-80); --color-brand-90: var(--color-yellow-90); --color-overlay: color-mix(in oklab,var(--color-neutral-90) 55%,transparent); --color-secondary-blue: var(--color-blue-40); --color-secondary-green: var(--color-green-30); --color-secondary-orange: var(--color-red-orange-40); --color-secondary-pink: var(--color-pink-40); --color-secondary-teal: var(--color-teal-40); --color-secondary-violet: var(--color-violet-40); --font-size-h0: var(--font-size-65); --font-size-h1: var(--font-size-45); --font-size-h2: var(--font-size-36); --font-size-h3: var(--font-size-26); --font-size-h4: var(--font-size-20); --font-size-h5: var(--font-size-16); --font-size-h6: var(--font-size-14); --font-size-lg: var(--font-size-18); --font-size-md: var(--font-size-16); --font-size-sm: var(--font-size-14); --font-size-subtitle-md: var(--font-size-13); --font-size-subtitle-sm: var(--font-size-11); --font-size-xl: var(--font-size-24); --font-size-xs: var(--font-size-12); --font-weight-bold: var(--font-weight-600); --font-weight-medium: var(--font-weight-500); --font-weight-regular: var(--font-weight-400); --height-elements-lg: var(--height-40); --height-elements-md: var(--height-32); --height-elements-sm: var(--height-24); --height-elements-xl: var(--height-48); --height-elements-xs: var(--height-16); --height-elements-xxl: var(--height-64); --height-elements-xxs: var(--height-12); --line-height-h0: var(--line-height-72); --line-height-h1: var(--line-height-48); --line-height-h2: var(--line-height-40); --line-height-h3: var(--line-height-32); --line-height-h4: var(--line-height-24); --line-height-h5: var(--line-height-20); --line-height-h6: var(--line-height-18); --line-height-lg: var(--line-height-24); --line-height-md: var(--line-height-18); --line-height-sm: var(--line-height-18); --line-height-subtitle-md: var(--line-height-iso-font-size); --line-height-subtitle-sm: var(--line-height-iso-font-size); --line-height-xs: var(--line-height-14); --spacing-3xl: var(--spacing-48); --spacing-4xl: var(--spacing-64); --spacing-5xl: var(--spacing-96); --spacing-6xl: var(--spacing-128); --spacing-7xl: var(--spacing-192); --spacing-lg: var(--spacing-16); --spacing-md: var(--spacing-12); --spacing-sm: var(--spacing-8); --spacing-xl: var(--spacing-24); --spacing-xs: var(--spacing-4); --spacing-xxl: var(--spacing-32); --spacing-xxs: var(--spacing-2);}@layer base{html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{min-width:0;min-height:0;font-size:100%;vertical-align:baseline}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{text-decoration:none}img{overflow:hidden}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}input::-webkit-search-cancel-button{display:none}*,*:after,*:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}body{min-height:100%;padding-top:1px;margin-top:-1px}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-headings)}p,span{color:var(--color-neutral-60)}}
1
+ @font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_cqDptfpA4cD3.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/worksans/v23/QGYsz_wNahGAdqQ43Rh_fKDptfpA4Q.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:welcome-font;font-weight:400;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-regular.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:400;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-regular.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:500;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium.woff2) format("woff2")}@font-face{font-family:welcome-font;font-weight:600;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:400;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-regular-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:500;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-medium-italic.woff2) format("woff2")}@font-face{font-family:welcome-font;font-style:italic;font-weight:600;src:url(https://cdn.welcome-ui.com/fonts/welcome-font-bold-italic.woff2) format("woff2")}@theme static{--*: initial; --spacing: .0625rem; --border-width-lg: 3px; --border-width-md: 2px; --border-width-sm: 1px; --color-beige-10: #fbf9f7; --color-beige-20: #f6f3ef; --color-beige-30: #eae4de; --color-beige-40: #d2cbc3; --color-beige-50: #a7a096; --color-beige-60: #605b55; --color-beige-70: #4d4944; --color-beige-80: #33302d; --color-beige-90: #1e1c1a; --color-blue-10: #e0f5ff; --color-blue-20: #bbeaff; --color-blue-30: #9bdef7; --color-blue-40: #55c3e9; --color-blue-50: #27a5d0; --color-blue-60: #057aa3; --color-blue-70: #025a79; --color-blue-80: #013c50; --color-blue-90: #00202b; --color-green-10: #eaffd4; --color-green-20: #d6f6b4; --color-green-30: #bade94; --color-green-40: #9fc873; --color-green-50: #83ad57; --color-green-60: #5a8034; --color-green-70: #40611f; --color-green-80: #2a4210; --color-green-90: #142603; --color-neutral-10: #ffffff; --color-neutral-20: #f3f3f3; --color-neutral-30: #dedede; --color-neutral-40: #bdbdbd; --color-neutral-50: #989898; --color-neutral-60: #585858; --color-neutral-70: #444444; --color-neutral-80: #212121; --color-neutral-90: #000000; --color-orange-10: #ffebce; --color-orange-20: #ffd495; --color-orange-30: #ffbb59; --color-orange-40: #ff9f14; --color-orange-50: #db860a; --color-orange-60: #a6670a; --color-orange-70: #824f06; --color-orange-80: #573607; --color-orange-90: #382303; --color-pink-10: #ffeaf5; --color-pink-20: #ffd5eb; --color-pink-30: #feb7dc; --color-pink-40: #f696c8; --color-pink-50: #e468a8; --color-pink-60: #c24887; --color-pink-70: #972962; --color-pink-80: #6d1142; --color-pink-90: #3c0725; --color-red-10: #fbdedc; --color-red-20: #fcc7c3; --color-red-30: #fdb3ae; --color-red-40: #ff9490; --color-red-50: #ff6165; --color-red-60: #e1003a; --color-red-70: #a80029; --color-red-80: #75001a; --color-red-90: #450101; --color-red-orange-10: #ffded0; --color-red-orange-20: #ffc9b2; --color-red-orange-30: #ffb595; --color-red-orange-40: #ff9868; --color-red-orange-50: #e67b49; --color-red-orange-60: #c45927; --color-red-orange-70: #9f4217; --color-red-orange-80: #6d2605; --color-red-orange-90: #451701; --color-teal-10: #d5fffa; --color-teal-20: #aaf4eb; --color-teal-30: #6de1d2; --color-teal-40: #00c7ae; --color-teal-50: #01aa95; --color-teal-60: #008070; --color-teal-70: #00544a; --color-teal-80: #003d35; --color-teal-90: #00211d; --color-transparent: rgba(0,0,0,0); --color-violet-10: #f2f2ff; --color-violet-20: #e0e0ff; --color-violet-30: #c9c9ff; --color-violet-40: #acacff; --color-violet-50: #9080f0; --color-violet-60: #7958d6; --color-violet-70: #593cac; --color-violet-80: #422a86; --color-violet-90: #1f0e51; --color-yellow-10: #fff8d9; --color-yellow-20: #fff1b2; --color-yellow-30: #ffe166; --color-yellow-40: #ffcd00; --color-yellow-50: #e5b800; --color-yellow-60: #b69200; --color-yellow-70: #846a01; --color-yellow-80: #604d00; --color-yellow-90: #423500; --color-brand-10: #fff8d9; --color-brand-20: #fff1b2; --color-brand-30: #ffe166; --color-brand-40: #ffcd00; --color-brand-50: #e5b800; --color-brand-60: #b69200; --color-brand-70: #846a01; --color-brand-80: #604d00; --color-brand-90: #423500; --color-overlay: color-mix(in oklab,#000000 55%,transparent); --color-secondary-blue: #55c3e9; --color-secondary-green: #bade94; --color-secondary-orange: #ff9868; --color-secondary-pink: #f696c8; --color-secondary-teal: #00c7ae; --color-secondary-violet: #acacff; --font-family-default: "Work Sans",sans-serif; --font-family-headings: "welcome-font",sans-serif; --font-family-icons: "welcome-icon-font"; --font-size-11: .6875rem; --font-size-12: .75rem; --font-size-13: .8125rem; --font-size-14: .875rem; --font-size-16: 1rem; --font-size-18: 1.125rem; --font-size-20: 1.25rem; --font-size-24: 1.5rem; --font-size-26: 1.625rem; --font-size-36: 2.25rem; --font-size-45: 2.8125rem; --font-size-65: 4.0625rem; --font-size-h0: 4.0625rem; --font-size-h1: 2.8125rem; --font-size-h2: 2.25rem; --font-size-h3: 1.625rem; --font-size-h4: 1.25rem; --font-size-h5: 1rem; --font-size-h6: .875rem; --font-size-lg: 1.125rem; --font-size-md: 1rem; --font-size-sm: .875rem; --font-size-subtitle-md: .8125rem; --font-size-subtitle-sm: .6875rem; --font-size-xl: 1.5rem; --font-size-xs: .75rem; --font-weight-400: 400; --font-weight-500: 500; --font-weight-600: 600; --font-weight-bold: 600; --font-weight-medium: 500; --font-weight-regular: 400; --height-4: .25rem; --height-8: .5rem; --height-10: .625rem; --height-12: .75rem; --height-16: 1rem; --height-20: 1.25rem; --height-24: 1.5rem; --height-30: 1.875rem; --height-32: 2rem; --height-40: 2.5rem; --height-48: 3rem; --height-50: 3.125rem; --height-60: 3.75rem; --height-64: 4rem; --height-elements-lg: 2.5rem; --height-elements-md: 2rem; --height-elements-sm: 1.5rem; --height-elements-xl: 3rem; --height-elements-xs: 1rem; --height-elements-xxl: 4rem; --height-elements-xxs: .75rem; --letter-spacing-h0: -.10625rem; --letter-spacing-h1: -.075rem; --letter-spacing-h2: -.0625rem; --letter-spacing-h3: -.05625rem; --letter-spacing-h4: -.0375rem; --letter-spacing-h5: -.03125rem; --letter-spacing-h6: -.03125rem; --letter-spacing-lg: -.019rem; --letter-spacing-md: -.019rem; --letter-spacing-sm: -.019rem; --letter-spacing-subtitle-md: -.0125rem; --letter-spacing-subtitle-sm: -.0125rem; --letter-spacing-xs: -.0125rem; --line-height-14: .875rem; --line-height-16: 1rem; --line-height-18: 1.125rem; --line-height-20: 1.25rem; --line-height-24: 1.5rem; --line-height-32: 2rem; --line-height-40: 2.5rem; --line-height-48: 3rem; --line-height-72: 4.5rem; --line-height-iso-font-size: 1rem; --line-height-h0: 4.5rem; --line-height-h1: 3rem; --line-height-h2: 2.5rem; --line-height-h3: 2rem; --line-height-h4: 1.5rem; --line-height-h5: 1.25rem; --line-height-h6: 1.125rem; --line-height-lg: 1.5rem; --line-height-md: 1.125rem; --line-height-sm: 1.125rem; --line-height-subtitle-md: 1rem; --line-height-subtitle-sm: 1rem; --line-height-xs: .875rem; --radius-2xl: 1.5rem; --radius-circle: calc(infinity * 1px); --radius-lg: .5rem; --radius-md: .25rem; --radius-sm: .125rem; --radius-xl: 1rem; --breakpoint-2xl: 1440px; --breakpoint-3xl: 1620px; --breakpoint-4xl: 1920px; --breakpoint-lg: 980px; --breakpoint-md: 736px; --breakpoint-sm: 480px; --breakpoint-xl: 1280px; --breakpoint-xs: 0px; --shadow-focus: 0 0 0 2px #ffcd00; --shadow-focus-danger: 0 0 0 2px #fdb3ae; --shadow-focus-success: 0 0 0 2px #bade94; --shadow-focus-warning: 0 0 0 2px #ffd495; --shadow-md: 3px 4px 10px 0 color-mix(in oklab,#000000 7%,transparent); --shadow-sm: 1px 2px 4px 0 color-mix(in oklab,#000000 5%,transparent); --spacing-0: 0; --spacing-2: .125rem; --spacing-3: .1875rem; --spacing-4: .25rem; --spacing-8: .5rem; --spacing-12: .75rem; --spacing-16: 1rem; --spacing-24: 1.5rem; --spacing-28: 1.75rem; --spacing-32: 2rem; --spacing-36: 2.25rem; --spacing-48: 3rem; --spacing-64: 4rem; --spacing-96: 6rem; --spacing-128: 8rem; --spacing-192: 12rem; --spacing-3xl: 3rem; --spacing-4xl: 4rem; --spacing-5xl: 6rem; --spacing-6xl: 8rem; --spacing-7xl: 12rem; --spacing-lg: 1rem; --spacing-md: .75rem; --spacing-sm: .5rem; --spacing-xl: 1.5rem; --spacing-xs: .25rem; --spacing-xxl: 2rem; --spacing-xxs: .125rem; --duration-fast: .1s; --duration-medium: .3s; --duration-slow: .5s; --timing-primary: ease; --timing-secondary: linear; --timing-tertiary: cubic-bezier(.41,.094,.54,.07);}@layer base{html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{min-width:0;min-height:0;font-size:100%;vertical-align:baseline}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{text-decoration:none}img{overflow:hidden}input{-webkit-appearance:none;-moz-appearance:none;appearance:none}input::-webkit-search-cancel-button{display:none}*,*:after,*:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}body{min-height:100%;padding-top:1px;margin-top:-1px}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-headings)}}
@@ -0,0 +1,13 @@
1
+ "use client";
2
+ const r = (n, u, s = !0) => {
3
+ let t = null, e = null;
4
+ return (...o) => {
5
+ const l = () => {
6
+ n(...e), t = null;
7
+ };
8
+ e = o, t || (s && l(), t = setTimeout(l, u));
9
+ };
10
+ };
11
+ export {
12
+ r as t
13
+ };
@@ -1,2 +1 @@
1
- import { AspectRatioProps } from './types';
2
- export declare const AspectRatio: import('../../utils').FunctionComponentWithAs<"div", AspectRatioProps>;
1
+ export declare const AspectRatio: import('../../utils').FunctionComponentWithAs<"div", import('./types').AspectRatioOptions>;
@@ -1,5 +1,14 @@
1
- import { PolymorphicProps } from '../../theme/types';
2
1
  export interface AspectRatioOptions {
3
- ratio?: number;
2
+ /**
3
+ * The aspect ratio of the component.
4
+ * @default '4-3'
5
+ *
6
+ * Options:
7
+ * - 'square' → 1 / 1
8
+ * - '4-3' → 4 / 3
9
+ * - '3-2' → 3 / 2
10
+ * - 'video' → 16 / 9
11
+ */
12
+ ratio?: '3-2' | '4-3' | 'square' | 'video';
4
13
  }
5
- export type AspectRatioProps<T extends React.ElementType = 'div'> = AspectRatioOptions & PolymorphicProps<T>;
14
+ export type AspectRatioProps = AspectRatioOptions;