quirk-ui 0.0.77 → 0.0.78

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.
@@ -1 +1 @@
1
- ._carousel_oeqfz_1{width:100%}@media (max-width: 767px){._carousel_oeqfz_1{padding:0 3rem}}._trackContainer_oeqfz_9{overflow:hidden;width:100%}@media (max-width: 767px){._trackContainer_oeqfz_9{overflow:visible}}._track_oeqfz_9{display:flex;transition:transform .3s ease;will-change:transform}._page_oeqfz_24{display:flex;gap:var(--spacing-md);padding:0 var(--spacing-sm)}._controls_oeqfz_30{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);margin-left:auto;margin-right:auto;padding:0 var(--spacing-md);width:100%}._indicators_oeqfz_41{display:flex;flex-wrap:wrap;max-width:125px;gap:var(--spacing-xs)}._indicator_oeqfz_41{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;border:1px solid #fff;cursor:pointer;transition:background-color .3s}._indicator_oeqfz_41._active_oeqfz_58{background-color:var(--color-primary)}._buttons_oeqfz_62{display:flex;gap:var(--spacing-md)}._prev_oeqfz_67._disabled_oeqfz_67,._next_oeqfz_68._disabled_oeqfz_67{opacity:.5;pointer-events:none}._buttons_oeqfz_62 button:not(._disabled_oeqfz_67):hover{background-color:var(--color-primary);color:#fff}._prev_oeqfz_67,._next_oeqfz_68{background-color:#e0e0e0;color:var(--color-text-primary);border:1px solid #fff;padding:var(--spacing-sm);cursor:pointer;transition:background-color .3s,color .3s;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}
1
+ ._carousel_zbb4v_1{width:100%}@media (max-width: 767px){._carousel_zbb4v_1{padding:0 3rem}}._noPointerEvents_zbb4v_9 *{pointer-events:none!important}._trackContainer_zbb4v_13{overflow:hidden;width:100%}@media (max-width: 767px){._trackContainer_zbb4v_13{overflow:visible}}._track_zbb4v_13{display:flex;transition:transform .3s ease;will-change:transform}._page_zbb4v_28{display:flex;gap:var(--spacing-md);padding:0 var(--spacing-sm)}._controls_zbb4v_34{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);margin-left:auto;margin-right:auto;padding:0 var(--spacing-md);width:100%}._indicators_zbb4v_45{display:flex;flex-wrap:wrap;max-width:125px;gap:var(--spacing-xs)}._indicator_zbb4v_45{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;border:1px solid #fff;cursor:pointer;transition:background-color .3s}._indicator_zbb4v_45._active_zbb4v_62{background-color:var(--color-primary)}._buttons_zbb4v_66{display:flex;gap:var(--spacing-md)}._prev_zbb4v_71._disabled_zbb4v_71,._next_zbb4v_72._disabled_zbb4v_71{opacity:.5;pointer-events:none}._buttons_zbb4v_66 button:not(._disabled_zbb4v_71):hover{background-color:var(--color-primary);color:#fff}._prev_zbb4v_71,._next_zbb4v_72{background-color:#e0e0e0;color:var(--color-text-primary);border:1px solid #fff;padding:var(--spacing-sm);cursor:pointer;transition:background-color .3s,color .3s;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}
@@ -1,16 +1,17 @@
1
1
  declare const styles: {
2
- readonly "_active_oeqfz_58": string;
3
- readonly "_buttons_oeqfz_62": string;
4
- readonly "_carousel_oeqfz_1": string;
5
- readonly "_controls_oeqfz_30": string;
6
- readonly "_disabled_oeqfz_67": string;
7
- readonly "_indicator_oeqfz_41": string;
8
- readonly "_indicators_oeqfz_41": string;
9
- readonly "_next_oeqfz_68": string;
10
- readonly "_page_oeqfz_24": string;
11
- readonly "_prev_oeqfz_67": string;
12
- readonly "_trackContainer_oeqfz_9": string;
13
- readonly "_track_oeqfz_9": string;
2
+ readonly "_active_zbb4v_62": string;
3
+ readonly "_buttons_zbb4v_66": string;
4
+ readonly "_carousel_zbb4v_1": string;
5
+ readonly "_controls_zbb4v_34": string;
6
+ readonly "_disabled_zbb4v_71": string;
7
+ readonly "_indicator_zbb4v_45": string;
8
+ readonly "_indicators_zbb4v_45": string;
9
+ readonly "_next_zbb4v_72": string;
10
+ readonly "_noPointerEvents_zbb4v_9": string;
11
+ readonly "_page_zbb4v_28": string;
12
+ readonly "_prev_zbb4v_71": string;
13
+ readonly "_trackContainer_zbb4v_13": string;
14
+ readonly "_track_zbb4v_13": string;
14
15
  };
15
16
  export = styles;
16
17
 
@@ -1,121 +1,124 @@
1
1
  import { jsxs as X, jsx as s } from "react/jsx-runtime";
2
- import { useState as o, useRef as C, useEffect as q } from "react";
3
- import { A as ut } from "../../arrow-left-BIJvHwNQ.js";
4
- import { A as ht } from "../../arrow-right-QEwnX3Sk.js";
5
- import '../../assets/index31.css';const ft = "_carousel_oeqfz_1", _t = "_trackContainer_oeqfz_9", mt = "_track_oeqfz_9", pt = "_page_oeqfz_24", vt = "_controls_oeqfz_30", wt = "_indicators_oeqfz_41", Mt = "_indicator_oeqfz_41", xt = "_active_oeqfz_58", bt = "_buttons_oeqfz_62", gt = "_prev_oeqfz_67", zt = "_disabled_oeqfz_67", $t = "_next_oeqfz_68", n = {
6
- carousel: ft,
2
+ import { useState as o, useRef as k, useEffect as T } from "react";
3
+ import { A as ht } from "../../arrow-left-BIJvHwNQ.js";
4
+ import { A as vt } from "../../arrow-right-QEwnX3Sk.js";
5
+ import '../../assets/index31.css';const bt = "_carousel_zbb4v_1", ft = "_noPointerEvents_zbb4v_9", _t = "_trackContainer_zbb4v_13", pt = "_track_zbb4v_13", mt = "_page_zbb4v_28", wt = "_controls_zbb4v_34", Mt = "_indicators_zbb4v_45", xt = "_indicator_zbb4v_45", $t = "_active_zbb4v_62", gt = "_buttons_zbb4v_66", zt = "_prev_zbb4v_71", Ct = "_disabled_zbb4v_71", Et = "_next_zbb4v_72", n = {
6
+ carousel: bt,
7
+ noPointerEvents: ft,
7
8
  trackContainer: _t,
8
- track: mt,
9
- page: pt,
10
- controls: vt,
11
- indicators: wt,
12
- indicator: Mt,
13
- active: xt,
14
- buttons: bt,
15
- prev: gt,
16
- disabled: zt,
17
- next: $t
9
+ track: pt,
10
+ page: mt,
11
+ controls: wt,
12
+ indicators: Mt,
13
+ indicator: xt,
14
+ active: $t,
15
+ buttons: gt,
16
+ prev: zt,
17
+ disabled: Ct,
18
+ next: Et
18
19
  };
19
- function qt({
20
- items: T,
21
- itemsPerPage: _ = 9,
22
- itemsPerRow: G = 3,
23
- autoplay: O = !1,
24
- autoplayInterval: k = 3,
20
+ function Tt({
21
+ items: I,
22
+ itemsPerPage: b = 9,
23
+ itemsPerRow: O = 3,
24
+ autoplay: q = !1,
25
+ autoplayInterval: W = 3,
25
26
  className: F,
26
27
  externalRef: H,
27
28
  siblingRef: a,
28
- isSplit: E = !1
29
+ isSplit: A = !1
29
30
  }) {
30
- const [l, i] = o(0), [u, m] = o(0), [I, J] = o(0), [p, K] = o(_), [W, Q] = o(!1), [A, V] = o(O), Y = C(null), v = C(null), h = C(null), w = H, [S, D] = o(null), [L, j] = o(null), [x, b] = o(!1), [P, g] = o(null), [R, z] = o(null), Z = (t) => {
31
- b(!0), g(t.clientX);
31
+ const [l, i] = o(0), [u, f] = o(0), [P, J] = o(0), [_, K] = o(b), [D, Q] = o(!1), [S, V] = o(q), Y = k(null), p = k(null), h = k(null), m = H, [L, j] = o(null), [R, U] = o(null), [w, x] = o(!1), [$, g] = o(null), [z, C] = o(null), Z = (t) => {
32
+ Math.abs((z ?? 0) - ($ ?? 0)) > 5 && (t.stopPropagation(), t.preventDefault());
32
33
  }, tt = (t) => {
33
- x && z(t.clientX);
34
- }, et = () => {
35
- if (!x || P === null || R === null) return;
36
- const t = P - R;
37
- Math.abs(t) > 50 && (t > 0 ? y() : N()), b(!1), g(null), z(null);
34
+ x(!0), g(t.clientX);
35
+ }, et = (t) => {
36
+ w && C(t.clientX);
38
37
  }, nt = () => {
39
- x && (b(!1), g(null), z(null));
40
- }, ot = (t) => {
41
- D(t.touches[0].clientX);
38
+ if (!w || $ === null || z === null) return;
39
+ const t = $ - z;
40
+ Math.abs(t) > 50 && (t > 0 ? y() : N()), x(!1), g(null), C(null);
41
+ }, ot = () => {
42
+ w && (x(!1), g(null), C(null));
42
43
  }, st = (t) => {
43
44
  j(t.touches[0].clientX);
44
- }, ct = () => {
45
- if (S === null || L === null) return;
46
- const t = S - L;
47
- Math.abs(t) > 50 && (t > 0 ? y() : N()), D(null), j(null);
48
- }, rt = (t, e) => {
45
+ }, ct = (t) => {
46
+ U(t.touches[0].clientX);
47
+ }, rt = () => {
48
+ if (L === null || R === null) return;
49
+ const t = L - R;
50
+ Math.abs(t) > 50 && (t > 0 ? y() : N()), j(null), U(null);
51
+ }, at = (t, e) => {
49
52
  const r = [];
50
53
  for (let c = 0; c < t.length; c += e)
51
54
  r.push(t.slice(c, c + e));
52
55
  return r;
53
56
  };
54
- q(() => {
57
+ T(() => {
55
58
  if (typeof window < "u") {
56
59
  const t = () => {
57
60
  const e = window.innerWidth < 768;
58
- Q(e), K(e ? 1 : _), i(0);
61
+ Q(e), K(e ? 1 : b), i(0);
59
62
  };
60
63
  return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
61
64
  }
62
- }, [_]);
63
- const M = Math.ceil(p / G), U = rt(T, p), d = U.length, at = 3 * 16, lt = 6 * 16;
64
- q(() => {
65
+ }, [b]);
66
+ const M = Math.ceil(_ / O), B = at(I, _), d = B.length, lt = 3 * 16, it = 6 * 16;
67
+ T(() => {
65
68
  const t = new ResizeObserver((e) => {
66
69
  var r, c;
67
- for (let f of e)
68
- f.contentRect && (W ? m(f.contentRect.width - lt) : E ? a != null && a.current ? m(
69
- f.contentRect.width - ((r = a == null ? void 0 : a.current) == null ? void 0 : r.offsetWidth) - at
70
- ) : m(f.contentRect.width) : (m(f.contentRect.width), J(
71
- ((c = v == null ? void 0 : v.current) == null ? void 0 : c.children[0].children[0].children[0].getBoundingClientRect().width) ?? 0
70
+ for (let v of e)
71
+ v.contentRect && (D ? f(v.contentRect.width - it) : A ? a != null && a.current ? f(
72
+ v.contentRect.width - ((r = a == null ? void 0 : a.current) == null ? void 0 : r.offsetWidth) - lt
73
+ ) : f(v.contentRect.width) : (f(v.contentRect.width), J(
74
+ ((c = p == null ? void 0 : p.current) == null ? void 0 : c.children[0].children[0].children[0].getBoundingClientRect().width) ?? 0
72
75
  )), i(0));
73
76
  });
74
- return w != null && w.current && t.observe(w.current), () => t.disconnect();
75
- }, [W, E]);
76
- const $ = () => {
77
+ return m != null && m.current && t.observe(m.current), () => t.disconnect();
78
+ }, [D, A]);
79
+ const E = () => {
77
80
  h.current && clearInterval(h.current), V(!1);
78
81
  }, y = () => {
79
- $(), i((t) => Math.min(t + 1, d - 1));
82
+ E(), i((t) => Math.min(t + 1, d - 1));
80
83
  }, N = () => {
81
- $(), i((t) => Math.max(t - 1, 0));
82
- }, it = (t) => {
83
- $(), i(t);
84
- }, dt = () => u ? `translateX(-${l * u}px)` : "translateX(0px)", B = () => {
84
+ E(), i((t) => Math.max(t - 1, 0));
85
+ }, dt = (t) => {
86
+ E(), i(t);
87
+ }, ut = () => u ? `translateX(-${l * u}px)` : "translateX(0px)", G = () => {
85
88
  i((t) => t >= d - 1 ? 0 : t + 1);
86
89
  };
87
- return q(() => (A && (h.current = setInterval(
88
- B,
89
- k * 1e3
90
+ return T(() => (S && (h.current = setInterval(
91
+ G,
92
+ W * 1e3
90
93
  )), () => {
91
94
  h.current && clearInterval(h.current);
92
- }), [A, k, B]), /* @__PURE__ */ X("div", { className: `${F ?? ""} ${n.carousel}`, ref: Y, children: [
95
+ }), [S, W, G]), /* @__PURE__ */ X("div", { className: `${F ?? ""} ${n.carousel}`, ref: Y, children: [
93
96
  /* @__PURE__ */ s(
94
97
  "div",
95
98
  {
96
99
  className: n.trackContainer,
97
100
  style: { maxWidth: `${u}px` },
98
- onTouchStart: ot,
99
- onTouchMove: st,
100
- onTouchEnd: ct,
101
- onMouseDown: Z,
102
- onMouseMove: tt,
103
- onMouseUp: et,
104
- onMouseLeave: nt,
101
+ onTouchStart: st,
102
+ onTouchMove: ct,
103
+ onTouchEnd: rt,
104
+ onMouseDown: tt,
105
+ onMouseMove: et,
106
+ onMouseUp: nt,
107
+ onMouseLeave: ot,
105
108
  children: /* @__PURE__ */ s(
106
109
  "div",
107
110
  {
108
- ref: v,
109
- className: n.track,
110
- style: { width: `${d * 100}%`, transform: dt() },
111
- children: U.map((t, e) => /* @__PURE__ */ s(
111
+ ref: p,
112
+ className: `${n.track} ${w ? n.noPointerEvents : ""}`,
113
+ style: { width: `${d * 100}%`, transform: ut() },
114
+ children: B.map((t, e) => /* @__PURE__ */ s(
112
115
  "div",
113
116
  {
114
117
  className: n.page,
115
118
  style: {
116
119
  display: M > 1 ? "grid" : "flex",
117
120
  gridTemplateColumns: `repeat(${Math.ceil(
118
- p / M
121
+ _ / M
119
122
  )}, 1fr)`,
120
123
  gridTemplateRows: `repeat(${M}, auto)`,
121
124
  width: `${u}px`
@@ -123,6 +126,7 @@ function qt({
123
126
  children: t.map((r, c) => /* @__PURE__ */ s(
124
127
  "div",
125
128
  {
129
+ onClickCapture: Z,
126
130
  style: {
127
131
  width: `${u / M - 16}px`
128
132
  },
@@ -142,14 +146,14 @@ function qt({
142
146
  {
143
147
  className: n.controls,
144
148
  style: {
145
- maxWidth: I > 0 && _ === 1 ? `${I}px` : "unset"
149
+ maxWidth: P > 0 && b === 1 ? `${P}px` : "unset"
146
150
  },
147
151
  children: [
148
152
  /* @__PURE__ */ s("div", { className: n.indicators, children: Array.from({ length: d }).map((t, e) => /* @__PURE__ */ s(
149
153
  "button",
150
154
  {
151
155
  className: `${n.indicator} ${e === l ? n.active : ""}`,
152
- onClick: () => it(e),
156
+ onClick: () => dt(e),
153
157
  "aria-label": `Go to group ${e + 1}`
154
158
  },
155
159
  e
@@ -162,7 +166,7 @@ function qt({
162
166
  className: `${n.prev} ${l === 0 ? n.disabled : ""}`,
163
167
  onClick: N,
164
168
  disabled: l === 0,
165
- children: /* @__PURE__ */ s(ut, { size: 36 })
169
+ children: /* @__PURE__ */ s(ht, { size: 36 })
166
170
  }
167
171
  ),
168
172
  /* @__PURE__ */ s(
@@ -171,8 +175,8 @@ function qt({
171
175
  "aria-label": "Next slide",
172
176
  className: `${n.next} ${l >= d - 1 ? n.disabled : ""}`,
173
177
  onClick: y,
174
- disabled: l >= T.length - p,
175
- children: /* @__PURE__ */ s(ht, { size: 36 })
178
+ disabled: l >= I.length - _,
179
+ children: /* @__PURE__ */ s(vt, { size: 36 })
176
180
  }
177
181
  )
178
182
  ] })
@@ -182,5 +186,5 @@ function qt({
182
186
  ] });
183
187
  }
184
188
  export {
185
- qt as Carousel
189
+ Tt as Carousel
186
190
  };
package/dist/styles.css CHANGED
@@ -28,7 +28,7 @@ ul._list_4w9h5_1{list-style-type:none;padding:0;margin:0}ol._list_4w9h5_1{list-s
28
28
  ._notification_1txoc_1{display:flex;align-items:center;padding:var(--spacing-md);background-color:var(--color-secondary);color:var(--color-text-primaray);box-shadow:0 4px 8px #0000001a;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);animation:_slideIn_1txoc_1 .3s ease forwards;opacity:1;transform-origin:right center;width:fit-content}._enter_1txoc_18{opacity:1;transform:translate(0)}._exiting_1txoc_23{animation:_slideOut_1txoc_1 .3s ease forwards}._info_1txoc_27{background-color:var(--color-info-bg);color:var(--color-info-text)}._success_1txoc_32{background-color:var(--color-success-bg);color:var(--color-success-text)}._warning_1txoc_37{background-color:var(--color-warning-bg);color:var(--color-warning-text)}._error_1txoc_42{background-color:var(--color-error-bg);color:var(--color-error-text)}._closeButton_1txoc_47{background:none;border:none;cursor:pointer;color:#fff;padding:0;margin-left:auto;display:flex;align-items:center}@keyframes _slideIn_1txoc_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOut_1txoc_1{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}
29
29
  ._container_61msx_1{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:.5rem;z-index:1000}
30
30
  ._progressBarContainer_a1m8u_1{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%}._progressBar_a1m8u_1{flex:1;height:12px;background-color:#f0f0f0;border-radius:4px;overflow:hidden;position:relative}._fill_a1m8u_18{height:100%;transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;border-radius:4px}._primary_a1m8u_29 ._fill_a1m8u_18{background-color:var(--color-primary)}._success_a1m8u_33 ._fill_a1m8u_18{background-color:var(--color-success)}._warning_a1m8u_37 ._fill_a1m8u_18{background-color:var(--color-warning)}._danger_a1m8u_41 ._fill_a1m8u_18{background-color:var(--color-error)}._label_a1m8u_45{flex:.1;position:relative;width:auto;text-align:center;color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}
31
- ._carousel_oeqfz_1{width:100%}@media (max-width: 767px){._carousel_oeqfz_1{padding:0 3rem}}._trackContainer_oeqfz_9{overflow:hidden;width:100%}@media (max-width: 767px){._trackContainer_oeqfz_9{overflow:visible}}._track_oeqfz_9{display:flex;transition:transform .3s ease;will-change:transform}._page_oeqfz_24{display:flex;gap:var(--spacing-md);padding:0 var(--spacing-sm)}._controls_oeqfz_30{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);margin-left:auto;margin-right:auto;padding:0 var(--spacing-md);width:100%}._indicators_oeqfz_41{display:flex;flex-wrap:wrap;max-width:125px;gap:var(--spacing-xs)}._indicator_oeqfz_41{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;border:1px solid #fff;cursor:pointer;transition:background-color .3s}._indicator_oeqfz_41._active_oeqfz_58{background-color:var(--color-primary)}._buttons_oeqfz_62{display:flex;gap:var(--spacing-md)}._prev_oeqfz_67._disabled_oeqfz_67,._next_oeqfz_68._disabled_oeqfz_67{opacity:.5;pointer-events:none}._buttons_oeqfz_62 button:not(._disabled_oeqfz_67):hover{background-color:var(--color-primary);color:#fff}._prev_oeqfz_67,._next_oeqfz_68{background-color:#e0e0e0;color:var(--color-text-primary);border:1px solid #fff;padding:var(--spacing-sm);cursor:pointer;transition:background-color .3s,color .3s;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}
31
+ ._carousel_zbb4v_1{width:100%}@media (max-width: 767px){._carousel_zbb4v_1{padding:0 3rem}}._noPointerEvents_zbb4v_9 *{pointer-events:none!important}._trackContainer_zbb4v_13{overflow:hidden;width:100%}@media (max-width: 767px){._trackContainer_zbb4v_13{overflow:visible}}._track_zbb4v_13{display:flex;transition:transform .3s ease;will-change:transform}._page_zbb4v_28{display:flex;gap:var(--spacing-md);padding:0 var(--spacing-sm)}._controls_zbb4v_34{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);margin-left:auto;margin-right:auto;padding:0 var(--spacing-md);width:100%}._indicators_zbb4v_45{display:flex;flex-wrap:wrap;max-width:125px;gap:var(--spacing-xs)}._indicator_zbb4v_45{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;border:1px solid #fff;cursor:pointer;transition:background-color .3s}._indicator_zbb4v_45._active_zbb4v_62{background-color:var(--color-primary)}._buttons_zbb4v_66{display:flex;gap:var(--spacing-md)}._prev_zbb4v_71._disabled_zbb4v_71,._next_zbb4v_72._disabled_zbb4v_71{opacity:.5;pointer-events:none}._buttons_zbb4v_66 button:not(._disabled_zbb4v_71):hover{background-color:var(--color-primary);color:#fff}._prev_zbb4v_71,._next_zbb4v_72{background-color:#e0e0e0;color:var(--color-text-primary);border:1px solid #fff;padding:var(--spacing-sm);cursor:pointer;transition:background-color .3s,color .3s;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}
32
32
  ._drawer_55xty_1{position:fixed;background-color:var(--color-background);transition:transform .3s ease-in-out;z-index:1000;width:300px;height:100%;box-shadow:0 0 10px #00000026;padding:var(--spacing-md)}._right_55xty_12{top:0;right:0;transform:translate(100%)}._left_55xty_18{top:0;left:0;transform:translate(-100%)}._top_55xty_24{top:0;left:0;width:100%;height:auto;transform:translateY(-100%)}._bottom_55xty_32{bottom:0;left:0;width:100%;height:auto;transform:translateY(100%)}._open_55xty_40._right_55xty_12,._open_55xty_40._left_55xty_18{transform:translate(0)}._open_55xty_40._top_55xty_24,._open_55xty_40._bottom_55xty_32{transform:translateY(0)}._overlay_55xty_50{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000004d;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out;z-index:999}._overlay_55xty_50._show_55xty_60{opacity:1;pointer-events:all}
33
33
  ._tabs_f06du_1{display:flex;flex-direction:column;width:100%}._tabsList_f06du_7{display:flex;border-bottom:2px solid var(--color-border)}._left_f06du_12{justify-content:flex-start}._center_f06du_16{justify-content:center}._right_f06du_20{justify-content:flex-end}._tabsTrigger_f06du_24{padding:var(--spacing-md);border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;color:var(--color-muted);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);transition:color .3s ease,border-color .3s ease;position:relative;top:2px}._tabsTrigger_f06du_24._active_f06du_38{border-color:var(--color-primary);color:var(--color-primary)}._tabsPanelWrapper_f06du_43{position:relative;min-height:100px}._tabsPanel_f06du_43{animation:_fadeSlide_f06du_1 .3s ease both;position:absolute;width:100%;top:0;left:0;padding:var(--spacing-md);color:var(--color-text-primary)}@keyframes _fadeSlide_f06du_1{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
34
34
  ._breadcrumbs_1nbgu_1{display:block;font-size:var(--font-size-sm);line-height:1.5}._list_1nbgu_7{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}._item_1nbgu_15{display:flex;align-items:center}._separator_1nbgu_20{margin:0 var(--spacing-xs);color:var(--color-muted)}._link_1nbgu_25{color:var(--color-muted);text-decoration:none;transition:color .3s ease}._link_1nbgu_25:hover{color:var(--color-primary)}._label_1nbgu_35{color:var(--color-muted)}._active_1nbgu_39{font-weight:var(--font-weight-bold);color:var(--color-primary)}
@@ -8,7 +8,7 @@ declare const styles: {
8
8
  readonly "_accordion_1ozgm_1": string;
9
9
  readonly "_active_1nbgu_39": string;
10
10
  readonly "_active_f06du_38": string;
11
- readonly "_active_oeqfz_58": string;
11
+ readonly "_active_zbb4v_62": string;
12
12
  readonly "_alert_ucye1_1": string;
13
13
  readonly "_alignCenter_134u6_35": string;
14
14
  readonly "_alignEnd_134u6_39": string;
@@ -34,11 +34,11 @@ declare const styles: {
34
34
  readonly "_breadcrumbs_1nbgu_1": string;
35
35
  readonly "_busy_1ihs2_73": string;
36
36
  readonly "_buttonGroup_e1koo_1": string;
37
- readonly "_buttons_oeqfz_62": string;
37
+ readonly "_buttons_zbb4v_66": string;
38
38
  readonly "_calendar_zbxci_1": string;
39
39
  readonly "_callToAction_1tdql_1": string;
40
40
  readonly "_card_18ynt_1": string;
41
- readonly "_carousel_oeqfz_1": string;
41
+ readonly "_carousel_zbb4v_1": string;
42
42
  readonly "_cell_zbxci_34": string;
43
43
  readonly "_center_e1koo_15": string;
44
44
  readonly "_center_f06du_16": string;
@@ -59,7 +59,7 @@ declare const styles: {
59
59
  readonly "_content_18ynt_61": string;
60
60
  readonly "_content_1tdql_125": string;
61
61
  readonly "_content_cqo68_37": string;
62
- readonly "_controls_oeqfz_30": string;
62
+ readonly "_controls_zbb4v_34": string;
63
63
  readonly "_danger_a1m8u_41": string;
64
64
  readonly "_danger_sf4mt_46": string;
65
65
  readonly "_dayName_zbxci_13": string;
@@ -70,7 +70,7 @@ declare const styles: {
70
70
  readonly "_default_e9jmu_33": string;
71
71
  readonly "_disabled_15ngo_38": string;
72
72
  readonly "_disabled_1p460_56": string;
73
- readonly "_disabled_oeqfz_67": string;
73
+ readonly "_disabled_zbb4v_71": string;
74
74
  readonly "_divider_zjbsg_1": string;
75
75
  readonly "_dragging_s8dew_25": string;
76
76
  readonly "_drawer_55xty_1": string;
@@ -134,8 +134,8 @@ declare const styles: {
134
134
  readonly "_imageTop_18ynt_36": string;
135
135
  readonly "_image_18ynt_36": string;
136
136
  readonly "_image_1ihs2_41": string;
137
- readonly "_indicator_oeqfz_41": string;
138
- readonly "_indicators_oeqfz_41": string;
137
+ readonly "_indicator_zbb4v_45": string;
138
+ readonly "_indicators_zbb4v_45": string;
139
139
  readonly "_info_18z15_65": string;
140
140
  readonly "_info_1txoc_27": string;
141
141
  readonly "_info_ucye1_25": string;
@@ -208,7 +208,8 @@ declare const styles: {
208
208
  readonly "_navItem_12ooa_88": string;
209
209
  readonly "_nav_12ooa_5": string;
210
210
  readonly "_navbar_12ooa_5": string;
211
- readonly "_next_oeqfz_68": string;
211
+ readonly "_next_zbb4v_72": string;
212
+ readonly "_noPointerEvents_zbb4v_9": string;
212
213
  readonly "_notification_1txoc_1": string;
213
214
  readonly "_offline_1ihs2_69": string;
214
215
  readonly "_online_1ihs2_65": string;
@@ -225,10 +226,10 @@ declare const styles: {
225
226
  readonly "_paddingMd_1242k_14": string;
226
227
  readonly "_paddingNone_1242k_6": string;
227
228
  readonly "_paddingSm_1242k_10": string;
228
- readonly "_page_oeqfz_24": string;
229
+ readonly "_page_zbb4v_28": string;
229
230
  readonly "_parent_12ooa_178": string;
230
231
  readonly "_popover_13tha_25": string;
231
- readonly "_prev_oeqfz_67": string;
232
+ readonly "_prev_zbb4v_71": string;
232
233
  readonly "_primaryInverted_1tdql_38": string;
233
234
  readonly "_primary_1tdql_28": string;
234
235
  readonly "_primary_a1m8u_29": string;
@@ -309,9 +310,9 @@ declare const styles: {
309
310
  readonly "_top_55xty_24": string;
310
311
  readonly "_top_94xs9_19": string;
311
312
  readonly "_trackContainer_7toxm_7": string;
312
- readonly "_trackContainer_oeqfz_9": string;
313
+ readonly "_trackContainer_zbb4v_13": string;
313
314
  readonly "_track_7toxm_7": string;
314
- readonly "_track_oeqfz_9": string;
315
+ readonly "_track_zbb4v_13": string;
315
316
  readonly "_underlineInverted_1tdql_103": string;
316
317
  readonly "_underline_1tdql_94": string;
317
318
  readonly "_value_7toxm_44": string;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.0.77",
4
+ "version": "0.0.78",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {