quirk-ui 0.0.67 → 0.0.69

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 +12 -12
  3. package/dist/components/Carousel/index.js +114 -103
  4. package/dist/styles.css +1 -1
  5. package/dist/styles.css.d.ts +12 -12
  6. package/package.json +1 -1
package/dist/assets/index31.css CHANGED
@@ -1 +1 @@
1
- ._carousel_u7gup_1{width:100%}@media (max-width: 767px){._carousel_u7gup_1{padding:0 3rem}}._trackContainer_u7gup_9{overflow:hidden;width:100%}@media (max-width: 767px){._trackContainer_u7gup_9{overflow:visible}}._track_u7gup_9{display:flex;transition:transform .3s ease;will-change:transform}._page_u7gup_24{display:flex;gap:var(--spacing-md);padding:0 var(--spacing-sm)}._controls_u7gup_30{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding:0 var(--spacing-md);width:100%}@media (max-width: 767px){._controls_u7gup_30{width:var(--card-width);margin-left:auto;margin-right:auto}}._indicators_u7gup_47{display:flex;flex-wrap:wrap;max-width:125px;gap:var(--spacing-xs)}._indicator_u7gup_47{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;border:1px solid #fff;cursor:pointer;transition:background-color .3s}._indicator_u7gup_47._active_u7gup_64{background-color:var(--color-primary)}._buttons_u7gup_68{display:flex;gap:var(--spacing-md)}._prev_u7gup_73._disabled_u7gup_73,._next_u7gup_74._disabled_u7gup_73{opacity:.5;pointer-events:none}._buttons_u7gup_68 button:not(._disabled_u7gup_73):hover{background-color:var(--color-primary);color:#fff}._prev_u7gup_73,._next_u7gup_74{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_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}
package/dist/assets/index31.css.d.ts CHANGED
@@ -1,16 +1,16 @@
1
1
  declare const styles: {
2
- readonly "_active_u7gup_64": string;
3
- readonly "_buttons_u7gup_68": string;
4
- readonly "_carousel_u7gup_1": string;
5
- readonly "_controls_u7gup_30": string;
6
- readonly "_disabled_u7gup_73": string;
7
- readonly "_indicator_u7gup_47": string;
8
- readonly "_indicators_u7gup_47": string;
9
- readonly "_next_u7gup_74": string;
10
- readonly "_page_u7gup_24": string;
11
- readonly "_prev_u7gup_73": string;
12
- readonly "_trackContainer_u7gup_9": string;
13
- readonly "_track_u7gup_9": string;
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;
14
14
  };
15
15
  export = styles;
16
16
 
package/dist/components/Carousel/index.js CHANGED
@@ -1,106 +1,108 @@
1
- import { jsxs as g, jsx as s } from "react/jsx-runtime";
2
- import { useState as p, useRef as A, useEffect as x } from "react";
3
- import { A as F } from "../../arrow-left-BIJvHwNQ.js";
4
- import { A as H } from "../../arrow-right-QEwnX3Sk.js";
5
- import '../../assets/index31.css';const J = "_carousel_u7gup_1", K = "_trackContainer_u7gup_9", Q = "_track_u7gup_9", S = "_page_u7gup_24", U = "_controls_u7gup_30", V = "_indicators_u7gup_47", Y = "_indicator_u7gup_47", Z = "_active_u7gup_64", tt = "_buttons_u7gup_68", et = "_prev_u7gup_73", nt = "_disabled_u7gup_73", rt = "_next_u7gup_74", n = {
6
- carousel: J,
7
- trackContainer: K,
8
- track: Q,
9
- page: S,
10
- controls: U,
11
- indicators: V,
12
- indicator: Y,
13
- active: Z,
14
- buttons: tt,
15
- prev: et,
16
- disabled: nt,
17
- next: rt
1
+ import { jsxs as x, jsx as r } from "react/jsx-runtime";
2
+ import { useState as u, useRef as I, useEffect as z } from "react";
3
+ import { A as J } from "../../arrow-left-BIJvHwNQ.js";
4
+ import { A as K } from "../../arrow-right-QEwnX3Sk.js";
5
+ import '../../assets/index31.css';const Q = "_carousel_oeqfz_1", S = "_trackContainer_oeqfz_9", U = "_track_oeqfz_9", V = "_page_oeqfz_24", Y = "_controls_oeqfz_30", Z = "_indicators_oeqfz_41", tt = "_indicator_oeqfz_41", et = "_active_oeqfz_58", nt = "_buttons_oeqfz_62", ot = "_prev_oeqfz_67", rt = "_disabled_oeqfz_67", st = "_next_oeqfz_68", n = {
6
+ carousel: Q,
7
+ trackContainer: S,
8
+ track: U,
9
+ page: V,
10
+ controls: Y,
11
+ indicators: Z,
12
+ indicator: tt,
13
+ active: et,
14
+ buttons: nt,
15
+ prev: ot,
16
+ disabled: rt,
17
+ next: st
18
18
  };
19
- function it({
20
- items: b,
21
- itemsPerPage: v = 9,
22
- itemsPerRow: M = 3,
23
- autoplay: W = !1,
24
- autoplayInterval: $ = 3,
25
- className: z,
19
+ function dt({
20
+ items: $,
21
+ itemsPerPage: _ = 9,
22
+ itemsPerRow: W = 3,
23
+ autoplay: A = !1,
24
+ autoplayInterval: b = 3,
25
+ className: M,
26
26
  externalRef: E,
27
- siblingRef: c,
28
- isSplit: N = !1
27
+ siblingRef: a,
28
+ isSplit: y = !1
29
29
  }) {
30
- const [a, i] = p(0), [d, h] = p(0), [_, P] = p(v), [y, T] = p(!1), [k, L] = p(W), j = A(null), u = A(null), m = E, R = (t, e) => {
31
- const o = [];
32
- for (let r = 0; r < t.length; r += e)
33
- o.push(t.slice(r, r + e));
34
- return o;
30
+ const [i, l] = u(0), [h, m] = u(0), [N, T] = u(0), [p, L] = u(_), [C, j] = u(!1), [k, P] = u(A), X = I(null), f = I(null), s = E, B = (t, e) => {
31
+ const c = [];
32
+ for (let o = 0; o < t.length; o += e)
33
+ c.push(t.slice(o, o + e));
34
+ return c;
35
35
  };
36
- x(() => {
36
+ z(() => {
37
37
  if (typeof window < "u") {
38
38
  const t = () => {
39
39
  const e = window.innerWidth < 768;
40
- T(e), P(e ? 1 : v), i(0);
40
+ j(e), L(e ? 1 : _), l(0);
41
41
  };
42
42
  return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
43
43
  }
44
- }, [v]);
45
- const f = Math.ceil(_ / M), C = R(b, _), l = C.length, X = 3 * 16, D = 6 * 16;
46
- x(() => {
44
+ }, [_]);
45
+ const w = Math.ceil(p / W), q = B($, p), d = q.length, D = 3 * 16, G = 6 * 16;
46
+ z(() => {
47
47
  const t = new ResizeObserver((e) => {
48
- var o;
49
- for (let r of e)
50
- r.contentRect && (y ? h(r.contentRect.width - D) : N && c != null && c.current ? h(
51
- r.contentRect.width - ((o = c == null ? void 0 : c.current) == null ? void 0 : o.offsetWidth) - X
52
- ) : h(r.contentRect.width), i(0));
48
+ var c;
49
+ for (let o of e)
50
+ o.contentRect && (C ? m(o.contentRect.width - G) : y ? a != null && a.current ? m(
51
+ o.contentRect.width - ((c = a == null ? void 0 : a.current) == null ? void 0 : c.offsetWidth) - D
52
+ ) : m(o.contentRect.width) : (m(o.contentRect.width), T(
53
+ (s == null ? void 0 : s.current.children[0].getBoundingClientRect().width) ?? 0
54
+ )), l(0));
53
55
  });
54
- return m != null && m.current && t.observe(m.current), () => t.disconnect();
55
- }, [y, N]);
56
- const w = () => {
57
- u.current && clearInterval(u.current), L(!1);
58
- }, G = () => {
59
- w(), i((t) => Math.min(t + 1, l - 1));
56
+ return s != null && s.current && t.observe(s.current), () => t.disconnect();
57
+ }, [C, y]);
58
+ const v = () => {
59
+ f.current && clearInterval(f.current), P(!1);
60
60
  }, O = () => {
61
- w(), i((t) => Math.max(t - 1, 0));
62
- }, q = (t) => {
63
- w(), i(t);
64
- }, B = () => d ? `translateX(-${a * d}px)` : "translateX(0px)", I = () => {
65
- i((t) => t >= l - 1 ? 0 : t + 1);
61
+ v(), l((t) => Math.min(t + 1, d - 1));
62
+ }, R = () => {
63
+ v(), l((t) => Math.max(t - 1, 0));
64
+ }, F = (t) => {
65
+ v(), l(t);
66
+ }, H = () => h ? `translateX(-${i * h}px)` : "translateX(0px)", g = () => {
67
+ l((t) => t >= d - 1 ? 0 : t + 1);
66
68
  };
67
- return x(() => (k && (u.current = setInterval(
68
- I,
69
- $ * 1e3
69
+ return z(() => (k && (f.current = setInterval(
70
+ g,
71
+ b * 1e3
70
72
  )), () => {
71
- u.current && clearInterval(u.current);
72
- }), [k, $, I]), /* @__PURE__ */ g("div", { className: `${z ?? ""} ${n.carousel}`, ref: j, children: [
73
- /* @__PURE__ */ s(
73
+ f.current && clearInterval(f.current);
74
+ }), [k, b, g]), /* @__PURE__ */ x("div", { className: `${M ?? ""} ${n.carousel}`, ref: X, children: [
75
+ /* @__PURE__ */ r(
74
76
  "div",
75
77
  {
76
78
  className: n.trackContainer,
77
- style: { maxWidth: `${d}px` },
78
- children: /* @__PURE__ */ s(
79
+ style: { maxWidth: `${h}px` },
80
+ children: /* @__PURE__ */ r(
79
81
  "div",
80
82
  {
81
83
  className: n.track,
82
- style: { width: `${l * 100}%`, transform: B() },
83
- children: C.map((t, e) => /* @__PURE__ */ s(
84
+ style: { width: `${d * 100}%`, transform: H() },
85
+ children: q.map((t, e) => /* @__PURE__ */ r(
84
86
  "div",
85
87
  {
86
88
  className: n.page,
87
89
  style: {
88
- display: f > 1 ? "grid" : "flex",
90
+ display: w > 1 ? "grid" : "flex",
89
91
  gridTemplateColumns: `repeat(${Math.ceil(
90
- _ / f
92
+ p / w
91
93
  )}, 1fr)`,
92
- gridTemplateRows: `repeat(${f}, auto)`,
93
- width: `${d}px`
94
+ gridTemplateRows: `repeat(${w}, auto)`,
95
+ width: `${h}px`
94
96
  },
95
- children: t.map((o, r) => /* @__PURE__ */ s(
97
+ children: t.map((c, o) => /* @__PURE__ */ r(
96
98
  "div",
97
99
  {
98
100
  style: {
99
- width: `${d / f - 16}px`
101
+ width: `${h / w - 16}px`
100
102
  },
101
- children: o
103
+ children: c
102
104
  },
103
- r
105
+ o
104
106
  ))
105
107
  },
106
108
  e
@@ -109,41 +111,50 @@ function it({
109
111
  )
110
112
  }
111
113
  ),
112
- l > 1 && /* @__PURE__ */ g("div", { className: n.controls, children: [
113
- /* @__PURE__ */ s("div", { className: n.indicators, children: Array.from({ length: l }).map((t, e) => /* @__PURE__ */ s(
114
- "button",
115
- {
116
- className: `${n.indicator} ${e === a ? n.active : ""}`,
117
- onClick: () => q(e),
118
- "aria-label": `Go to group ${e + 1}`
114
+ d > 1 && /* @__PURE__ */ x(
115
+ "div",
116
+ {
117
+ className: n.controls,
118
+ style: {
119
+ maxWidth: N > 0 && _ === 1 ? `${N}px` : "unset"
119
120
  },
120
- e
121
- )) }),
122
- /* @__PURE__ */ g("div", { className: n.buttons, children: [
123
- /* @__PURE__ */ s(
124
- "button",
125
- {
126
- "aria-label": "Previous slide",
127
- className: `${n.prev} ${a === 0 ? n.disabled : ""}`,
128
- onClick: O,
129
- disabled: a === 0,
130
- children: /* @__PURE__ */ s(F, { size: 36 })
131
- }
132
- ),
133
- /* @__PURE__ */ s(
134
- "button",
135
- {
136
- "aria-label": "Next slide",
137
- className: `${n.next} ${a >= l - 1 ? n.disabled : ""}`,
138
- onClick: G,
139
- disabled: a >= b.length - _,
140
- children: /* @__PURE__ */ s(H, { size: 36 })
141
- }
142
- )
143
- ] })
144
- ] })
121
+ children: [
122
+ /* @__PURE__ */ r("div", { className: n.indicators, children: Array.from({ length: d }).map((t, e) => /* @__PURE__ */ r(
123
+ "button",
124
+ {
125
+ className: `${n.indicator} ${e === i ? n.active : ""}`,
126
+ onClick: () => F(e),
127
+ "aria-label": `Go to group ${e + 1}`
128
+ },
129
+ e
130
+ )) }),
131
+ /* @__PURE__ */ x("div", { className: n.buttons, children: [
132
+ /* @__PURE__ */ r(
133
+ "button",
134
+ {
135
+ "aria-label": "Previous slide",
136
+ className: `${n.prev} ${i === 0 ? n.disabled : ""}`,
137
+ onClick: R,
138
+ disabled: i === 0,
139
+ children: /* @__PURE__ */ r(J, { size: 36 })
140
+ }
141
+ ),
142
+ /* @__PURE__ */ r(
143
+ "button",
144
+ {
145
+ "aria-label": "Next slide",
146
+ className: `${n.next} ${i >= d - 1 ? n.disabled : ""}`,
147
+ onClick: O,
148
+ disabled: i >= $.length - p,
149
+ children: /* @__PURE__ */ r(K, { size: 36 })
150
+ }
151
+ )
152
+ ] })
153
+ ]
154
+ }
155
+ )
145
156
  ] });
146
157
  }
147
158
  export {
148
- it as Carousel
159
+ dt as Carousel
149
160
  };
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_u7gup_1{width:100%}@media (max-width: 767px){._carousel_u7gup_1{padding:0 3rem}}._trackContainer_u7gup_9{overflow:hidden;width:100%}@media (max-width: 767px){._trackContainer_u7gup_9{overflow:visible}}._track_u7gup_9{display:flex;transition:transform .3s ease;will-change:transform}._page_u7gup_24{display:flex;gap:var(--spacing-md);padding:0 var(--spacing-sm)}._controls_u7gup_30{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding:0 var(--spacing-md);width:100%}@media (max-width: 767px){._controls_u7gup_30{width:var(--card-width);margin-left:auto;margin-right:auto}}._indicators_u7gup_47{display:flex;flex-wrap:wrap;max-width:125px;gap:var(--spacing-xs)}._indicator_u7gup_47{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;border:1px solid #fff;cursor:pointer;transition:background-color .3s}._indicator_u7gup_47._active_u7gup_64{background-color:var(--color-primary)}._buttons_u7gup_68{display:flex;gap:var(--spacing-md)}._prev_u7gup_73._disabled_u7gup_73,._next_u7gup_74._disabled_u7gup_73{opacity:.5;pointer-events:none}._buttons_u7gup_68 button:not(._disabled_u7gup_73):hover{background-color:var(--color-primary);color:#fff}._prev_u7gup_73,._next_u7gup_74{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_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}
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_u7gup_64": string;
11
+ readonly "_active_oeqfz_58": 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_xustn_67": string;
36
36
  readonly "_buttonGroup_e1koo_1": string;
37
- readonly "_buttons_u7gup_68": string;
37
+ readonly "_buttons_oeqfz_62": string;
38
38
  readonly "_calendar_zbxci_1": string;
39
39
  readonly "_callToAction_1tdql_1": string;
40
40
  readonly "_card_7amar_1": string;
41
- readonly "_carousel_u7gup_1": string;
41
+ readonly "_carousel_oeqfz_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_1tdql_125": string;
60
60
  readonly "_content_7amar_60": string;
61
61
  readonly "_content_cqo68_37": string;
62
- readonly "_controls_u7gup_30": string;
62
+ readonly "_controls_oeqfz_30": 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_u7gup_73": string;
73
+ readonly "_disabled_oeqfz_67": 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_7amar_35": string;
135
135
  readonly "_image_7amar_35": string;
136
136
  readonly "_image_xustn_35": string;
137
- readonly "_indicator_u7gup_47": string;
138
- readonly "_indicators_u7gup_47": string;
137
+ readonly "_indicator_oeqfz_41": string;
138
+ readonly "_indicators_oeqfz_41": 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,7 @@ 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_u7gup_74": string;
211
+ readonly "_next_oeqfz_68": string;
212
212
  readonly "_notification_1txoc_1": string;
213
213
  readonly "_offline_xustn_63": string;
214
214
  readonly "_online_xustn_59": string;
@@ -225,10 +225,10 @@ declare const styles: {
225
225
  readonly "_paddingMd_1242k_14": string;
226
226
  readonly "_paddingNone_1242k_6": string;
227
227
  readonly "_paddingSm_1242k_10": string;
228
- readonly "_page_u7gup_24": string;
228
+ readonly "_page_oeqfz_24": string;
229
229
  readonly "_parent_12ooa_178": string;
230
230
  readonly "_popover_13tha_25": string;
231
- readonly "_prev_u7gup_73": string;
231
+ readonly "_prev_oeqfz_67": string;
232
232
  readonly "_primaryInverted_1tdql_38": string;
233
233
  readonly "_primary_1tdql_28": string;
234
234
  readonly "_primary_a1m8u_29": string;
@@ -309,9 +309,9 @@ declare const styles: {
309
309
  readonly "_top_55xty_24": string;
310
310
  readonly "_top_94xs9_19": string;
311
311
  readonly "_trackContainer_7toxm_7": string;
312
- readonly "_trackContainer_u7gup_9": string;
312
+ readonly "_trackContainer_oeqfz_9": string;
313
313
  readonly "_track_7toxm_7": string;
314
- readonly "_track_u7gup_9": string;
314
+ readonly "_track_oeqfz_9": string;
315
315
  readonly "_underlineInverted_1tdql_103": string;
316
316
  readonly "_underline_1tdql_94": string;
317
317
  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.67",
4
+ "version": "0.0.69",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {