quirk-ui 0.0.71 → 0.0.73

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 (7) hide show
  1. package/dist/assets/index22.css +1 -1
  2. package/dist/assets/index22.css.d.ts +15 -15
  3. package/dist/components/Card/index.js +38 -38
  4. package/dist/components/Carousel/index.js +81 -78
  5. package/dist/styles.css +1 -1
  6. package/dist/styles.css.d.ts +15 -15
  7. package/package.json +1 -1
package/dist/assets/index22.css CHANGED
@@ -1 +1 @@
1
- ._card_198hu_1{background-color:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:box-shadow .3s,transform .3s;display:flex;flex-direction:column;justify-content:space-between;height:100%;box-sizing:border-box;min-height:225px;max-width:800px;margin:0 auto}._clickable_198hu_17{cursor:pointer}._clickable_198hu_17:hover{box-shadow:0 6px 12px #0003}._default_198hu_25{box-shadow:0 2px 4px #0000001a}._outlined_198hu_29{border:1px solid var(--color-border)}._shadow_198hu_33{box-shadow:0 2px 4px #00000026}._imageTop_198hu_37{padding:0;overflow:hidden;border-radius:var(--radius-md);display:flex;flex-direction:column;height:100%;border:1px solid var(--color-border)}._imageTop_198hu_37 ._imageContainer_198hu_47{width:100%;height:100%;max-height:150px;overflow:hidden;flex-shrink:0}._imageTop_198hu_37 ._image_198hu_37{width:100%;height:100%;object-fit:cover}._imageTop_198hu_37 ._content_198hu_62{padding:var(--spacing-md)}._imageBackground_198hu_66{position:relative;padding:0;overflow:hidden;border-radius:var(--radius-md);color:var(--color-foreground);display:flex;flex-direction:column;height:100%}._imageBackground_198hu_66 ._imageBackgroundContainer_198hu_77{position:relative;width:100%;height:100%;overflow:hidden;flex-grow:1}._imageBackground_198hu_66 ._backgroundImage_198hu_85{width:100%;height:100%;object-fit:cover;position:relative;top:0;left:0;z-index:1}._imageBackground_198hu_66 ._overlay_198hu_95{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-md)}._imageBackground_198hu_66 ._text_198hu_111,._imageBackground_198hu_66 h3{color:#fff}._content_198hu_62{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}._card_198hu_1:hover{transform:translateY(-2px)}._text_198hu_111{font-size:var(-font-size-md);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}._footer_198hu_133{text-align:right;padding-top:var(--spacing-md);flex-shrink:0}
1
+ ._card_18ynt_1{background-color:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:box-shadow .3s,transform .3s;display:flex;flex-direction:column;justify-content:space-between;height:100%;box-sizing:border-box;min-height:225px;margin:0 auto}._clickable_18ynt_16{cursor:pointer}._clickable_18ynt_16:hover{box-shadow:0 6px 12px #0003}._default_18ynt_24{box-shadow:0 2px 4px #0000001a}._outlined_18ynt_28{border:1px solid var(--color-border)}._shadow_18ynt_32{box-shadow:0 2px 4px #00000026}._imageTop_18ynt_36{padding:0;overflow:hidden;border-radius:var(--radius-md);display:flex;flex-direction:column;height:100%;border:1px solid var(--color-border)}._imageTop_18ynt_36 ._imageContainer_18ynt_46{width:100%;height:100%;max-height:150px;overflow:hidden;flex-shrink:0}._imageTop_18ynt_36 ._image_18ynt_36{width:100%;height:100%;object-fit:cover}._imageTop_18ynt_36 ._content_18ynt_61{padding:var(--spacing-md)}._imageBackground_18ynt_65{position:relative;padding:0;overflow:hidden;border-radius:var(--radius-md);color:var(--color-foreground);display:flex;flex-direction:column;height:100%}._imageBackground_18ynt_65 ._imageBackgroundContainer_18ynt_76{position:relative;width:100%;height:100%;overflow:hidden;flex-grow:1}._imageBackground_18ynt_65 ._backgroundImage_18ynt_84{width:100%;height:100%;object-fit:cover;position:relative;top:0;left:0;z-index:1}._imageBackground_18ynt_65 ._overlay_18ynt_94{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-md)}._imageBackground_18ynt_65 ._text_18ynt_110,._imageBackground_18ynt_65 h3{color:#fff}._content_18ynt_61{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}._card_18ynt_1:hover{transform:translateY(-2px)}._text_18ynt_110{font-size:var(-font-size-md);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}._footer_18ynt_132{text-align:right;padding-top:var(--spacing-md);flex-shrink:0}
package/dist/assets/index22.css.d.ts CHANGED
@@ -1,19 +1,19 @@
1
1
  declare const styles: {
2
- readonly "_backgroundImage_198hu_85": string;
3
- readonly "_card_198hu_1": string;
4
- readonly "_clickable_198hu_17": string;
5
- readonly "_content_198hu_62": string;
6
- readonly "_default_198hu_25": string;
7
- readonly "_footer_198hu_133": string;
8
- readonly "_imageBackgroundContainer_198hu_77": string;
9
- readonly "_imageBackground_198hu_66": string;
10
- readonly "_imageContainer_198hu_47": string;
11
- readonly "_imageTop_198hu_37": string;
12
- readonly "_image_198hu_37": string;
13
- readonly "_outlined_198hu_29": string;
14
- readonly "_overlay_198hu_95": string;
15
- readonly "_shadow_198hu_33": string;
16
- readonly "_text_198hu_111": string;
2
+ readonly "_backgroundImage_18ynt_84": string;
3
+ readonly "_card_18ynt_1": string;
4
+ readonly "_clickable_18ynt_16": string;
5
+ readonly "_content_18ynt_61": string;
6
+ readonly "_default_18ynt_24": string;
7
+ readonly "_footer_18ynt_132": string;
8
+ readonly "_imageBackgroundContainer_18ynt_76": string;
9
+ readonly "_imageBackground_18ynt_65": string;
10
+ readonly "_imageContainer_18ynt_46": string;
11
+ readonly "_imageTop_18ynt_36": string;
12
+ readonly "_image_18ynt_36": string;
13
+ readonly "_outlined_18ynt_28": string;
14
+ readonly "_overlay_18ynt_94": string;
15
+ readonly "_shadow_18ynt_32": string;
16
+ readonly "_text_18ynt_110": string;
17
17
  };
18
18
  export = styles;
19
19
 
package/dist/components/Card/index.js CHANGED
@@ -1,26 +1,26 @@
1
- import { jsxs as o, jsx as e } from "react/jsx-runtime";
1
+ import { jsxs as n, jsx as e } from "react/jsx-runtime";
2
2
  import '../../assets/index.css';import '../../assets/index22.css';/* empty css */
3
3
  import { Heading as l } from "../Heading/index.js";
4
4
  import "react";
5
5
  import "../../index-CxrBcaoP.js";
6
6
  import "../Tabs/index.js";
7
- const g = "_card_198hu_1", u = "_clickable_198hu_17", h = "_outlined_198hu_29", k = "_shadow_198hu_33", p = "_imageTop_198hu_37", v = "_imageContainer_198hu_47", f = "_image_198hu_37", B = "_content_198hu_62", N = "_imageBackground_198hu_66", C = "_imageBackgroundContainer_198hu_77", b = "_backgroundImage_198hu_85", x = "_overlay_198hu_95", T = "_text_198hu_111", w = "_footer_198hu_133", a = {
7
+ const g = "_card_18ynt_1", u = "_clickable_18ynt_16", y = "_outlined_18ynt_28", h = "_shadow_18ynt_32", k = "_imageTop_18ynt_36", p = "_imageContainer_18ynt_46", v = "_image_18ynt_36", f = "_content_18ynt_61", B = "_imageBackground_18ynt_65", N = "_imageBackgroundContainer_18ynt_76", C = "_backgroundImage_18ynt_84", b = "_overlay_18ynt_94", x = "_text_18ynt_110", T = "_footer_18ynt_132", a = {
8
8
  card: g,
9
9
  clickable: u,
10
- default: "_default_198hu_25",
11
- outlined: h,
12
- shadow: k,
13
- imageTop: p,
14
- imageContainer: v,
15
- image: f,
16
- content: B,
17
- imageBackground: N,
18
- imageBackgroundContainer: C,
19
- backgroundImage: b,
20
- overlay: x,
21
- text: T,
22
- footer: w
23
- }, y = {
10
+ default: "_default_18ynt_24",
11
+ outlined: y,
12
+ shadow: h,
13
+ imageTop: k,
14
+ imageContainer: p,
15
+ image: v,
16
+ content: f,
17
+ imageBackground: B,
18
+ imageBackgroundContainer: N,
19
+ backgroundImage: C,
20
+ overlay: b,
21
+ text: x,
22
+ footer: T
23
+ }, w = {
24
24
  default: a.default,
25
25
  outlined: a.outlined,
26
26
  shadow: a.shadow,
@@ -28,47 +28,47 @@ const g = "_card_198hu_1", u = "_clickable_198hu_17", h = "_outlined_198hu_29",
28
28
  imageBackground: a.imageBackground
29
29
  };
30
30
  function z({
31
- title: n,
32
- content: i,
33
- footer: c,
34
- imageSrc: d,
35
- imageAlt: t = "Card image",
31
+ title: o,
32
+ content: t,
33
+ footer: i,
34
+ imageSrc: c,
35
+ imageAlt: r = "Card image",
36
36
  onClick: s,
37
- variant: r = "default",
37
+ variant: d = "default",
38
38
  clickable: m = !1,
39
39
  className: _
40
40
  }) {
41
- return /* @__PURE__ */ o(
41
+ return /* @__PURE__ */ n(
42
42
  "div",
43
43
  {
44
- className: `${_ ?? ""} ${a.card} ${y[r]} ${m ? a.clickable : ""}`,
44
+ className: `${_ ?? ""} ${a.card} ${w[d]} ${m ? a.clickable : ""}`,
45
45
  onClick: s,
46
46
  role: s ? "button" : "presentation",
47
47
  children: [
48
- r === "imageTop" && d && /* @__PURE__ */ e("div", { className: a.imageContainer, children: /* @__PURE__ */ e("img", { src: d, alt: t, className: a.image }) }),
49
- r === "imageBackground" && d && /* @__PURE__ */ o("div", { className: a.imageBackgroundContainer, children: [
48
+ d === "imageTop" && c && /* @__PURE__ */ e("div", { className: a.imageContainer, children: /* @__PURE__ */ e("img", { src: c, alt: r, className: a.image }) }),
49
+ d === "imageBackground" && c && /* @__PURE__ */ n("div", { className: a.imageBackgroundContainer, children: [
50
50
  /* @__PURE__ */ e(
51
51
  "img",
52
52
  {
53
- src: d,
54
- alt: t,
53
+ src: c,
54
+ alt: r,
55
55
  className: a.backgroundImage
56
56
  }
57
57
  ),
58
- /* @__PURE__ */ o("div", { className: a.overlay, children: [
59
- /* @__PURE__ */ o("div", { children: [
60
- n && /* @__PURE__ */ e(l, { level: 3, children: n }),
61
- i && /* @__PURE__ */ e("div", { className: a.text, children: i })
58
+ /* @__PURE__ */ n("div", { className: a.overlay, children: [
59
+ /* @__PURE__ */ n("div", { children: [
60
+ o && /* @__PURE__ */ e(l, { level: 3, children: o }),
61
+ t && /* @__PURE__ */ e("div", { className: a.text, children: t })
62
62
  ] }),
63
- c && /* @__PURE__ */ e("div", { className: a.footer, children: c })
63
+ i && /* @__PURE__ */ e("div", { className: a.footer, children: i })
64
64
  ] })
65
65
  ] }),
66
- r !== "imageBackground" && /* @__PURE__ */ o("div", { className: a.content, children: [
67
- /* @__PURE__ */ o("div", { children: [
68
- n && /* @__PURE__ */ e(l, { level: 3, children: n }),
69
- i && /* @__PURE__ */ e("div", { className: a.text, children: i })
66
+ d !== "imageBackground" && /* @__PURE__ */ n("div", { className: a.content, children: [
67
+ /* @__PURE__ */ n("div", { children: [
68
+ o && /* @__PURE__ */ e(l, { level: 3, children: o }),
69
+ t && /* @__PURE__ */ e("div", { className: a.text, children: t })
70
70
  ] }),
71
- c && /* @__PURE__ */ e("div", { className: a.footer, children: c })
71
+ i && /* @__PURE__ */ e("div", { className: a.footer, children: i })
72
72
  ] })
73
73
  ]
74
74
  }
package/dist/components/Carousel/index.js CHANGED
@@ -1,108 +1,111 @@
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
1
+ import { jsxs as z, jsx as o } from "react/jsx-runtime";
2
+ import { useState as u, useRef as $, useEffect as y } from "react";
3
+ import { A as S } from "../../arrow-left-BIJvHwNQ.js";
4
+ import { A as U } from "../../arrow-right-QEwnX3Sk.js";
5
+ import '../../assets/index31.css';const V = "_carousel_oeqfz_1", Y = "_trackContainer_oeqfz_9", Z = "_track_oeqfz_9", tt = "_page_oeqfz_24", et = "_controls_oeqfz_30", nt = "_indicators_oeqfz_41", ot = "_indicator_oeqfz_41", rt = "_active_oeqfz_58", st = "_buttons_oeqfz_62", ct = "_prev_oeqfz_67", at = "_disabled_oeqfz_67", it = "_next_oeqfz_68", n = {
6
+ carousel: V,
7
+ trackContainer: Y,
8
+ track: Z,
9
+ page: tt,
10
+ controls: et,
11
+ indicators: nt,
12
+ indicator: ot,
13
+ active: rt,
14
+ buttons: st,
15
+ prev: ct,
16
+ disabled: at,
17
+ next: it
18
18
  };
19
- function dt({
20
- items: $,
21
- itemsPerPage: _ = 9,
22
- itemsPerRow: W = 3,
23
- autoplay: A = !1,
24
- autoplayInterval: b = 3,
25
- className: M,
26
- externalRef: E,
19
+ function ft({
20
+ items: N,
21
+ itemsPerPage: m = 9,
22
+ itemsPerRow: E = 3,
23
+ autoplay: T = !1,
24
+ autoplayInterval: C = 3,
25
+ className: L,
26
+ externalRef: j,
27
27
  siblingRef: a,
28
- isSplit: y = !1
28
+ isSplit: g = !1
29
29
  }) {
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) => {
30
+ const [i, l] = u(0), [h, p] = u(0), [q, P] = u(0), [v, X] = u(m), [I, B] = u(!1), [W, D] = u(T), G = $(null), s = $(null), f = $(null), w = j, O = (t, e) => {
31
31
  const c = [];
32
- for (let o = 0; o < t.length; o += e)
33
- c.push(t.slice(o, o + e));
32
+ for (let r = 0; r < t.length; r += e)
33
+ c.push(t.slice(r, r + e));
34
34
  return c;
35
35
  };
36
- z(() => {
36
+ y(() => {
37
37
  if (typeof window < "u") {
38
38
  const t = () => {
39
39
  const e = window.innerWidth < 768;
40
- j(e), L(e ? 1 : _), l(0);
40
+ B(e), X(e ? 1 : m), l(0);
41
41
  };
42
42
  return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
43
43
  }
44
- }, [_]);
45
- const w = Math.ceil(p / W), q = B($, p), d = q.length, D = 3 * 16, G = 6 * 16;
46
- z(() => {
44
+ }, [m]);
45
+ const x = Math.ceil(v / E), k = O(N, v), d = k.length, F = 3 * 16, H = 6 * 16;
46
+ y(() => {
47
47
  const t = new ResizeObserver((e) => {
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].children[0].getBoundingClientRect().width) ?? 0
48
+ var c, r, M;
49
+ for (let _ of e)
50
+ _.contentRect && (I ? p(_.contentRect.width - H) : g ? a != null && a.current ? p(
51
+ _.contentRect.width - ((c = a == null ? void 0 : a.current) == null ? void 0 : c.offsetWidth) - F
52
+ ) : p(_.contentRect.width) : (console.log(
53
+ (r = s == null ? void 0 : s.current) == null ? void 0 : r.children[0].children[0].children[0]
54
+ ), p(_.contentRect.width), P(
55
+ ((M = s == null ? void 0 : s.current) == null ? void 0 : M.children[0].children[0].children[0].getBoundingClientRect().width) ?? 0
54
56
  )), l(0));
55
57
  });
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
- }, O = () => {
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 = () => {
58
+ return w != null && w.current && t.observe(w.current), () => t.disconnect();
59
+ }, [I, g]);
60
+ const b = () => {
61
+ f.current && clearInterval(f.current), D(!1);
62
+ }, J = () => {
63
+ b(), l((t) => Math.min(t + 1, d - 1));
64
+ }, K = () => {
65
+ b(), l((t) => Math.max(t - 1, 0));
66
+ }, Q = (t) => {
67
+ b(), l(t);
68
+ }, R = () => h ? `translateX(-${i * h}px)` : "translateX(0px)", A = () => {
67
69
  l((t) => t >= d - 1 ? 0 : t + 1);
68
70
  };
69
- return z(() => (k && (f.current = setInterval(
70
- g,
71
- b * 1e3
71
+ return y(() => (W && (f.current = setInterval(
72
+ A,
73
+ C * 1e3
72
74
  )), () => {
73
75
  f.current && clearInterval(f.current);
74
- }), [k, b, g]), /* @__PURE__ */ x("div", { className: `${M ?? ""} ${n.carousel}`, ref: X, children: [
75
- /* @__PURE__ */ r(
76
+ }), [W, C, A]), /* @__PURE__ */ z("div", { className: `${L ?? ""} ${n.carousel}`, ref: G, children: [
77
+ /* @__PURE__ */ o(
76
78
  "div",
77
79
  {
78
80
  className: n.trackContainer,
79
81
  style: { maxWidth: `${h}px` },
80
- children: /* @__PURE__ */ r(
82
+ children: /* @__PURE__ */ o(
81
83
  "div",
82
84
  {
85
+ ref: s,
83
86
  className: n.track,
84
- style: { width: `${d * 100}%`, transform: H() },
85
- children: q.map((t, e) => /* @__PURE__ */ r(
87
+ style: { width: `${d * 100}%`, transform: R() },
88
+ children: k.map((t, e) => /* @__PURE__ */ o(
86
89
  "div",
87
90
  {
88
91
  className: n.page,
89
92
  style: {
90
- display: w > 1 ? "grid" : "flex",
93
+ display: x > 1 ? "grid" : "flex",
91
94
  gridTemplateColumns: `repeat(${Math.ceil(
92
- p / w
95
+ v / x
93
96
  )}, 1fr)`,
94
- gridTemplateRows: `repeat(${w}, auto)`,
97
+ gridTemplateRows: `repeat(${x}, auto)`,
95
98
  width: `${h}px`
96
99
  },
97
- children: t.map((c, o) => /* @__PURE__ */ r(
100
+ children: t.map((c, r) => /* @__PURE__ */ o(
98
101
  "div",
99
102
  {
100
103
  style: {
101
- width: `${h / w - 16}px`
104
+ width: `${h / x - 16}px`
102
105
  },
103
106
  children: c
104
107
  },
105
- o
108
+ r
106
109
  ))
107
110
  },
108
111
  e
@@ -111,42 +114,42 @@ function dt({
111
114
  )
112
115
  }
113
116
  ),
114
- d > 1 && /* @__PURE__ */ x(
117
+ d > 1 && /* @__PURE__ */ z(
115
118
  "div",
116
119
  {
117
120
  className: n.controls,
118
121
  style: {
119
- maxWidth: N > 0 && _ === 1 ? `${N}px` : "unset"
122
+ maxWidth: q > 0 && m === 1 ? `${q}px` : "unset"
120
123
  },
121
124
  children: [
122
- /* @__PURE__ */ r("div", { className: n.indicators, children: Array.from({ length: d }).map((t, e) => /* @__PURE__ */ r(
125
+ /* @__PURE__ */ o("div", { className: n.indicators, children: Array.from({ length: d }).map((t, e) => /* @__PURE__ */ o(
123
126
  "button",
124
127
  {
125
128
  className: `${n.indicator} ${e === i ? n.active : ""}`,
126
- onClick: () => F(e),
129
+ onClick: () => Q(e),
127
130
  "aria-label": `Go to group ${e + 1}`
128
131
  },
129
132
  e
130
133
  )) }),
131
- /* @__PURE__ */ x("div", { className: n.buttons, children: [
132
- /* @__PURE__ */ r(
134
+ /* @__PURE__ */ z("div", { className: n.buttons, children: [
135
+ /* @__PURE__ */ o(
133
136
  "button",
134
137
  {
135
138
  "aria-label": "Previous slide",
136
139
  className: `${n.prev} ${i === 0 ? n.disabled : ""}`,
137
- onClick: R,
140
+ onClick: K,
138
141
  disabled: i === 0,
139
- children: /* @__PURE__ */ r(J, { size: 36 })
142
+ children: /* @__PURE__ */ o(S, { size: 36 })
140
143
  }
141
144
  ),
142
- /* @__PURE__ */ r(
145
+ /* @__PURE__ */ o(
143
146
  "button",
144
147
  {
145
148
  "aria-label": "Next slide",
146
149
  className: `${n.next} ${i >= d - 1 ? n.disabled : ""}`,
147
- onClick: O,
148
- disabled: i >= $.length - p,
149
- children: /* @__PURE__ */ r(K, { size: 36 })
150
+ onClick: J,
151
+ disabled: i >= N.length - v,
152
+ children: /* @__PURE__ */ o(U, { size: 36 })
150
153
  }
151
154
  )
152
155
  ] })
@@ -156,5 +159,5 @@ function dt({
156
159
  ] });
157
160
  }
158
161
  export {
159
- dt as Carousel
162
+ ft as Carousel
160
163
  };
package/dist/styles.css CHANGED
@@ -19,7 +19,7 @@ h1,h2,h3,h4,h5,h6,._h1_nzfad_7,._h2_nzfad_8,._h3_nzfad_9,._h4_nzfad_10,._h5_nzfa
19
19
  ._box_1242k_1{box-sizing:border-box}._paddingNone_1242k_6{padding:0}._paddingSm_1242k_10{padding:.5rem}._paddingMd_1242k_14{padding:1rem}._paddingLg_1242k_18{padding:2rem}._marginNone_1242k_23{margin:0}._marginSm_1242k_27{margin:.5rem}._marginMd_1242k_31{margin:1rem}._marginLg_1242k_35{margin:2rem}._block_1242k_40{display:block}._inline_1242k_44{display:inline}._inlineBlock_1242k_48{display:inline-block}._flex_1242k_52{display:flex}._inlineFlex_1242k_56{display:inline-flex}._grid_1242k_60{display:grid}._bgTransparent_1242k_65{background-color:transparent}._bgLight_1242k_69{background-color:#f8fafc}._bgDark_1242k_73{background-color:#0f172a}._bgAccent_1242k_77{background-color:var(--color-primary)}._borderNone_1242k_82{border:none}._borderThin_1242k_86{border:1px solid var(--color-border)}._borderThick_1242k_90{border:2px solid var(--color-border)}._radiusNone_1242k_95{border-radius:0}._radiusSm_1242k_99{border-radius:var(--radius-sm)}._radiusMd_1242k_103{border-radius:var(--radius-md)}._radiusLg_1242k_107{border-radius:var(--radius-lg)}._radiusFull_1242k_111{border-radius:var(--radius-full)}
20
20
  ._divider_zjbsg_1{flex-shrink:0;background:none}._horizontal_zjbsg_6{width:100%;height:auto}._vertical_zjbsg_11{height:100%;width:auto}
21
21
  ul._list_4w9h5_1{list-style-type:none;padding:0;margin:0}ol._list_4w9h5_1{list-style-type:decimal;padding:0;margin:0 0 0 var(--spacing-md)}._listItem_4w9h5_13{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);background-color:var(--color-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color .3s;color:var(--color-text-primary)}._listItem_4w9h5_13:hover{background-color:var(--color-secondary)}._listItem_4w9h5_13:active{background-color:var(--color-primary)}
22
- ._card_198hu_1{background-color:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:box-shadow .3s,transform .3s;display:flex;flex-direction:column;justify-content:space-between;height:100%;box-sizing:border-box;min-height:225px;max-width:800px;margin:0 auto}._clickable_198hu_17{cursor:pointer}._clickable_198hu_17:hover{box-shadow:0 6px 12px #0003}._default_198hu_25{box-shadow:0 2px 4px #0000001a}._outlined_198hu_29{border:1px solid var(--color-border)}._shadow_198hu_33{box-shadow:0 2px 4px #00000026}._imageTop_198hu_37{padding:0;overflow:hidden;border-radius:var(--radius-md);display:flex;flex-direction:column;height:100%;border:1px solid var(--color-border)}._imageTop_198hu_37 ._imageContainer_198hu_47{width:100%;height:100%;max-height:150px;overflow:hidden;flex-shrink:0}._imageTop_198hu_37 ._image_198hu_37{width:100%;height:100%;object-fit:cover}._imageTop_198hu_37 ._content_198hu_62{padding:var(--spacing-md)}._imageBackground_198hu_66{position:relative;padding:0;overflow:hidden;border-radius:var(--radius-md);color:var(--color-foreground);display:flex;flex-direction:column;height:100%}._imageBackground_198hu_66 ._imageBackgroundContainer_198hu_77{position:relative;width:100%;height:100%;overflow:hidden;flex-grow:1}._imageBackground_198hu_66 ._backgroundImage_198hu_85{width:100%;height:100%;object-fit:cover;position:relative;top:0;left:0;z-index:1}._imageBackground_198hu_66 ._overlay_198hu_95{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-md)}._imageBackground_198hu_66 ._text_198hu_111,._imageBackground_198hu_66 h3{color:#fff}._content_198hu_62{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}._card_198hu_1:hover{transform:translateY(-2px)}._text_198hu_111{font-size:var(-font-size-md);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}._footer_198hu_133{text-align:right;padding-top:var(--spacing-md);flex-shrink:0}
22
+ ._card_18ynt_1{background-color:var(--color-background);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;transition:box-shadow .3s,transform .3s;display:flex;flex-direction:column;justify-content:space-between;height:100%;box-sizing:border-box;min-height:225px;margin:0 auto}._clickable_18ynt_16{cursor:pointer}._clickable_18ynt_16:hover{box-shadow:0 6px 12px #0003}._default_18ynt_24{box-shadow:0 2px 4px #0000001a}._outlined_18ynt_28{border:1px solid var(--color-border)}._shadow_18ynt_32{box-shadow:0 2px 4px #00000026}._imageTop_18ynt_36{padding:0;overflow:hidden;border-radius:var(--radius-md);display:flex;flex-direction:column;height:100%;border:1px solid var(--color-border)}._imageTop_18ynt_36 ._imageContainer_18ynt_46{width:100%;height:100%;max-height:150px;overflow:hidden;flex-shrink:0}._imageTop_18ynt_36 ._image_18ynt_36{width:100%;height:100%;object-fit:cover}._imageTop_18ynt_36 ._content_18ynt_61{padding:var(--spacing-md)}._imageBackground_18ynt_65{position:relative;padding:0;overflow:hidden;border-radius:var(--radius-md);color:var(--color-foreground);display:flex;flex-direction:column;height:100%}._imageBackground_18ynt_65 ._imageBackgroundContainer_18ynt_76{position:relative;width:100%;height:100%;overflow:hidden;flex-grow:1}._imageBackground_18ynt_65 ._backgroundImage_18ynt_84{width:100%;height:100%;object-fit:cover;position:relative;top:0;left:0;z-index:1}._imageBackground_18ynt_65 ._overlay_18ynt_94{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-md)}._imageBackground_18ynt_65 ._text_18ynt_110,._imageBackground_18ynt_65 h3{color:#fff}._content_18ynt_61{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}._card_18ynt_1:hover{transform:translateY(-2px)}._text_18ynt_110{font-size:var(-font-size-md);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}._footer_18ynt_132{text-align:right;padding-top:var(--spacing-md);flex-shrink:0}
23
23
  ._avatar_xustn_1{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:visible;border:2px solid var(--color-border);cursor:default;transition:transform .3s}._avatar_xustn_1:hover{transform:scale(1.05)}._sm_xustn_17{width:32px;height:32px;font-size:12px}._md_xustn_23{width:48px;height:48px;font-size:16px}._lg_xustn_29{width:64px;height:64px;font-size:20px}._image_xustn_35{width:100%;height:100%;border-radius:50%;object-fit:cover}._initials_xustn_42{color:#fff;font-family:var(--font-weight-bold)}._status_xustn_47{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid #fff;background-color:var(--color-offline);z-index:1}._online_xustn_59{background-color:var(--color-online)}._offline_xustn_63{background-color:var(--color-offline)}._busy_xustn_67{background-color:var(--color-busy)}
24
24
  :root{--badge-bg-default: var(--color-secondary, #94a3b8);--badge-bg-success: var(--color-success-bg, #28a745);--badge-bg-warning: var(--color-warning-bg, #f59e0b);--badge-bg-error: var(--color-error-bg, #bd1919);--badge-bg-info: var(--color-info-bg);--badge-text-default: var(--color-secondary-foreground, #fff);--badge-text-success: var(--color-success-text, #fff);--badge-text-warning: var(--color-warning-text, #333);--badge-text-error: var(--color-error-text, #fff);--badge-text-info: var(--color-info-text, #fff);--badge-padding: var(--spacing-sm) var(--spacing-md);--badge-font-size: var(--font-size-sm, .875rem);--badge-border-radius: var(--radius-sm, 8px)}._badge_18z15_19{display:inline-flex;align-items:center;padding:var(--badge-padding);font-size:var(--badge-font-size);border-radius:var(--badge-border-radius);font-weight:var(--font-weight-semibold);cursor:default;transition:background-color .3s,color .3s;-webkit-user-select:none;user-select:none}._clickable_18z15_31{cursor:pointer}._icon_18z15_35{margin-right:var(--spacing-sm);display:flex;align-items:center}._text_18z15_41{display:inline-block}._default_18z15_45{background-color:var(--badge-bg-default);color:var(--badge-text-default)}._success_18z15_50{background-color:var(--badge-bg-success);color:var(--badge-text-success)}._warning_18z15_55{background-color:var(--badge-bg-warning);color:var(--badge-text-warning)}._error_18z15_60{background-color:var(--badge-bg-error);color:var(--badge-text-error)}._info_18z15_65{background-color:var(--badge-bg-info);color:var(--badge-text-info)}
25
25
  ._overlay_cqo68_1{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1000;animation:_fadeIn_cqo68_1 .3s ease}._modal_cqo68_16{position:absolute;background-color:var(--color-background, #fff);border-radius:var(--radius-md, 4px);padding:var(--spacing-md, 1rem);width:min(90%,800px);max-width:100%;animation:_slideUp_cqo68_1 .3s ease}._closeButton_cqo68_26{color:var(--color-primary);position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}._content_cqo68_37{margin-top:var(--spacing-lg)}._content_cqo68_37 video{width:100%;max-width:100%;height:auto;border-radius:var(--radius-md)}@keyframes _fadeIn_cqo68_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_cqo68_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
package/dist/styles.css.d.ts CHANGED
@@ -15,7 +15,7 @@ declare const styles: {
15
15
  readonly "_alignStart_134u6_31": string;
16
16
  readonly "_alignStretch_134u6_43": string;
17
17
  readonly "_avatar_xustn_1": string;
18
- readonly "_backgroundImage_198hu_85": string;
18
+ readonly "_backgroundImage_18ynt_84": string;
19
19
  readonly "_badge_18z15_19": string;
20
20
  readonly "_bgAccent_1242k_77": string;
21
21
  readonly "_bgDark_1242k_73": string;
@@ -37,7 +37,7 @@ declare const styles: {
37
37
  readonly "_buttons_oeqfz_62": string;
38
38
  readonly "_calendar_zbxci_1": string;
39
39
  readonly "_callToAction_1tdql_1": string;
40
- readonly "_card_198hu_1": string;
40
+ readonly "_card_18ynt_1": string;
41
41
  readonly "_carousel_oeqfz_1": string;
42
42
  readonly "_cell_zbxci_34": string;
43
43
  readonly "_center_e1koo_15": string;
@@ -46,8 +46,8 @@ declare const styles: {
46
46
  readonly "_chevron_12ooa_132": string;
47
47
  readonly "_circle_u21vc_22": string;
48
48
  readonly "_clickableRow_g45ha_30": string;
49
+ readonly "_clickable_18ynt_16": string;
49
50
  readonly "_clickable_18z15_31": string;
50
- readonly "_clickable_198hu_17": string;
51
51
  readonly "_closeButton_1txoc_47": string;
52
52
  readonly "_closeButton_cqo68_26": string;
53
53
  readonly "_closeButton_ucye1_45": string;
@@ -56,7 +56,7 @@ declare const styles: {
56
56
  readonly "_container_171d6_1": string;
57
57
  readonly "_container_61msx_1": string;
58
58
  readonly "_container_gfid4_8": string;
59
- readonly "_content_198hu_62": string;
59
+ readonly "_content_18ynt_61": string;
60
60
  readonly "_content_1tdql_125": string;
61
61
  readonly "_content_cqo68_37": string;
62
62
  readonly "_controls_oeqfz_30": string;
@@ -64,8 +64,8 @@ declare const styles: {
64
64
  readonly "_danger_sf4mt_46": string;
65
65
  readonly "_dayName_zbxci_13": string;
66
66
  readonly "_default_15ngo_26": string;
67
+ readonly "_default_18ynt_24": string;
67
68
  readonly "_default_18z15_45": string;
68
- readonly "_default_198hu_25": string;
69
69
  readonly "_default_4sv7j_55": string;
70
70
  readonly "_default_e9jmu_33": string;
71
71
  readonly "_disabled_15ngo_38": string;
@@ -98,7 +98,7 @@ declare const styles: {
98
98
  readonly "_fill_a1m8u_18": string;
99
99
  readonly "_flex_1242k_52": string;
100
100
  readonly "_fluid_171d6_29": string;
101
- readonly "_footer_198hu_133": string;
101
+ readonly "_footer_18ynt_132": string;
102
102
  readonly "_footer_gfid4_1": string;
103
103
  readonly "_form_s0yvj_1": string;
104
104
  readonly "_full_171d6_25": string;
@@ -128,11 +128,11 @@ declare const styles: {
128
128
  readonly "_icon_18z15_35": string;
129
129
  readonly "_icon_1ozgm_60": string;
130
130
  readonly "_icon_1tdql_121": string;
131
- readonly "_imageBackgroundContainer_198hu_77": string;
132
- readonly "_imageBackground_198hu_66": string;
133
- readonly "_imageContainer_198hu_47": string;
134
- readonly "_imageTop_198hu_37": string;
135
- readonly "_image_198hu_37": string;
131
+ readonly "_imageBackgroundContainer_18ynt_76": string;
132
+ readonly "_imageBackground_18ynt_65": string;
133
+ readonly "_imageContainer_18ynt_46": string;
134
+ readonly "_imageTop_18ynt_36": string;
135
+ readonly "_image_18ynt_36": string;
136
136
  readonly "_image_xustn_35": string;
137
137
  readonly "_indicator_oeqfz_41": string;
138
138
  readonly "_indicators_oeqfz_41": string;
@@ -216,9 +216,9 @@ declare const styles: {
216
216
  readonly "_open_1ozgm_42": string;
217
217
  readonly "_open_55xty_40": string;
218
218
  readonly "_optional_15ngo_52": string;
219
- readonly "_outlined_198hu_29": string;
219
+ readonly "_outlined_18ynt_28": string;
220
220
  readonly "_outside_zbxci_45": string;
221
- readonly "_overlay_198hu_95": string;
221
+ readonly "_overlay_18ynt_94": string;
222
222
  readonly "_overlay_55xty_50": string;
223
223
  readonly "_overlay_cqo68_1": string;
224
224
  readonly "_paddingLg_1242k_18": string;
@@ -255,7 +255,7 @@ declare const styles: {
255
255
  readonly "_select_a587t_7": string;
256
256
  readonly "_selected_zbxci_49": string;
257
257
  readonly "_separator_1nbgu_20": string;
258
- readonly "_shadow_198hu_33": string;
258
+ readonly "_shadow_18ynt_32": string;
259
259
  readonly "_shimmer_u21vc_1": string;
260
260
  readonly "_show_12ooa_125": string;
261
261
  readonly "_show_55xty_60": string;
@@ -294,8 +294,8 @@ declare const styles: {
294
294
  readonly "_tabsTrigger_f06du_24": string;
295
295
  readonly "_tabs_f06du_1": string;
296
296
  readonly "_text_15ngo_6": string;
297
+ readonly "_text_18ynt_110": string;
297
298
  readonly "_text_18z15_41": string;
298
- readonly "_text_198hu_111": string;
299
299
  readonly "_text_4sv7j_1": string;
300
300
  readonly "_text_u21vc_16": string;
301
301
  readonly "_textarea_162xi_11": string;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.0.71",
4
+ "version": "0.0.73",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {