quirk-ui 0.0.77 → 0.0.79

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 (6) hide show
  1. package/dist/assets/index31.css +1 -1
  2. package/dist/assets/index31.css.d.ts +13 -12
  3. package/dist/components/Carousel/index.js +100 -91
  4. package/dist/styles.css +1 -1
  5. package/dist/styles.css.d.ts +13 -12
  6. package/package.json +1 -1
package/dist/assets/index31.css CHANGED
@@ -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}
package/dist/assets/index31.css.d.ts CHANGED
@@ -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
 
package/dist/components/Carousel/index.js CHANGED
@@ -1,130 +1,139 @@
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 = {
1
+ import { jsxs as E, jsx as s } from "react/jsx-runtime";
2
+ import { useState as o, useRef as X, useEffect as y } from "react";
3
+ import { A as vt } from "../../arrow-left-BIJvHwNQ.js";
4
+ import { A as bt } from "../../arrow-right-QEwnX3Sk.js";
5
+ import '../../assets/index31.css';const ft = "_carousel_zbb4v_1", _t = "_noPointerEvents_zbb4v_9", pt = "_trackContainer_zbb4v_13", mt = "_track_zbb4v_13", wt = "_page_zbb4v_28", Mt = "_controls_zbb4v_34", gt = "_indicators_zbb4v_45", xt = "_indicator_zbb4v_45", $t = "_active_zbb4v_62", zt = "_buttons_zbb4v_66", Ct = "_prev_zbb4v_71", Et = "_disabled_zbb4v_71", Xt = "_next_zbb4v_72", n = {
6
6
  carousel: ft,
7
- trackContainer: _t,
7
+ noPointerEvents: _t,
8
+ trackContainer: pt,
8
9
  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
10
+ page: wt,
11
+ controls: Mt,
12
+ indicators: gt,
13
+ indicator: xt,
14
+ active: $t,
15
+ buttons: zt,
16
+ prev: Ct,
17
+ disabled: Et,
18
+ next: Xt
18
19
  };
19
- function qt({
20
- items: T,
21
- itemsPerPage: _ = 9,
22
- itemsPerRow: G = 3,
23
- autoplay: O = !1,
20
+ function It({
21
+ items: N,
22
+ itemsPerPage: f = 9,
23
+ itemsPerRow: O = 3,
24
+ autoplay: q = !1,
24
25
  autoplayInterval: k = 3,
25
26
  className: F,
26
27
  externalRef: H,
27
28
  siblingRef: a,
28
- isSplit: E = !1
29
+ isSplit: T = !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);
32
- }, 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);
38
- }, nt = () => {
39
- x && (b(!1), g(null), z(null));
40
- }, ot = (t) => {
41
- D(t.touches[0].clientX);
42
- }, st = (t) => {
43
- 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) => {
31
+ const [l, i] = o(0), [h, _] = o(0), [I, J] = o(0), [p, K] = o(f), [W, Q] = o(!1), [A, V] = o(q), Y = X(null), m = X(null), v = X(null), w = H, [D, P] = o(null), [S, L] = o(null), [Z, j] = o(!1), [d, R] = o(null), [M, U] = o(null), tt = (t) => {
32
+ console.log(Math.abs((M ?? 0) - (d ?? 0))), Math.abs((M ?? 0) - (d ?? 0)) > 25 && (t.stopPropagation(), t.preventDefault());
33
+ }, et = (t) => {
34
+ R(t.clientX);
35
+ }, nt = (t) => {
36
+ d !== null && Math.abs(t.clientX - d) > 5 && (j(!0), U(t.clientX));
37
+ }, ot = () => {
38
+ if (!d || !M) {
39
+ x();
40
+ return;
41
+ }
42
+ const t = d - M;
43
+ Math.abs(t) > 50 && (t > 0 ? z() : C()), x();
44
+ }, st = () => {
45
+ x();
46
+ }, x = () => {
47
+ j(!1), R(null), U(null);
48
+ }, ct = (t) => {
49
+ P(t.touches[0].clientX);
50
+ }, rt = (t) => {
51
+ L(t.touches[0].clientX);
52
+ }, at = () => {
53
+ if (D === null || S === null) return;
54
+ const t = D - S;
55
+ Math.abs(t) > 50 && (t > 0 ? z() : C()), P(null), L(null);
56
+ }, lt = (t, e) => {
49
57
  const r = [];
50
58
  for (let c = 0; c < t.length; c += e)
51
59
  r.push(t.slice(c, c + e));
52
60
  return r;
53
61
  };
54
- q(() => {
62
+ y(() => {
55
63
  if (typeof window < "u") {
56
64
  const t = () => {
57
65
  const e = window.innerWidth < 768;
58
- Q(e), K(e ? 1 : _), i(0);
66
+ Q(e), K(e ? 1 : f), i(0);
59
67
  };
60
68
  return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
61
69
  }
62
- }, [_]);
63
- const M = Math.ceil(p / G), U = rt(T, p), d = U.length, at = 3 * 16, lt = 6 * 16;
64
- q(() => {
70
+ }, [f]);
71
+ const g = Math.ceil(p / O), B = lt(N, p), u = B.length, it = 3 * 16, dt = 6 * 16;
72
+ y(() => {
65
73
  const t = new ResizeObserver((e) => {
66
74
  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
75
+ for (let b of e)
76
+ b.contentRect && (W ? _(b.contentRect.width - dt) : T ? a != null && a.current ? _(
77
+ b.contentRect.width - ((r = a == null ? void 0 : a.current) == null ? void 0 : r.offsetWidth) - it
78
+ ) : _(b.contentRect.width) : (_(b.contentRect.width), J(
79
+ ((c = m == null ? void 0 : m.current) == null ? void 0 : c.children[0].children[0].children[0].getBoundingClientRect().width) ?? 0
72
80
  )), i(0));
73
81
  });
74
82
  return w != null && w.current && t.observe(w.current), () => t.disconnect();
75
- }, [W, E]);
83
+ }, [W, T]);
76
84
  const $ = () => {
77
- h.current && clearInterval(h.current), V(!1);
78
- }, y = () => {
79
- $(), i((t) => Math.min(t + 1, d - 1));
80
- }, N = () => {
85
+ v.current && clearInterval(v.current), V(!1);
86
+ }, z = () => {
87
+ $(), i((t) => Math.min(t + 1, u - 1));
88
+ }, C = () => {
81
89
  $(), i((t) => Math.max(t - 1, 0));
82
- }, it = (t) => {
90
+ }, ut = (t) => {
83
91
  $(), i(t);
84
- }, dt = () => u ? `translateX(-${l * u}px)` : "translateX(0px)", B = () => {
85
- i((t) => t >= d - 1 ? 0 : t + 1);
92
+ }, ht = () => h ? `translateX(-${l * h}px)` : "translateX(0px)", G = () => {
93
+ i((t) => t >= u - 1 ? 0 : t + 1);
86
94
  };
87
- return q(() => (A && (h.current = setInterval(
88
- B,
95
+ return y(() => (A && (v.current = setInterval(
96
+ G,
89
97
  k * 1e3
90
98
  )), () => {
91
- h.current && clearInterval(h.current);
92
- }), [A, k, B]), /* @__PURE__ */ X("div", { className: `${F ?? ""} ${n.carousel}`, ref: Y, children: [
99
+ v.current && clearInterval(v.current);
100
+ }), [A, k, G]), /* @__PURE__ */ E("div", { className: `${F ?? ""} ${n.carousel}`, ref: Y, children: [
93
101
  /* @__PURE__ */ s(
94
102
  "div",
95
103
  {
96
104
  className: n.trackContainer,
97
- 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,
105
+ style: { maxWidth: `${h}px` },
106
+ onTouchStart: ct,
107
+ onTouchMove: rt,
108
+ onTouchEnd: at,
109
+ onMouseDown: et,
110
+ onMouseMove: nt,
111
+ onMouseUp: ot,
112
+ onMouseLeave: st,
105
113
  children: /* @__PURE__ */ s(
106
114
  "div",
107
115
  {
108
- ref: v,
109
- className: n.track,
110
- style: { width: `${d * 100}%`, transform: dt() },
111
- children: U.map((t, e) => /* @__PURE__ */ s(
116
+ ref: m,
117
+ className: `${n.track} ${Z ? n.noPointerEvents : ""}`,
118
+ style: { width: `${u * 100}%`, transform: ht() },
119
+ children: B.map((t, e) => /* @__PURE__ */ s(
112
120
  "div",
113
121
  {
114
122
  className: n.page,
115
123
  style: {
116
- display: M > 1 ? "grid" : "flex",
124
+ display: g > 1 ? "grid" : "flex",
117
125
  gridTemplateColumns: `repeat(${Math.ceil(
118
- p / M
126
+ p / g
119
127
  )}, 1fr)`,
120
- gridTemplateRows: `repeat(${M}, auto)`,
121
- width: `${u}px`
128
+ gridTemplateRows: `repeat(${g}, auto)`,
129
+ width: `${h}px`
122
130
  },
123
131
  children: t.map((r, c) => /* @__PURE__ */ s(
124
132
  "div",
125
133
  {
134
+ onClickCapture: tt,
126
135
  style: {
127
- width: `${u / M - 16}px`
136
+ width: `${h / g - 16}px`
128
137
  },
129
138
  children: r
130
139
  },
@@ -137,42 +146,42 @@ function qt({
137
146
  )
138
147
  }
139
148
  ),
140
- d > 1 && /* @__PURE__ */ X(
149
+ u > 1 && /* @__PURE__ */ E(
141
150
  "div",
142
151
  {
143
152
  className: n.controls,
144
153
  style: {
145
- maxWidth: I > 0 && _ === 1 ? `${I}px` : "unset"
154
+ maxWidth: I > 0 && f === 1 ? `${I}px` : "unset"
146
155
  },
147
156
  children: [
148
- /* @__PURE__ */ s("div", { className: n.indicators, children: Array.from({ length: d }).map((t, e) => /* @__PURE__ */ s(
157
+ /* @__PURE__ */ s("div", { className: n.indicators, children: Array.from({ length: u }).map((t, e) => /* @__PURE__ */ s(
149
158
  "button",
150
159
  {
151
160
  className: `${n.indicator} ${e === l ? n.active : ""}`,
152
- onClick: () => it(e),
161
+ onClick: () => ut(e),
153
162
  "aria-label": `Go to group ${e + 1}`
154
163
  },
155
164
  e
156
165
  )) }),
157
- /* @__PURE__ */ X("div", { className: n.buttons, children: [
166
+ /* @__PURE__ */ E("div", { className: n.buttons, children: [
158
167
  /* @__PURE__ */ s(
159
168
  "button",
160
169
  {
161
170
  "aria-label": "Previous slide",
162
171
  className: `${n.prev} ${l === 0 ? n.disabled : ""}`,
163
- onClick: N,
172
+ onClick: C,
164
173
  disabled: l === 0,
165
- children: /* @__PURE__ */ s(ut, { size: 36 })
174
+ children: /* @__PURE__ */ s(vt, { size: 36 })
166
175
  }
167
176
  ),
168
177
  /* @__PURE__ */ s(
169
178
  "button",
170
179
  {
171
180
  "aria-label": "Next slide",
172
- className: `${n.next} ${l >= d - 1 ? n.disabled : ""}`,
173
- onClick: y,
174
- disabled: l >= T.length - p,
175
- children: /* @__PURE__ */ s(ht, { size: 36 })
181
+ className: `${n.next} ${l >= u - 1 ? n.disabled : ""}`,
182
+ onClick: z,
183
+ disabled: l >= N.length - p,
184
+ children: /* @__PURE__ */ s(bt, { size: 36 })
176
185
  }
177
186
  )
178
187
  ] })
@@ -182,5 +191,5 @@ function qt({
182
191
  ] });
183
192
  }
184
193
  export {
185
- qt as Carousel
194
+ It as Carousel
186
195
  };
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)}
package/dist/styles.css.d.ts CHANGED
@@ -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.79",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {