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
@@ -1 +1 @@
1
- @layer components{._root_1p11o_2{position:relative}._root_1p11o_2>*{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%}._root_1p11o_2>img,._root_1p11o_2>video{object-fit:cover}._root_1p11o_2:before{height:0;content:"";display:block;padding-bottom:calc(1 / var(--aspect-ratio) * 100%)}}
1
+ @layer components{._root_1s56r_2>*{aspect-ratio:var(--aspect-ratio, 4/3)}._root_1s56r_2>img,._root_1s56r_2>video{object-fit:cover}._ratio-square_1s56r_8{--aspect-ratio: 1 / 1}._ratio-4-3_1s56r_11{--aspect-ratio: 4 / 3}._ratio-3-2_1s56r_14{--aspect-ratio: 3 / 2}._ratio-video_1s56r_17{--aspect-ratio: 16 / 9}}
@@ -1,16 +1,17 @@
1
1
  "use client";
2
- import { jsx as e } from "react/jsx-runtime";
3
- import { c as i } from "./classNames-qiokGROM.js";
4
- import { f as m } from "./forwardRefWithAs-8eP3ZN15.js";
5
- const p = "_root_1p11o_2", n = {
6
- root: p
7
- }, f = i(n), l = m(
8
- ({ as: o = "div", className: t, ratio: s = 4 / 3, ...r }, a) => {
9
- const c = { "--aspect-ratio": s };
10
- return /* @__PURE__ */ e(o, { className: f("root", t), ref: a, style: c, ...r });
11
- }
2
+ import { jsx as i } from "react/jsx-runtime";
3
+ import { c as e } from "./classNames-qiokGROM.js";
4
+ import { f as _ } from "./forwardRefWithAs-8eP3ZN15.js";
5
+ const c = "_root_1s56r_2", m = {
6
+ root: c,
7
+ "ratio-square": "_ratio-square_1s56r_8",
8
+ "ratio-4-3": "_ratio-4-3_1s56r_11",
9
+ "ratio-3-2": "_ratio-3-2_1s56r_14",
10
+ "ratio-video": "_ratio-video_1s56r_17"
11
+ }, p = e(m), f = _(
12
+ ({ as: o = "div", className: r, ratio: t = "4-3", ...s }, a) => /* @__PURE__ */ i(o, { className: p("root", `ratio-${t}`, r), ref: a, ...s })
12
13
  );
13
- l.displayName = "AspectRatio";
14
+ f.displayName = "AspectRatio";
14
15
  export {
15
- l as AspectRatio
16
+ f as AspectRatio
16
17
  };
@@ -1 +1 @@
1
- @layer components{._root_eoy6t_2{height:100%;position:relative;overflow-x:hidden;padding:var(--spacing-sm) 0;font-size:var(--font-size-subtitle-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-subtitle-sm);line-height:var(--line-height-subtitle-sm);text-transform:uppercase}._list_eoy6t_13{display:inline-flex;align-items:center;max-width:100%;overflow-x:auto;margin:0;padding:0;list-style:none;white-space:nowrap}._start-gradient_eoy6t_23{left:0;transform-origin:left}._end-gradient_eoy6t_27{right:0;transform-origin:right}._start-gradient_eoy6t_23,._end-gradient_eoy6t_27{position:absolute;bottom:0;top:0;width:var(--spacing-xxl)}}@layer components{._root_1ai63_2{display:inline-flex;flex:0 0 auto;line-height:normal}._item_1ai63_7{color:var(--color-neutral-60);text-decoration:none;align-items:center;transition:medium;direction:initial}._item_1ai63_7:hover,._item_1ai63_7[aria-current=page]{color:var(--color-neutral-70)}._item_1ai63_7[aria-disabled=true]{pointer-events:none;cursor:default}._separator_1ai63_24{color:var(--color-neutral-50);padding:0 var(--spacing-xs);display:flex;align-items:center}}
1
+ @layer components{._root_9vqpr_2{height:100%;position:relative;overflow-x:hidden;padding:var(--spacing-sm) 0;font-size:var(--font-size-subtitle-sm);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-subtitle-sm);line-height:var(--line-height-subtitle-sm);text-transform:uppercase;font-family:var(--font-family-headings)}._list_9vqpr_14{display:inline-flex;align-items:center;max-width:100%;overflow-x:auto;margin:0;padding:0;list-style:none;white-space:nowrap}._start-gradient_9vqpr_24{left:0;transform-origin:left}._end-gradient_9vqpr_28{right:0;transform-origin:right}._start-gradient_9vqpr_24,._end-gradient_9vqpr_28{position:absolute;bottom:0;top:0;width:var(--spacing-xxl)}._item-wrapper_9vqpr_39{display:inline-flex;flex:0 0 auto;line-height:normal}._item-content_9vqpr_44{color:var(--breadcrumbItemColor, var(--color-neutral-50));text-decoration:none;align-items:center;transition:medium;direction:initial}._item-content_9vqpr_44:hover,._item-content_9vqpr_44[aria-current=page]{--breadcrumbItemColor: var(--color-neutral-70)}._item-content_9vqpr_44[aria-disabled=true]{pointer-events:none;cursor:default}._item-separator_9vqpr_58{color:var(--color-neutral-50);padding:0 var(--spacing-xs);display:flex;align-items:center}}
@@ -1,48 +1,47 @@
1
1
  "use client";
2
- import { jsxs as te, jsx as z } from "react/jsx-runtime";
3
- import { forwardRef as re, Children as pe, cloneElement as be, useRef as A, useState as V, useCallback as X, useMemo as ge, useEffect as q } from "react";
2
+ import { jsxs as te, jsx as R } from "react/jsx-runtime";
3
+ import { forwardRef as re, Children as pe, cloneElement as be, useRef as M, useState as H, useCallback as V, useMemo as ge, useEffect as X } from "react";
4
4
  import "./Icon-CvQNL_iy.js";
5
5
  import { R as me } from "./index-BYbxYLuX.js";
6
6
  import { c as ne } from "./classNames-qiokGROM.js";
7
- import { createGlobalStyle as xe, css as ie } from "@xstyled/styled-components";
8
- import "react-dom";
9
- var b = [], we = function() {
7
+ import { t as xe } from "./throttle-BDBzFeFj.js";
8
+ var b = [], ze = function() {
10
9
  return b.some(function(e) {
11
10
  return e.activeTargets.length > 0;
12
11
  });
13
- }, ze = function() {
12
+ }, Re = function() {
14
13
  return b.some(function(e) {
15
14
  return e.skippedTargets.length > 0;
16
15
  });
17
- }, $ = "ResizeObserver loop completed with undelivered notifications.", Re = function() {
16
+ }, $ = "ResizeObserver loop completed with undelivered notifications.", we = function() {
18
17
  var e;
19
18
  typeof ErrorEvent == "function" ? e = new ErrorEvent("error", {
20
19
  message: $
21
20
  }) : (e = document.createEvent("Event"), e.initEvent("error", !1, !1), e.message = $), window.dispatchEvent(e);
22
- }, E;
21
+ }, y;
23
22
  (function(e) {
24
23
  e.BORDER_BOX = "border-box", e.CONTENT_BOX = "content-box", e.DEVICE_PIXEL_CONTENT_BOX = "device-pixel-content-box";
25
- })(E || (E = {}));
24
+ })(y || (y = {}));
26
25
  var g = function(e) {
27
26
  return Object.freeze(e);
28
- }, ye = /* @__PURE__ */ function() {
27
+ }, Oe = /* @__PURE__ */ function() {
29
28
  function e(t, r) {
30
29
  this.inlineSize = t, this.blockSize = r, g(this);
31
30
  }
32
31
  return e;
33
- }(), oe = function() {
32
+ }(), ie = function() {
34
33
  function e(t, r, n, i) {
35
34
  return this.x = t, this.y = r, this.width = n, this.height = i, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, g(this);
36
35
  }
37
36
  return e.prototype.toJSON = function() {
38
- var t = this, r = t.x, n = t.y, i = t.top, o = t.right, s = t.bottom, v = t.left, c = t.width, l = t.height;
39
- return { x: r, y: n, top: i, right: o, bottom: s, left: v, width: c, height: l };
37
+ var t = this, r = t.x, n = t.y, i = t.top, o = t.right, s = t.bottom, l = t.left, c = t.width, v = t.height;
38
+ return { x: r, y: n, top: i, right: o, bottom: s, left: l, width: c, height: v };
40
39
  }, e.fromRect = function(t) {
41
40
  return new e(t.x, t.y, t.width, t.height);
42
41
  }, e;
43
42
  }(), P = function(e) {
44
43
  return e instanceof SVGElement && "getBBox" in e;
45
- }, se = function(e) {
44
+ }, oe = function(e) {
46
45
  if (P(e)) {
47
46
  var t = e.getBBox(), r = t.width, n = t.height;
48
47
  return !r && !n;
@@ -55,7 +54,7 @@ var g = function(e) {
55
54
  return !0;
56
55
  var r = (t = e == null ? void 0 : e.ownerDocument) === null || t === void 0 ? void 0 : t.defaultView;
57
56
  return !!(r && e instanceof r.Element);
58
- }, Oe = function(e) {
57
+ }, Ee = function(e) {
59
58
  switch (e.tagName) {
60
59
  case "INPUT":
61
60
  if (e.type !== "image")
@@ -70,45 +69,45 @@ var g = function(e) {
70
69
  return !0;
71
70
  }
72
71
  return !1;
73
- }, O = typeof window < "u" ? window : {}, S = /* @__PURE__ */ new WeakMap(), U = /auto|scroll/, Ee = /^tb|vertical/, Te = /msie|trident/i.test(O.navigator && O.navigator.userAgent), d = function(e) {
72
+ }, E = typeof window < "u" ? window : {}, S = /* @__PURE__ */ new WeakMap(), U = /auto|scroll/, ye = /^tb|vertical/, Te = /msie|trident/i.test(E.navigator && E.navigator.userAgent), d = function(e) {
74
73
  return parseFloat(e || "0");
75
- }, w = function(e, t, r) {
76
- return e === void 0 && (e = 0), t === void 0 && (t = 0), r === void 0 && (r = !1), new ye((r ? t : e) || 0, (r ? e : t) || 0);
74
+ }, z = function(e, t, r) {
75
+ return e === void 0 && (e = 0), t === void 0 && (t = 0), r === void 0 && (r = !1), new Oe((r ? t : e) || 0, (r ? e : t) || 0);
77
76
  }, Y = g({
78
- devicePixelContentBoxSize: w(),
79
- borderBoxSize: w(),
80
- contentBoxSize: w(),
81
- contentRect: new oe(0, 0, 0, 0)
82
- }), ae = function(e, t) {
77
+ devicePixelContentBoxSize: z(),
78
+ borderBoxSize: z(),
79
+ contentBoxSize: z(),
80
+ contentRect: new ie(0, 0, 0, 0)
81
+ }), se = function(e, t) {
83
82
  if (t === void 0 && (t = !1), S.has(e) && !t)
84
83
  return S.get(e);
85
- if (se(e))
84
+ if (oe(e))
86
85
  return S.set(e, Y), Y;
87
- var r = getComputedStyle(e), n = P(e) && e.ownerSVGElement && e.getBBox(), i = !Te && r.boxSizing === "border-box", o = Ee.test(r.writingMode || ""), s = !n && U.test(r.overflowY || ""), v = !n && U.test(r.overflowX || ""), c = n ? 0 : d(r.paddingTop), l = n ? 0 : d(r.paddingRight), h = n ? 0 : d(r.paddingBottom), f = n ? 0 : d(r.paddingLeft), R = n ? 0 : d(r.borderTopWidth), a = n ? 0 : d(r.borderRightWidth), u = n ? 0 : d(r.borderBottomWidth), m = n ? 0 : d(r.borderLeftWidth), p = f + l, x = c + h, y = m + a, D = R + u, G = v ? e.offsetHeight - D - e.clientHeight : 0, F = s ? e.offsetWidth - y - e.clientWidth : 0, ve = i ? p + y : 0, de = i ? x + D : 0, T = n ? n.width : d(r.width) - ve - F, B = n ? n.height : d(r.height) - de - G, fe = T + p + F + y, he = B + x + G + D, H = g({
88
- devicePixelContentBoxSize: w(Math.round(T * devicePixelRatio), Math.round(B * devicePixelRatio), o),
89
- borderBoxSize: w(fe, he, o),
90
- contentBoxSize: w(T, B, o),
91
- contentRect: new oe(f, c, T, B)
86
+ var r = getComputedStyle(e), n = P(e) && e.ownerSVGElement && e.getBBox(), i = !Te && r.boxSizing === "border-box", o = ye.test(r.writingMode || ""), s = !n && U.test(r.overflowY || ""), l = !n && U.test(r.overflowX || ""), c = n ? 0 : d(r.paddingTop), v = n ? 0 : d(r.paddingRight), h = n ? 0 : d(r.paddingBottom), f = n ? 0 : d(r.paddingLeft), w = n ? 0 : d(r.borderTopWidth), a = n ? 0 : d(r.borderRightWidth), u = n ? 0 : d(r.borderBottomWidth), m = n ? 0 : d(r.borderLeftWidth), p = f + v, x = c + h, O = m + a, D = w + u, q = l ? e.offsetHeight - D - e.clientHeight : 0, G = s ? e.offsetWidth - O - e.clientWidth : 0, le = i ? p + O : 0, de = i ? x + D : 0, T = n ? n.width : d(r.width) - le - G, B = n ? n.height : d(r.height) - de - q, fe = T + p + G + O, he = B + x + q + D, F = g({
87
+ devicePixelContentBoxSize: z(Math.round(T * devicePixelRatio), Math.round(B * devicePixelRatio), o),
88
+ borderBoxSize: z(fe, he, o),
89
+ contentBoxSize: z(T, B, o),
90
+ contentRect: new ie(f, c, T, B)
92
91
  });
93
- return S.set(e, H), H;
94
- }, ce = function(e, t, r) {
95
- var n = ae(e, r), i = n.borderBoxSize, o = n.contentBoxSize, s = n.devicePixelContentBoxSize;
92
+ return S.set(e, F), F;
93
+ }, ae = function(e, t, r) {
94
+ var n = se(e, r), i = n.borderBoxSize, o = n.contentBoxSize, s = n.devicePixelContentBoxSize;
96
95
  switch (t) {
97
- case E.DEVICE_PIXEL_CONTENT_BOX:
96
+ case y.DEVICE_PIXEL_CONTENT_BOX:
98
97
  return s;
99
- case E.BORDER_BOX:
98
+ case y.BORDER_BOX:
100
99
  return i;
101
100
  default:
102
101
  return o;
103
102
  }
104
103
  }, Be = /* @__PURE__ */ function() {
105
104
  function e(t) {
106
- var r = ae(t);
105
+ var r = se(t);
107
106
  this.target = t, this.contentRect = r.contentRect, this.borderBoxSize = g([r.borderBoxSize]), this.contentBoxSize = g([r.contentBoxSize]), this.devicePixelContentBoxSize = g([r.devicePixelContentBoxSize]);
108
107
  }
109
108
  return e;
110
- }(), le = function(e) {
111
- if (se(e))
109
+ }(), ce = function(e) {
110
+ if (oe(e))
112
111
  return 1 / 0;
113
112
  for (var t = 0, r = e.parentNode; r; )
114
113
  t += 1, r = r.parentNode;
@@ -117,12 +116,12 @@ var g = function(e) {
117
116
  var e = 1 / 0, t = [];
118
117
  b.forEach(function(s) {
119
118
  if (s.activeTargets.length !== 0) {
120
- var v = [];
121
- s.activeTargets.forEach(function(l) {
122
- var h = new Be(l.target), f = le(l.target);
123
- v.push(h), l.lastReportedSize = ce(l.target, l.observedBox), f < e && (e = f);
119
+ var l = [];
120
+ s.activeTargets.forEach(function(v) {
121
+ var h = new Be(v.target), f = ce(v.target);
122
+ l.push(h), v.lastReportedSize = ae(v.target, v.observedBox), f < e && (e = f);
124
123
  }), t.push(function() {
125
- s.callback.call(s.observer, v, s.observer);
124
+ s.callback.call(s.observer, l, s.observer);
126
125
  }), s.activeTargets.splice(0, s.activeTargets.length);
127
126
  }
128
127
  });
@@ -134,35 +133,35 @@ var g = function(e) {
134
133
  }, j = function(e) {
135
134
  b.forEach(function(r) {
136
135
  r.activeTargets.splice(0, r.activeTargets.length), r.skippedTargets.splice(0, r.skippedTargets.length), r.observationTargets.forEach(function(i) {
137
- i.isActive() && (le(i.target) > e ? r.activeTargets.push(i) : r.skippedTargets.push(i));
136
+ i.isActive() && (ce(i.target) > e ? r.activeTargets.push(i) : r.skippedTargets.push(i));
138
137
  });
139
138
  });
140
139
  }, _e = function() {
141
140
  var e = 0;
142
- for (j(e); we(); )
141
+ for (j(e); ze(); )
143
142
  e = Se(), j(e);
144
- return ze() && Re(), e > 0;
145
- }, I, ue = [], Ce = function() {
146
- return ue.splice(0).forEach(function(e) {
143
+ return Re() && we(), e > 0;
144
+ }, A, ve = [], Ce = function() {
145
+ return ve.splice(0).forEach(function(e) {
147
146
  return e();
148
147
  });
149
148
  }, Ne = function(e) {
150
- if (!I) {
149
+ if (!A) {
151
150
  var t = 0, r = document.createTextNode(""), n = { characterData: !0 };
152
151
  new MutationObserver(function() {
153
152
  return Ce();
154
- }).observe(r, n), I = function() {
153
+ }).observe(r, n), A = function() {
155
154
  r.textContent = "".concat(t ? t-- : t++);
156
155
  };
157
156
  }
158
- ue.push(e), I();
157
+ ve.push(e), A();
159
158
  }, ke = function(e) {
160
159
  Ne(function() {
161
160
  requestAnimationFrame(e);
162
161
  });
163
162
  }, N = 0, De = function() {
164
163
  return !!N;
165
- }, Ae = 250, Ie = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, K = [
164
+ }, Me = 250, Ae = { attributes: !0, characterData: !0, childList: !0, subtree: !0 }, K = [
166
165
  "resize",
167
166
  "load",
168
167
  "transitionend",
@@ -179,7 +178,7 @@ var g = function(e) {
179
178
  "focus"
180
179
  ], Q = function(e) {
181
180
  return e === void 0 && (e = 0), Date.now() + e;
182
- }, M = !1, Me = function() {
181
+ }, I = !1, Ie = function() {
183
182
  function e() {
184
183
  var t = this;
185
184
  this.stopped = !0, this.listener = function() {
@@ -188,15 +187,15 @@ var g = function(e) {
188
187
  }
189
188
  return e.prototype.run = function(t) {
190
189
  var r = this;
191
- if (t === void 0 && (t = Ae), !M) {
192
- M = !0;
190
+ if (t === void 0 && (t = Me), !I) {
191
+ I = !0;
193
192
  var n = Q(t);
194
193
  ke(function() {
195
194
  var i = !1;
196
195
  try {
197
196
  i = _e();
198
197
  } finally {
199
- if (M = !1, t = n - Q(), !De())
198
+ if (I = !1, t = n - Q(), !De())
200
199
  return;
201
200
  i ? r.run(1e3) : t > 0 ? r.run(t) : r.start();
202
201
  }
@@ -206,33 +205,33 @@ var g = function(e) {
206
205
  this.stop(), this.run();
207
206
  }, e.prototype.observe = function() {
208
207
  var t = this, r = function() {
209
- return t.observer && t.observer.observe(document.body, Ie);
208
+ return t.observer && t.observer.observe(document.body, Ae);
210
209
  };
211
- document.body ? r() : O.addEventListener("DOMContentLoaded", r);
210
+ document.body ? r() : E.addEventListener("DOMContentLoaded", r);
212
211
  }, e.prototype.start = function() {
213
212
  var t = this;
214
213
  this.stopped && (this.stopped = !1, this.observer = new MutationObserver(this.listener), this.observe(), K.forEach(function(r) {
215
- return O.addEventListener(r, t.listener, !0);
214
+ return E.addEventListener(r, t.listener, !0);
216
215
  }));
217
216
  }, e.prototype.stop = function() {
218
217
  var t = this;
219
218
  this.stopped || (this.observer && this.observer.disconnect(), K.forEach(function(r) {
220
- return O.removeEventListener(r, t.listener, !0);
219
+ return E.removeEventListener(r, t.listener, !0);
221
220
  }), this.stopped = !0);
222
221
  }, e;
223
- }(), W = new Me(), Z = function(e) {
222
+ }(), W = new Ie(), Z = function(e) {
224
223
  !N && e > 0 && W.start(), N += e, !N && W.stop();
225
224
  }, Le = function(e) {
226
- return !P(e) && !Oe(e) && getComputedStyle(e).display === "inline";
225
+ return !P(e) && !Ee(e) && getComputedStyle(e).display === "inline";
227
226
  }, We = function() {
228
227
  function e(t, r) {
229
- this.target = t, this.observedBox = r || E.CONTENT_BOX, this.lastReportedSize = {
228
+ this.target = t, this.observedBox = r || y.CONTENT_BOX, this.lastReportedSize = {
230
229
  inlineSize: 0,
231
230
  blockSize: 0
232
231
  };
233
232
  }
234
233
  return e.prototype.isActive = function() {
235
- var t = ce(this.target, this.observedBox, !0);
234
+ var t = ae(this.target, this.observedBox, !0);
236
235
  return Le(this.target) && (this.lastReportedSize = t), this.lastReportedSize.inlineSize !== t.inlineSize || this.lastReportedSize.blockSize !== t.blockSize;
237
236
  }, e;
238
237
  }(), Pe = /* @__PURE__ */ function() {
@@ -263,7 +262,7 @@ var g = function(e) {
263
262
  return r.unobserve(t, i.target);
264
263
  }), n.activeTargets.splice(0, n.activeTargets.length);
265
264
  }, e;
266
- }(), Ge = function() {
265
+ }(), qe = function() {
267
266
  function e(t) {
268
267
  if (arguments.length === 0)
269
268
  throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
@@ -289,86 +288,64 @@ var g = function(e) {
289
288
  return "function ResizeObserver () { [polyfill code] }";
290
289
  }, e;
291
290
  }();
292
- const Fe = (e, t, r) => Math.min(Math.max(e, t), r), He = "data-wui-hidefocusrings";
293
- xe(
294
- () => ie`
295
- [${He}] *:focus {
296
- outline: none;
297
- }
298
- `
299
- );
300
- ie`
301
- white-space: nowrap;
302
- overflow: hidden;
303
- text-overflow: ellipsis;
304
- `;
305
- const Ve = (e, t, r = !0) => {
306
- let n = null, i = null;
307
- return (...o) => {
308
- const s = () => {
309
- e(...i), n = null;
310
- };
311
- i = o, n || (r && s(), n = setTimeout(s, t));
312
- };
313
- }, Xe = "_root_eoy6t_2", qe = "_list_eoy6t_13", $e = {
314
- root: Xe,
315
- list: qe,
316
- "start-gradient": "_start-gradient_eoy6t_23",
317
- "end-gradient": "_end-gradient_eoy6t_27"
318
- }, Je = "_root_1ai63_2", Ue = "_item_1ai63_7", Ye = "_separator_1ai63_24", je = {
319
- root: Je,
320
- item: Ue,
321
- separator: Ye
322
- }, L = ne(je), Ke = re(
291
+ const Ge = (e, t, r) => Math.min(Math.max(e, t), r), Fe = "_root_9vqpr_2", He = "_list_9vqpr_14", ue = {
292
+ root: Fe,
293
+ list: He,
294
+ "start-gradient": "_start-gradient_9vqpr_24",
295
+ "end-gradient": "_end-gradient_9vqpr_28",
296
+ "item-wrapper": "_item-wrapper_9vqpr_39",
297
+ "item-content": "_item-content_9vqpr_44",
298
+ "item-separator": "_item-separator_9vqpr_58"
299
+ }, L = ne(ue), Ve = re(
323
300
  ({ children: e, "data-testid": t, isActive: r, separator: n, ...i }, o) => {
324
301
  const s = i.href || i.to;
325
- return /* @__PURE__ */ te("li", { "aria-label": "breadcrumb", className: L("root"), "data-testid": t, children: [
326
- n ? /* @__PURE__ */ z("span", { className: L("separator"), role: "presentation", children: n }) : null,
327
- /* @__PURE__ */ z(
302
+ return /* @__PURE__ */ te("li", { "aria-label": "breadcrumb", className: L("item-wrapper"), "data-testid": t, children: [
303
+ n ? /* @__PURE__ */ R("span", { className: L("item-separator"), role: "presentation", children: n }) : null,
304
+ /* @__PURE__ */ R(
328
305
  "a",
329
306
  {
330
307
  "aria-current": r ? "page" : void 0,
331
308
  "aria-disabled": !s,
332
309
  ...i,
333
- className: L("item", i.className),
310
+ className: L("item-content", i.className),
334
311
  ref: o,
335
312
  children: e
336
313
  }
337
314
  )
338
315
  ] });
339
316
  }
340
- ), k = ne($e), Qe = re(
341
- ({ children: e, lastChildNotClickable: t = !0, separator: r = /* @__PURE__ */ z(me, { size: "xs" }), ...n }, i) => {
342
- const o = pe.toArray(e).filter(Boolean), s = o.length, v = o.map((R, a) => {
317
+ ), k = ne(ue), Xe = re(
318
+ ({ children: e, lastChildNotClickable: t = !0, separator: r = /* @__PURE__ */ R(me, { size: "xs" }), ...n }, i) => {
319
+ const o = pe.toArray(e).filter(Boolean), s = o.length, l = o.map((w, a) => {
343
320
  const u = s === 1 || s === a + 1;
344
- return be(R, {
321
+ return be(w, {
345
322
  isActive: u && t,
346
323
  key: `breadcrumb-${a}`,
347
324
  separator: u ? void 0 : r,
348
- ...R.props
325
+ ...w.props
349
326
  });
350
- }), { endGradient: c, listRef: l, onListScroll: h, startGradient: f } = Ze();
327
+ }), { endGradient: c, listRef: v, onListScroll: h, startGradient: f } = $e();
351
328
  return /* @__PURE__ */ te("nav", { ref: i, ...n, className: k("root", n.className), children: [
352
329
  f,
353
- /* @__PURE__ */ z("ol", { className: k("list"), dir: "rtl", onScroll: h, ref: l, children: v.reverse() }),
330
+ /* @__PURE__ */ R("ol", { className: k("list"), dir: "rtl", onScroll: h, ref: v, children: l.reverse() }),
354
331
  c
355
332
  ] });
356
333
  }
357
- ), at = Object.assign(Qe, {
358
- Item: Ke
359
- }), Ze = () => {
360
- const e = A(null), t = A(), r = A(), [n, i] = V(!1), [o, s] = V(0), v = (a, u) => {
334
+ ), Ze = Object.assign(Xe, {
335
+ Item: Ve
336
+ }), $e = () => {
337
+ const e = M(null), t = M(), r = M(), [n, i] = H(!1), [o, s] = H(0), l = (a, u) => {
361
338
  a && (a.style.transform = `scale3d(${u}, 1, 1)`);
362
- }, c = X((a) => {
339
+ }, c = V((a) => {
363
340
  const u = 1 - a;
364
- v(t.current, u), v(r.current, a);
365
- }, []), l = X(() => {
341
+ l(t.current, u), l(r.current, a);
342
+ }, []), v = V(() => {
366
343
  const {
367
344
  current: { offsetWidth: a, scrollLeft: u, scrollWidth: m }
368
- } = e, p = m - a, y = Fe(Math.abs(u - o), 0, p) / p;
369
- c(y);
345
+ } = e, p = m - a, O = Ge(Math.abs(u - o), 0, p) / p;
346
+ c(O);
370
347
  }, [o, c]), h = ge(
371
- () => Ve(
348
+ () => xe(
372
349
  (a) => {
373
350
  const [
374
351
  {
@@ -385,28 +362,28 @@ const Ve = (e, t, r = !0) => {
385
362
  ),
386
363
  [o]
387
364
  );
388
- q(() => {
389
- const a = new Ge(h);
365
+ X(() => {
366
+ const a = new qe(h);
390
367
  return a.observe(e.current), () => a.disconnect();
391
- }, []), q(() => {
368
+ }, []), X(() => {
392
369
  t.current && r.current && c(0);
393
370
  }, [n, c]);
394
- const f = n ? /* @__PURE__ */ z(
371
+ const f = n ? /* @__PURE__ */ R(
395
372
  "span",
396
373
  {
397
374
  className: k("start-gradient", "bg-linear-to-r from-neutral-10 to-transparent"),
398
375
  ref: t
399
376
  }
400
377
  ) : null;
401
- return { endGradient: n ? /* @__PURE__ */ z(
378
+ return { endGradient: n ? /* @__PURE__ */ R(
402
379
  "span",
403
380
  {
404
381
  className: k("end-gradient", "bg-linear-to-l from-neutral-10 to-transparent"),
405
382
  ref: r
406
383
  }
407
- ) : null, listRef: e, onListScroll: l, startGradient: f };
384
+ ) : null, listRef: e, onListScroll: v, startGradient: f };
408
385
  };
409
386
  export {
410
- at as Breadcrumb,
411
- Qe as BreadcrumbComponent
387
+ Ze as Breadcrumb,
388
+ Xe as BreadcrumbComponent
412
389
  };
package/dist/Button.css CHANGED
@@ -1 +1 @@
1
- @layer components{._root_sj9n9_2{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-style:solid;border-width:var(--border-width-sm);transition-property:all;transition-duration:var(--duration-medium);outline:transparent solid var(--border-width-md);font-weight:var(--font-weight-bold);aspect-ratio:var(--aspectRatio, auto);height:var(--height);padding-inline:var(--paddingInline);border-radius:var(--borderRadius);font-size:var(--fontSize);color:var(--color, var(--color-neutral-90));background-color:var(--backgroundColor);border-color:var(--borderColor);line-height:var(--lineHeight)}._root_sj9n9_2[data-focus-visible],._root_sj9n9_2:focus-visible{outline-color:var(--outlineColorFocus)}@media (hover: hover) and (pointer: fine){._root_sj9n9_2:hover{background-color:var(--backgroundColorHover);border-color:var(--borderColorHover)}}._root_sj9n9_2:active{background-color:var(--backgroundColorActive);border-color:var(--borderColorActive)}._root_sj9n9_2:disabled,._root_sj9n9_2[aria-disabled]{background-color:var(--backgroundColorDisabled);border-color:var(--borderColorDisabled);color:var(--colorDisabled);cursor:var(--cursorDisabled)}._root_sj9n9_2:has(i.wui-icon-font),._root_sj9n9_2:has(svg){padding-inline:var(--paddingInlineHasIcon)}._root_sj9n9_2 i.wui-icon-font,._root_sj9n9_2 svg{font-weight:initial}._root_sj9n9_2 i.wui-icon-font:only-child,._root_sj9n9_2 svg:only-child{width:var(--iconOnlySize);height:var(--iconOnlySize);font-size:var(--iconOnlySize)}._root_sj9n9_2 i.wui-icon-font:not(:only-child),._root_sj9n9_2 svg:not(:only-child){width:var(--iconDefaultSize);height:var(--iconDefaultSize);font-size:var(--iconDefaultSize)}._root_sj9n9_2 i.wui-icon-font:first-child:not(:only-child),._root_sj9n9_2 svg:first-child:not(:only-child){margin-inline-end:var(--spacing-xs)}._root_sj9n9_2 i.wui-icon-font:last-child:not(:only-child),._root_sj9n9_2 svg:last-child:not(:only-child){margin-inline-start:var(--spacing-xs)}._shape-default_sj9n9_77{--borderRadius: var(--radius-md)}._shape-circle_sj9n9_80{--borderRadius: var(--radius-circle)}._shape-square_sj9n9_83{--borderRadius: var(--radius-md)}._shape-circle_sj9n9_80._size-lg_sj9n9_86,._shape-circle_sj9n9_80._size-md_sj9n9_86,._shape-circle_sj9n9_80._size-sm_sj9n9_86,._shape-circle_sj9n9_80._size-xs_sj9n9_86,._shape-square_sj9n9_83._size-lg_sj9n9_86,._shape-square_sj9n9_83._size-md_sj9n9_86,._shape-square_sj9n9_83._size-sm_sj9n9_86,._shape-square_sj9n9_83._size-xs_sj9n9_86{--aspectRatio: 1;--paddingInline: 0;--paddingInlineHasIcon: 0}._shape-circle_sj9n9_80._size-lg_sj9n9_86,._shape-square_sj9n9_83._size-lg_sj9n9_86{--fontSize: var(--font-size-xl)}._shape-circle_sj9n9_80._size-md_sj9n9_86,._shape-square_sj9n9_83._size-md_sj9n9_86,._shape-circle_sj9n9_80._size-sm_sj9n9_86,._shape-square_sj9n9_83._size-sm_sj9n9_86,._shape-circle_sj9n9_80._size-xs_sj9n9_86,._shape-square_sj9n9_83._size-xs_sj9n9_86{--fontSize: var(--font-size-md)}._size-xs_sj9n9_86{--fontSize: var(--font-size-xs);--height: var(--height-elements-sm);--paddingInline: var(--spacing-sm);--paddingInlineHasIcon: var(--spacing-sm);--iconDefaultSize: .75rem;--iconOnlySize: 1rem;--lineHeight: var(--line-height-xs)}._size-sm_sj9n9_86{--fontSize: var(--font-size-xs);--height: var(--height-elements-md);--paddingInline: var(--spacing-sm);--paddingInlineHasIcon: var(--spacing-md);--iconDefaultSize: 1rem;--iconOnlySize: 1rem;--lineHeight: var(--line-height-xs)}._size-md_sj9n9_86{--fontSize: var(--font-size-sm);--height: var(--height-elements-lg);--paddingInline: var(--spacing-xl);--paddingInlineHasIcon: var(--spacing-md);--iconDefaultSize: 1rem;--iconOnlySize: 1rem;--lineHeight: var(--line-height-sm)}._size-lg_sj9n9_86{--fontSize: var(--font-size-sm);--height: var(--height-elements-xl);--paddingInline: var(--spacing-xl);--paddingInlineHasIcon: var(--spacing-lg);--iconDefaultSize: 1rem;--iconOnlySize: 1.5rem;--lineHeight: var(--line-height-sm)}._variant-disabled_sj9n9_139{--backgroundColorDisabled: var(--color-beige-40);--borderColorDisabled: var(--color-beige-40);--colorDisabled: var(--color-beige-70);--cursorDisabled: not-allowed;--outlineColorFocus: var(--color-beige-10)}._variant-ghost_sj9n9_146{--backgroundColorActive: color-mix(in oklab, var(--color-neutral-90) 40%, transparent);--backgroundColorHover: color-mix(in oklab, var(--color-neutral-90) 10%, transparent);--borderColor: transparent;--borderColorActive: transparent;--borderColorHover: transparent;--outlineColorFocus: color-mix(in oklab, var(--color-neutral-90) 10%, transparent)}._variant-ghost-ai_sj9n9_154{--backgroundColorActive: var(--color-violet-30);--backgroundColorHover: var(--color-violet-10);--borderColor: transparent;--borderColorActive: var(--color-violet-30);--borderColorHover: var(--color-violet-10);--color: var(--color-violet-70);--outlineColorFocus: var(--color-violet-50)}._variant-ghost-danger_sj9n9_163{--backgroundColorActive: var(--color-red-20);--backgroundColorHover: var(--color-red-10);--borderColor: transparent;--borderColorActive: var(--color-red-20);--borderColorHover: var(--color-red-10);--color: var(--color-red-80);--outlineColorFocus: var(--color-red-40)}._variant-primary_sj9n9_172{--backgroundColor: var(--color-brand-40);--backgroundColorActive: var(--color-brand-10);--backgroundColorHover: var(--color-brand-30);--borderColor: var(--color-brand-40);--borderColorActive: var(--color-brand-10);--borderColorHover: var(--color-brand-30);--outlineColorFocus: var(--color-brand-20)}._variant-primary-ai_sj9n9_181{--backgroundColor: var(--color-violet-70);--backgroundColorActive: var(--color-violet-40);--backgroundColorHover: var(--color-violet-60);--borderColor: var(--color-violet-70);--borderColorActive: var(--color-violet-40);--borderColorHover: var(--color-violet-60);--color: var(--color-neutral-10);--outlineColorFocus: var(--color-violet-50)}._variant-primary-danger_sj9n9_191{--backgroundColor: var(--color-red-70);--backgroundColorActive: var(--color-red-50);--backgroundColorHover: var(--color-red-60);--borderColor: var(--color-red-70);--borderColorActive: var(--color-red-50);--borderColorHover: var(--color-red-60);--color: var(--color-neutral-10);--outlineColorFocus: var(--color-red-40)}._variant-secondary_sj9n9_201{--backgroundColor: var(--color-neutral-90);--backgroundColorActive: var(--color-neutral-50);--backgroundColorHover: var(--color-neutral-70);--borderColor: var(--color-neutral-90);--borderColorActive: var(--color-neutral-50);--borderColorHover: var(--color-neutral-70);--color: var(--color-neutral-10);--outlineColorFocus: var(--color-neutral-40)}._variant-tertiary_sj9n9_211{--backgroundColor: var(--color-neutral-10);--backgroundColorActive: color-mix(in oklab, var(--color-neutral-90) 40%, transparent);--backgroundColorHover: color-mix(in oklab, var(--color-neutral-90) 10%, transparent);--borderColor: var(--color-neutral-90);--outlineColorFocus: var(--color-neutral-40)}._variant-tertiary-ai_sj9n9_218{--backgroundColor: var(--color-neutral-10);--backgroundColorActive: var(--color-violet-30);--backgroundColorHover: var(--color-violet-10);--borderColor: var(--color-violet-70);--color: var(--color-violet-70);--outlineColorFocus: var(--color-violet-50)}._variant-tertiary-danger_sj9n9_226{--backgroundColor: var(--color-neutral-10);--backgroundColorActive: var(--color-red-20);--backgroundColorHover: var(--color-red-10);--borderColor: var(--color-red-80);--color: var(--color-red-80);--outlineColorFocus: var(--color-red-40)}._loader_sj9n9_234{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;right:0;top:0}._loader-children_sj9n9_244{opacity:0}}
1
+ @layer components{._root_1q8jk_2{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-style:solid;border-width:var(--border-width-sm);transition-property:all;transition-duration:var(--duration-medium);outline:transparent solid var(--border-width-md);font-weight:var(--font-weight-bold);aspect-ratio:var(--aspectRatio, auto);height:var(--height);padding-inline:var(--paddingInline);border-radius:var(--borderRadius);font-size:var(--fontSize);color:var(--color, var(--color-neutral-90));background-color:var(--backgroundColor);border-color:var(--borderColor);line-height:var(--lineHeight)}._root_1q8jk_2[data-focus-visible],._root_1q8jk_2:focus-visible{outline-color:var(--outlineColorFocus)}@media (hover: hover) and (pointer: fine){._root_1q8jk_2:hover{background-color:var(--backgroundColorHover);border-color:var(--borderColorHover)}}._root_1q8jk_2:active{background-color:var(--backgroundColorActive);border-color:var(--borderColorActive)}._root_1q8jk_2:disabled,._root_1q8jk_2[aria-disabled]{background-color:var(--backgroundColorDisabled);border-color:var(--borderColorDisabled);color:var(--colorDisabled);cursor:var(--cursorDisabled)}._root_1q8jk_2:has(i.wui-icon-font),._root_1q8jk_2:has(svg){padding-inline:var(--paddingInlineHasIcon)}._root_1q8jk_2 i.wui-icon-font,._root_1q8jk_2 svg{font-weight:initial}._root_1q8jk_2 i.wui-icon-font:only-child,._root_1q8jk_2 svg:only-child{width:var(--iconOnlySize);height:var(--iconOnlySize);font-size:var(--iconOnlySize)}._root_1q8jk_2 i.wui-icon-font:not(:only-child),._root_1q8jk_2 svg:not(:only-child){width:var(--iconDefaultSize);height:var(--iconDefaultSize);font-size:var(--iconDefaultSize)}._root_1q8jk_2 i.wui-icon-font:first-child:not(:only-child),._root_1q8jk_2 svg:first-child:not(:only-child){margin-inline-end:var(--spacing-xs)}._root_1q8jk_2 i.wui-icon-font:last-child:not(:only-child),._root_1q8jk_2 svg:last-child:not(:only-child){margin-inline-start:var(--spacing-xs)}._shape-default_1q8jk_77{--borderRadius: var(--radius-md)}._shape-circle_1q8jk_80{--borderRadius: var(--radius-circle)}._shape-square_1q8jk_84{--borderRadius: var(--radius-md)}._shape-circle_1q8jk_80._size-lg_1q8jk_87,._shape-circle_1q8jk_80._size-md_1q8jk_87,._shape-circle_1q8jk_80._size-sm_1q8jk_87,._shape-circle_1q8jk_80._size-xs_1q8jk_87,._shape-square_1q8jk_84._size-lg_1q8jk_87,._shape-square_1q8jk_84._size-md_1q8jk_87,._shape-square_1q8jk_84._size-sm_1q8jk_87,._shape-square_1q8jk_84._size-xs_1q8jk_87{--aspectRatio: 1;--paddingInline: 0;--paddingInlineHasIcon: 0}._shape-circle_1q8jk_80._size-lg_1q8jk_87,._shape-square_1q8jk_84._size-lg_1q8jk_87{--fontSize: var(--font-size-xl)}._shape-circle_1q8jk_80._size-md_1q8jk_87,._shape-square_1q8jk_84._size-md_1q8jk_87,._shape-circle_1q8jk_80._size-sm_1q8jk_87,._shape-square_1q8jk_84._size-sm_1q8jk_87,._shape-circle_1q8jk_80._size-xs_1q8jk_87,._shape-square_1q8jk_84._size-xs_1q8jk_87{--fontSize: var(--font-size-md)}._size-xs_1q8jk_87{--fontSize: var(--font-size-xs);--height: var(--height-elements-sm);--paddingInline: var(--spacing-sm);--paddingInlineHasIcon: var(--spacing-sm);--iconDefaultSize: .75rem;--iconOnlySize: 1rem;--lineHeight: var(--line-height-xs)}._size-sm_1q8jk_87{--fontSize: var(--font-size-xs);--height: var(--height-elements-md);--paddingInline: var(--spacing-sm);--paddingInlineHasIcon: var(--spacing-md);--iconDefaultSize: 1rem;--iconOnlySize: 1rem;--lineHeight: var(--line-height-xs)}._size-md_1q8jk_87{--fontSize: var(--font-size-sm);--height: var(--height-elements-lg);--paddingInline: var(--spacing-xl);--paddingInlineHasIcon: var(--spacing-md);--iconDefaultSize: 1rem;--iconOnlySize: 1rem;--lineHeight: var(--line-height-sm)}._size-lg_1q8jk_87{--fontSize: var(--font-size-sm);--height: var(--height-elements-xl);--paddingInline: var(--spacing-xl);--paddingInlineHasIcon: var(--spacing-lg);--iconDefaultSize: 1rem;--iconOnlySize: 1.5rem;--lineHeight: var(--line-height-sm)}._variant-disabled_1q8jk_140{--backgroundColorDisabled: var(--color-beige-40);--borderColorDisabled: var(--color-beige-40);--colorDisabled: var(--color-beige-70);--cursorDisabled: not-allowed;--outlineColorFocus: var(--color-beige-10)}._variant-ghost_1q8jk_147{--backgroundColorActive: color-mix(in oklab, var(--color-neutral-90) 40%, transparent);--backgroundColorHover: color-mix(in oklab, var(--color-neutral-90) 10%, transparent);--borderColor: transparent;--borderColorActive: transparent;--borderColorHover: transparent;--outlineColorFocus: color-mix(in oklab, var(--color-neutral-90) 10%, transparent)}._variant-ghost-ai_1q8jk_155{--backgroundColorActive: var(--color-violet-30);--backgroundColorHover: var(--color-violet-10);--borderColor: transparent;--borderColorActive: var(--color-violet-30);--borderColorHover: var(--color-violet-10);--color: var(--color-violet-70);--outlineColorFocus: var(--color-violet-50)}._variant-ghost-danger_1q8jk_164{--backgroundColorActive: var(--color-red-20);--backgroundColorHover: var(--color-red-10);--borderColor: transparent;--borderColorActive: var(--color-red-20);--borderColorHover: var(--color-red-10);--color: var(--color-red-80);--outlineColorFocus: var(--color-red-40)}._variant-primary_1q8jk_173{--backgroundColor: var(--color-brand-40);--backgroundColorActive: var(--color-brand-10);--backgroundColorHover: var(--color-brand-30);--borderColor: var(--color-brand-40);--borderColorActive: var(--color-brand-10);--borderColorHover: var(--color-brand-30);--outlineColorFocus: var(--color-brand-20)}._variant-primary-ai_1q8jk_182{--backgroundColor: var(--color-violet-70);--backgroundColorActive: var(--color-violet-40);--backgroundColorHover: var(--color-violet-60);--borderColor: var(--color-violet-70);--borderColorActive: var(--color-violet-40);--borderColorHover: var(--color-violet-60);--color: var(--color-neutral-10);--outlineColorFocus: var(--color-violet-50)}._variant-primary-danger_1q8jk_192{--backgroundColor: var(--color-red-70);--backgroundColorActive: var(--color-red-50);--backgroundColorHover: var(--color-red-60);--borderColor: var(--color-red-70);--borderColorActive: var(--color-red-50);--borderColorHover: var(--color-red-60);--color: var(--color-neutral-10);--outlineColorFocus: var(--color-red-40)}._variant-secondary_1q8jk_202{--backgroundColor: var(--color-neutral-90);--backgroundColorActive: var(--color-neutral-50);--backgroundColorHover: var(--color-neutral-70);--borderColor: var(--color-neutral-90);--borderColorActive: var(--color-neutral-50);--borderColorHover: var(--color-neutral-70);--color: var(--color-neutral-10);--outlineColorFocus: var(--color-neutral-40)}._variant-tertiary_1q8jk_212{--backgroundColor: var(--color-neutral-10);--backgroundColorActive: color-mix(in oklab, var(--color-neutral-90) 40%, transparent);--backgroundColorHover: color-mix(in oklab, var(--color-neutral-90) 10%, transparent);--borderColor: var(--color-neutral-90);--outlineColorFocus: var(--color-neutral-40)}._variant-tertiary-ai_1q8jk_219{--backgroundColor: var(--color-neutral-10);--backgroundColorActive: var(--color-violet-30);--backgroundColorHover: var(--color-violet-10);--borderColor: var(--color-violet-70);--color: var(--color-violet-70);--outlineColorFocus: var(--color-violet-50)}._variant-tertiary-danger_1q8jk_227{--backgroundColor: var(--color-neutral-10);--backgroundColorActive: var(--color-red-20);--backgroundColorHover: var(--color-red-10);--borderColor: var(--color-red-80);--color: var(--color-red-80);--outlineColorFocus: var(--color-red-40)}._loader_1q8jk_235{display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;right:0;top:0}._loader-children_1q8jk_245{opacity:0}}
package/dist/Button.js CHANGED
@@ -1,74 +1,74 @@
1
1
  "use client";
2
- import { jsxs as l, jsx as a, Fragment as z } from "react/jsx-runtime";
3
- import { B as b } from "./X5NMLKT6-C7-nsL44.js";
4
- import { useButtonGroup as x } from "./ButtonGroup.js";
5
- import { Loader as B } from "./Loader.js";
6
- import { c as N } from "./classNames-qiokGROM.js";
7
- import { f as $ } from "./forwardRefWithAs-8eP3ZN15.js";
8
- const q = "_root_sj9n9_2", D = "_shape_sj9n9_74", S = "_loader_sj9n9_234", w = {
9
- root: q,
10
- shape: D,
11
- "shape-default": "_shape-default_sj9n9_77",
12
- "shape-circle": "_shape-circle_sj9n9_80",
13
- "shape-square": "_shape-square_sj9n9_83",
14
- "size-lg": "_size-lg_sj9n9_86",
15
- "size-md": "_size-md_sj9n9_86",
16
- "size-sm": "_size-sm_sj9n9_86",
17
- "size-xs": "_size-xs_sj9n9_86",
18
- "variant-disabled": "_variant-disabled_sj9n9_139",
19
- "variant-ghost": "_variant-ghost_sj9n9_146",
20
- "variant-ghost-ai": "_variant-ghost-ai_sj9n9_154",
21
- "variant-ghost-danger": "_variant-ghost-danger_sj9n9_163",
22
- "variant-primary": "_variant-primary_sj9n9_172",
23
- "variant-primary-ai": "_variant-primary-ai_sj9n9_181",
24
- "variant-primary-danger": "_variant-primary-danger_sj9n9_191",
25
- "variant-secondary": "_variant-secondary_sj9n9_201",
26
- "variant-tertiary": "_variant-tertiary_sj9n9_211",
27
- "variant-tertiary-ai": "_variant-tertiary-ai_sj9n9_218",
28
- "variant-tertiary-danger": "_variant-tertiary-danger_sj9n9_226",
29
- loader: S,
30
- "loader-children": "_loader-children_sj9n9_244"
31
- }, s = N(w), W = $(
2
+ import { jsxs as l, jsx as a, Fragment as g } from "react/jsx-runtime";
3
+ import { B as f } from "./X5NMLKT6-C7-nsL44.js";
4
+ import { useButtonGroup as z } from "./ButtonGroup.js";
5
+ import { Loader as b } from "./Loader.js";
6
+ import { c as x } from "./classNames-qiokGROM.js";
7
+ import { f as B } from "./forwardRefWithAs-8eP3ZN15.js";
8
+ const N = "_root_1q8jk_2", $ = "_shape_1q8jk_74", D = "_loader_1q8jk_235", S = {
9
+ root: N,
10
+ shape: $,
11
+ "shape-default": "_shape-default_1q8jk_77",
12
+ "shape-circle": "_shape-circle_1q8jk_80",
13
+ "shape-square": "_shape-square_1q8jk_84",
14
+ "size-lg": "_size-lg_1q8jk_87",
15
+ "size-md": "_size-md_1q8jk_87",
16
+ "size-sm": "_size-sm_1q8jk_87",
17
+ "size-xs": "_size-xs_1q8jk_87",
18
+ "variant-disabled": "_variant-disabled_1q8jk_140",
19
+ "variant-ghost": "_variant-ghost_1q8jk_147",
20
+ "variant-ghost-ai": "_variant-ghost-ai_1q8jk_155",
21
+ "variant-ghost-danger": "_variant-ghost-danger_1q8jk_164",
22
+ "variant-primary": "_variant-primary_1q8jk_173",
23
+ "variant-primary-ai": "_variant-primary-ai_1q8jk_182",
24
+ "variant-primary-danger": "_variant-primary-danger_1q8jk_192",
25
+ "variant-secondary": "_variant-secondary_1q8jk_202",
26
+ "variant-tertiary": "_variant-tertiary_1q8jk_212",
27
+ "variant-tertiary-ai": "_variant-tertiary-ai_1q8jk_219",
28
+ "variant-tertiary-danger": "_variant-tertiary-danger_1q8jk_227",
29
+ loader: D,
30
+ "loader-children": "_loader-children_1q8jk_245"
31
+ }, t = x(S), V = B(
32
32
  ({
33
33
  accessibleWhenDisabled: m = !0,
34
- as: t,
35
- children: e,
34
+ as: e,
35
+ children: i,
36
36
  className: c = "",
37
37
  disabled: v = !1,
38
38
  isLoading: r = !1,
39
- shape: n = "default",
39
+ shape: s = "default",
40
40
  size: p = "md",
41
41
  variant: j = "primary",
42
- ...h
43
- }, u) => {
44
- const { disabled: y, size: g, variant: f } = x(), i = y || v || r, _ = i && "disabled" || f || j, o = g || p, d = t || "button";
42
+ ...q
43
+ }, k) => {
44
+ const { disabled: h, size: u, variant: y } = z(), _ = h || v || r, n = _ && "disabled" || y || j, o = u || p, d = e || "button";
45
45
  return /* @__PURE__ */ l(
46
- b,
46
+ f,
47
47
  {
48
48
  ...d === "button" ? { type: "button" } : {},
49
- ...h,
49
+ ...q,
50
50
  accessibleWhenDisabled: m,
51
- className: s(
51
+ className: t(
52
52
  "root",
53
- _ && `variant-${_}`,
54
- n && `shape-${n}`,
53
+ n && `variant-${n}`,
54
+ s && `shape-${s}`,
55
55
  o && `size-${o}`,
56
56
  c
57
57
  ),
58
- disabled: i,
59
- ref: u,
60
- render: t ? /* @__PURE__ */ a(d, {}) : void 0,
58
+ disabled: _,
59
+ ref: k,
60
+ render: e ? /* @__PURE__ */ a(d, {}) : void 0,
61
61
  children: [
62
- r ? /* @__PURE__ */ l(z, { children: [
63
- /* @__PURE__ */ a("div", { className: s("loader"), children: /* @__PURE__ */ a(B, { size: "xs" }) }),
64
- /* @__PURE__ */ a("div", { className: s("loader-children"), children: e })
62
+ r ? /* @__PURE__ */ l(g, { children: [
63
+ /* @__PURE__ */ a("div", { className: t("loader"), children: /* @__PURE__ */ a(b, { size: "xs" }) }),
64
+ /* @__PURE__ */ a("div", { className: t("loader-children"), children: i })
65
65
  ] }) : null,
66
- !r && e
66
+ !r && i
67
67
  ]
68
68
  }
69
69
  );
70
70
  }
71
71
  );
72
72
  export {
73
- W as Button
73
+ V as Button
74
74
  };