quirk-ui 0.0.73 → 0.0.75

package/dist/assets/index23.css

@@ -1 +1 @@
-._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)}
+._avatar_1ihs2_1{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:visible;border:2px solid;cursor:default;transition:transform .3s}._avatar_1ihs2_1:hover{transform:scale(1.05)}._sm_1ihs2_17{width:32px;height:32px;font-size:12px}._md_1ihs2_23{width:48px;height:48px;font-size:16px}._lg_1ihs2_29{width:64px;height:64px;font-size:20px}._xl_1ihs2_35{width:80px;height:80px;font-size:20px}._image_1ihs2_41{width:100%;height:100%;border-radius:50%;object-fit:cover}._initials_1ihs2_48{color:#fff;font-family:var(--font-weight-bold)}._status_1ihs2_53{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_1ihs2_65{background-color:var(--color-online)}._offline_1ihs2_69{background-color:var(--color-offline)}._busy_1ihs2_73{background-color:var(--color-busy)}

package/dist/assets/index23.css.d.ts

@@ -1,14 +1,15 @@
 declare const styles: {
-  readonly "_avatar_xustn_1": string;
-  readonly "_busy_xustn_67": string;
-  readonly "_image_xustn_35": string;
-  readonly "_initials_xustn_42": string;
-  readonly "_lg_xustn_29": string;
-  readonly "_md_xustn_23": string;
-  readonly "_offline_xustn_63": string;
-  readonly "_online_xustn_59": string;
-  readonly "_sm_xustn_17": string;
-  readonly "_status_xustn_47": string;
+  readonly "_avatar_1ihs2_1": string;
+  readonly "_busy_1ihs2_73": string;
+  readonly "_image_1ihs2_41": string;
+  readonly "_initials_1ihs2_48": string;
+  readonly "_lg_1ihs2_29": string;
+  readonly "_md_1ihs2_23": string;
+  readonly "_offline_1ihs2_69": string;
+  readonly "_online_1ihs2_65": string;
+  readonly "_sm_1ihs2_17": string;
+  readonly "_status_1ihs2_53": string;
+  readonly "_xl_1ihs2_35": string;
 };
 export = styles;
 

package/dist/components/Avatar/index.js

@@ -1,8 +1,8 @@
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import '../../assets/index23.css';const d = "_avatar_xustn_1", x = "_sm_xustn_17", f = "_md_xustn_23", v = "_lg_xustn_29", g = "_image_xustn_35", b = "_initials_xustn_42", y = "_status_xustn_47", p = "_online_xustn_59", $ = "_offline_xustn_63", N = "_busy_xustn_67", s = {
-  avatar: d,
-  sm: x,
-  md: f,
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import '../../assets/index23.css';const u = "_avatar_1ihs2_1", f = "_sm_1ihs2_17", h = "_md_1ihs2_23", v = "_lg_1ihs2_29", g = "_image_1ihs2_41", b = "_initials_1ihs2_48", y = "_status_1ihs2_53", p = "_online_1ihs2_65", $ = "_offline_1ihs2_69", N = "_busy_1ihs2_73", s = {
+  avatar: u,
+  sm: f,
+  md: h,
   lg: v,
   image: g,
   initials: b,
@@ -10,7 +10,7 @@ import '../../assets/index23.css';const d = "_avatar_xustn_1", x = "_sm_xustn_17
   online: p,
   offline: $,
   busy: N
-}, h = {
+}, x = {
   sm: s.sm,
   md: s.md,
   lg: s.lg
@@ -20,31 +20,31 @@ import '../../assets/index23.css';const d = "_avatar_xustn_1", x = "_sm_xustn_17
   busy: s.busy
 };
 function M({
-  src: t,
-  alt: a = "User avatar",
+  src: i,
+  alt: n = "User avatar",
   size: e = "md",
   initials: _,
-  status: o,
+  status: t,
   borderColor: c = "var(--color-border)",
   backgroundColor: r = "var(--color-secondary)",
-  onClick: i,
-  className: u
+  onClick: o,
+  className: m
 }) {
-  const l = !!i;
-  return /* @__PURE__ */ m(
+  const l = !!o;
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: `${u ?? ""} ${s.avatar} ${h[e]}`,
+      className: `${m ?? ""} ${s.avatar} ${x[e]}`,
       style: { borderColor: c, backgroundColor: r },
-      onClick: i,
+      onClick: o,
       role: l ? "button" : void 0,
-      "aria-label": l ? a : void 0,
+      "aria-label": l ? n : void 0,
       children: [
-        t ? /* @__PURE__ */ n("img", { src: t, alt: a, className: s.image }) : /* @__PURE__ */ n("span", { className: s.initials, children: _ }),
-        o && /* @__PURE__ */ n(
+        i ? /* @__PURE__ */ a("img", { src: i, alt: n, className: s.image }) : /* @__PURE__ */ a("span", { className: s.initials, children: _ }),
+        t && /* @__PURE__ */ a(
           "span",
           {
-            className: `${s.status} ${j[o]}`,
+            className: `${s.status} ${j[t]}`,
             role: "status"
           }
         )

package/dist/components/Carousel/index.js

@@ -1,109 +1,107 @@
 import { jsxs as z, jsx as o } from "react/jsx-runtime";
-import { useState as u, useRef as $, useEffect as y } from "react";
-import { A as S } from "../../arrow-left-BIJvHwNQ.js";
-import { A as U } from "../../arrow-right-QEwnX3Sk.js";
-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 = {
-  carousel: V,
-  trackContainer: Y,
-  track: Z,
-  page: tt,
-  controls: et,
-  indicators: nt,
-  indicator: ot,
-  active: rt,
-  buttons: st,
-  prev: ct,
-  disabled: at,
-  next: it
+import { useState as d, useRef as $, useEffect as y } from "react";
+import { A as Q } from "../../arrow-left-BIJvHwNQ.js";
+import { A as S } from "../../arrow-right-QEwnX3Sk.js";
+import '../../assets/index31.css';const U = "_carousel_oeqfz_1", V = "_trackContainer_oeqfz_9", Y = "_track_oeqfz_9", Z = "_page_oeqfz_24", tt = "_controls_oeqfz_30", et = "_indicators_oeqfz_41", nt = "_indicator_oeqfz_41", ot = "_active_oeqfz_58", rt = "_buttons_oeqfz_62", st = "_prev_oeqfz_67", ct = "_disabled_oeqfz_67", at = "_next_oeqfz_68", n = {
+  carousel: U,
+  trackContainer: V,
+  track: Y,
+  page: Z,
+  controls: tt,
+  indicators: et,
+  indicator: nt,
+  active: ot,
+  buttons: rt,
+  prev: st,
+  disabled: ct,
+  next: at
 };
-function ft({
+function ht({
   items: N,
-  itemsPerPage: m = 9,
-  itemsPerRow: E = 3,
-  autoplay: T = !1,
+  itemsPerPage: _ = 9,
+  itemsPerRow: M = 3,
+  autoplay: E = !1,
   autoplayInterval: C = 3,
-  className: L,
-  externalRef: j,
-  siblingRef: a,
-  isSplit: g = !1
+  className: T,
+  externalRef: L,
+  siblingRef: c,
+  isSplit: q = !1
 }) {
-  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) => {
-    const c = [];
+  const [a, i] = d(0), [u, m] = d(0), [g, j] = d(0), [p, P] = d(_), [k, R] = d(!1), [I, X] = d(E), B = $(null), v = $(null), h = $(null), w = L, D = (t, e) => {
+    const s = [];
     for (let r = 0; r < t.length; r += e)
-      c.push(t.slice(r, r + e));
-    return c;
+      s.push(t.slice(r, r + e));
+    return s;
   };
   y(() => {
     if (typeof window < "u") {
       const t = () => {
         const e = window.innerWidth < 768;
-        B(e), X(e ? 1 : m), l(0);
+        R(e), P(e ? 1 : _), i(0);
       };
       return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
     }
-  }, [m]);
-  const x = Math.ceil(v / E), k = O(N, v), d = k.length, F = 3 * 16, H = 6 * 16;
+  }, [_]);
+  const x = Math.ceil(p / M), W = D(N, p), l = W.length, G = 3 * 16, O = 6 * 16;
   y(() => {
     const t = new ResizeObserver((e) => {
-      var c, r, M;
-      for (let _ of e)
-        _.contentRect && (I ? p(_.contentRect.width - H) : g ? a != null && a.current ? p(
-          _.contentRect.width - ((c = a == null ? void 0 : a.current) == null ? void 0 : c.offsetWidth) - F
-        ) : p(_.contentRect.width) : (console.log(
-          (r = s == null ? void 0 : s.current) == null ? void 0 : r.children[0].children[0].children[0]
-        ), p(_.contentRect.width), P(
-          ((M = s == null ? void 0 : s.current) == null ? void 0 : M.children[0].children[0].children[0].getBoundingClientRect().width) ?? 0
-        )), l(0));
+      var s, r;
+      for (let f of e)
+        f.contentRect && (k ? m(f.contentRect.width - O) : q ? c != null && c.current ? m(
+          f.contentRect.width - ((s = c == null ? void 0 : c.current) == null ? void 0 : s.offsetWidth) - G
+        ) : m(f.contentRect.width) : (m(f.contentRect.width), j(
+          ((r = v == null ? void 0 : v.current) == null ? void 0 : r.children[0].children[0].children[0].getBoundingClientRect().width) ?? 0
+        )), i(0));
     });
     return w != null && w.current && t.observe(w.current), () => t.disconnect();
-  }, [I, g]);
+  }, [k, q]);
   const b = () => {
-    f.current && clearInterval(f.current), D(!1);
-  }, J = () => {
-    b(), l((t) => Math.min(t + 1, d - 1));
-  }, K = () => {
-    b(), l((t) => Math.max(t - 1, 0));
-  }, Q = (t) => {
-    b(), l(t);
-  }, R = () => h ? `translateX(-${i * h}px)` : "translateX(0px)", A = () => {
-    l((t) => t >= d - 1 ? 0 : t + 1);
+    h.current && clearInterval(h.current), X(!1);
+  }, F = () => {
+    b(), i((t) => Math.min(t + 1, l - 1));
+  }, H = () => {
+    b(), i((t) => Math.max(t - 1, 0));
+  }, J = (t) => {
+    b(), i(t);
+  }, K = () => u ? `translateX(-${a * u}px)` : "translateX(0px)", A = () => {
+    i((t) => t >= l - 1 ? 0 : t + 1);
   };
-  return y(() => (W && (f.current = setInterval(
+  return y(() => (I && (h.current = setInterval(
     A,
     C * 1e3
   )), () => {
-    f.current && clearInterval(f.current);
-  }), [W, C, A]), /* @__PURE__ */ z("div", { className: `${L ?? ""} ${n.carousel}`, ref: G, children: [
+    h.current && clearInterval(h.current);
+  }), [I, C, A]), /* @__PURE__ */ z("div", { className: `${T ?? ""} ${n.carousel}`, ref: B, children: [
     /* @__PURE__ */ o(
       "div",
       {
         className: n.trackContainer,
-        style: { maxWidth: `${h}px` },
+        style: { maxWidth: `${u}px` },
         children: /* @__PURE__ */ o(
           "div",
           {
-            ref: s,
+            ref: v,
             className: n.track,
-            style: { width: `${d * 100}%`, transform: R() },
-            children: k.map((t, e) => /* @__PURE__ */ o(
+            style: { width: `${l * 100}%`, transform: K() },
+            children: W.map((t, e) => /* @__PURE__ */ o(
               "div",
               {
                 className: n.page,
                 style: {
                   display: x > 1 ? "grid" : "flex",
                   gridTemplateColumns: `repeat(${Math.ceil(
-                    v / x
+                    p / x
                   )}, 1fr)`,
                   gridTemplateRows: `repeat(${x}, auto)`,
-                  width: `${h}px`
+                  width: `${u}px`
                 },
-                children: t.map((c, r) => /* @__PURE__ */ o(
+                children: t.map((s, r) => /* @__PURE__ */ o(
                   "div",
                   {
                     style: {
-                      width: `${h / x - 16}px`
+                      width: `${u / x - 16}px`
                     },
-                    children: c
+                    children: s
                   },
                   r
                 ))
@@ -114,19 +112,19 @@ function ft({
         )
       }
     ),
-    d > 1 && /* @__PURE__ */ z(
+    l > 1 && /* @__PURE__ */ z(
       "div",
       {
         className: n.controls,
         style: {
-          maxWidth: q > 0 && m === 1 ? `${q}px` : "unset"
+          maxWidth: g > 0 && _ === 1 ? `${g}px` : "unset"
         },
         children: [
-          /* @__PURE__ */ o("div", { className: n.indicators, children: Array.from({ length: d }).map((t, e) => /* @__PURE__ */ o(
+          /* @__PURE__ */ o("div", { className: n.indicators, children: Array.from({ length: l }).map((t, e) => /* @__PURE__ */ o(
             "button",
             {
-              className: `${n.indicator} ${e === i ? n.active : ""}`,
-              onClick: () => Q(e),
+              className: `${n.indicator} ${e === a ? n.active : ""}`,
+              onClick: () => J(e),
               "aria-label": `Go to group ${e + 1}`
             },
             e
@@ -136,20 +134,20 @@ function ft({
               "button",
               {
                 "aria-label": "Previous slide",
-                className: `${n.prev} ${i === 0 ? n.disabled : ""}`,
-                onClick: K,
-                disabled: i === 0,
-                children: /* @__PURE__ */ o(S, { size: 36 })
+                className: `${n.prev} ${a === 0 ? n.disabled : ""}`,
+                onClick: H,
+                disabled: a === 0,
+                children: /* @__PURE__ */ o(Q, { size: 36 })
               }
             ),
             /* @__PURE__ */ o(
               "button",
               {
                 "aria-label": "Next slide",
-                className: `${n.next} ${i >= d - 1 ? n.disabled : ""}`,
-                onClick: J,
-                disabled: i >= N.length - v,
-                children: /* @__PURE__ */ o(U, { size: 36 })
+                className: `${n.next} ${a >= l - 1 ? n.disabled : ""}`,
+                onClick: F,
+                disabled: a >= N.length - p,
+                children: /* @__PURE__ */ o(S, { size: 36 })
               }
             )
           ] })
@@ -159,5 +157,5 @@ function ft({
   ] });
 }
 export {
-  ft as Carousel
+  ht as Carousel
 };

package/dist/styles.css

@@ -20,7 +20,7 @@ h1,h2,h3,h4,h5,h6,._h1_nzfad_7,._h2_nzfad_8,._h3_nzfad_9,._h4_nzfad_10,._h5_nzfa
 ._divider_zjbsg_1{flex-shrink:0;background:none}._horizontal_zjbsg_6{width:100%;height:auto}._vertical_zjbsg_11{height:100%;width:auto}
 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)}
 ._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}
-._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)}
+._avatar_1ihs2_1{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:visible;border:2px solid;cursor:default;transition:transform .3s}._avatar_1ihs2_1:hover{transform:scale(1.05)}._sm_1ihs2_17{width:32px;height:32px;font-size:12px}._md_1ihs2_23{width:48px;height:48px;font-size:16px}._lg_1ihs2_29{width:64px;height:64px;font-size:20px}._xl_1ihs2_35{width:80px;height:80px;font-size:20px}._image_1ihs2_41{width:100%;height:100%;border-radius:50%;object-fit:cover}._initials_1ihs2_48{color:#fff;font-family:var(--font-weight-bold)}._status_1ihs2_53{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_1ihs2_65{background-color:var(--color-online)}._offline_1ihs2_69{background-color:var(--color-offline)}._busy_1ihs2_73{background-color:var(--color-busy)}
 :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)}
 ._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)}}
 ._accordion_1ozgm_1{width:100%;border-radius:var(--radius-md);overflow:hidden;background-color:transparent}._accordionItem_1ozgm_8{border-bottom:1px solid var(--color-border)}._accordionItem_1ozgm_8:last-child{border-bottom:none}._accordionHeader_1ozgm_16{width:100%;padding:var(--spacing-md);background-color:transparent;border:none;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:space-between;transition:background-color .3s}._accordionHeader_1ozgm_16:hover{background-color:var(--color-secondary)}._accordionContentWrapper_1ozgm_35{overflow:hidden;max-height:0;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;opacity:0}._open_1ozgm_42 ._accordionContentWrapper_1ozgm_35{max-height:800px;opacity:1;transition-timing-function:ease-in-out}._closed_1ozgm_48 ._accordionContentWrapper_1ozgm_35{max-height:0;opacity:0;transition-timing-function:ease-in-out}._accordionContent_1ozgm_35{padding:var(--spacing-md);box-sizing:border-box;color:var(--color-text-primary)}._icon_1ozgm_60{transition:transform .3s}._rotate_1ozgm_64{transform:rotate(180deg)}

package/dist/styles.css.d.ts

@@ -14,7 +14,7 @@ declare const styles: {
   readonly "_alignEnd_134u6_39": string;
   readonly "_alignStart_134u6_31": string;
   readonly "_alignStretch_134u6_43": string;
-  readonly "_avatar_xustn_1": string;
+  readonly "_avatar_1ihs2_1": string;
   readonly "_backgroundImage_18ynt_84": string;
   readonly "_badge_18z15_19": string;
   readonly "_bgAccent_1242k_77": string;
@@ -32,7 +32,7 @@ declare const styles: {
   readonly "_bottom_gfid4_60": string;
   readonly "_box_1242k_1": string;
   readonly "_breadcrumbs_1nbgu_1": string;
-  readonly "_busy_xustn_67": string;
+  readonly "_busy_1ihs2_73": string;
   readonly "_buttonGroup_e1koo_1": string;
   readonly "_buttons_oeqfz_62": string;
   readonly "_calendar_zbxci_1": string;
@@ -133,13 +133,13 @@ declare const styles: {
   readonly "_imageContainer_18ynt_46": string;
   readonly "_imageTop_18ynt_36": string;
   readonly "_image_18ynt_36": string;
-  readonly "_image_xustn_35": string;
+  readonly "_image_1ihs2_41": string;
   readonly "_indicator_oeqfz_41": string;
   readonly "_indicators_oeqfz_41": string;
   readonly "_info_18z15_65": string;
   readonly "_info_1txoc_27": string;
   readonly "_info_ucye1_25": string;
-  readonly "_initials_xustn_42": string;
+  readonly "_initials_1ihs2_48": string;
   readonly "_inlineBlock_1242k_48": string;
   readonly "_inlineFlex_1242k_56": string;
   readonly "_inline_1242k_44": string;
@@ -170,10 +170,10 @@ declare const styles: {
   readonly "_legend_1i2zv_8": string;
   readonly "_lg_15ngo_21": string;
   readonly "_lg_171d6_17": string;
+  readonly "_lg_1ihs2_29": string;
   readonly "_lg_1p460_31": string;
   readonly "_lg_1pz5u_26": string;
   readonly "_lg_e9jmu_28": string;
-  readonly "_lg_xustn_29": string;
   readonly "_linkInverted_1tdql_85": string;
   readonly "_linkItem_12ooa_63": string;
   readonly "_linkList_gfid4_41": string;
@@ -193,10 +193,10 @@ declare const styles: {
   readonly "_marginSm_1242k_27": string;
   readonly "_md_15ngo_17": string;
   readonly "_md_171d6_13": string;
+  readonly "_md_1ihs2_23": string;
   readonly "_md_1p460_27": string;
   readonly "_md_1pz5u_21": string;
   readonly "_md_e9jmu_23": string;
-  readonly "_md_xustn_23": string;
   readonly "_medium_sf4mt_13": string;
   readonly "_menuToggle_12ooa_41": string;
   readonly "_modal_cqo68_16": string;
@@ -210,8 +210,8 @@ declare const styles: {
   readonly "_navbar_12ooa_5": string;
   readonly "_next_oeqfz_68": string;
   readonly "_notification_1txoc_1": string;
-  readonly "_offline_xustn_63": string;
-  readonly "_online_xustn_59": string;
+  readonly "_offline_1ihs2_69": string;
+  readonly "_online_1ihs2_65": string;
   readonly "_open_12ooa_136": string;
   readonly "_open_1ozgm_42": string;
   readonly "_open_55xty_40": string;
@@ -266,10 +266,10 @@ declare const styles: {
   readonly "_slider_fzy93_11": string;
   readonly "_sm_15ngo_13": string;
   readonly "_sm_171d6_9": string;
+  readonly "_sm_1ihs2_17": string;
   readonly "_sm_1p460_22": string;
   readonly "_sm_1pz5u_16": string;
   readonly "_sm_e9jmu_18": string;
-  readonly "_sm_xustn_17": string;
   readonly "_small_4sv7j_68": string;
   readonly "_small_sf4mt_8": string;
   readonly "_spacer_1pz5u_1": string;
@@ -277,7 +277,7 @@ declare const styles: {
   readonly "_srOnly_15ngo_58": string;
   readonly "_srOnly_e9jmu_53": string;
   readonly "_stack_134u6_1": string;
-  readonly "_status_xustn_47": string;
+  readonly "_status_1ihs2_53": string;
   readonly "_sticky_12ooa_19": string;
   readonly "_sublinkToggle_12ooa_71": string;
   readonly "_sublinks_12ooa_102": string;
@@ -339,6 +339,7 @@ declare const styles: {
   readonly "_wrapper_s8dew_1": string;
   readonly "_wrapper_zxmf0_1": string;
   readonly "_xl_171d6_21": string;
+  readonly "_xl_1ihs2_35": string;
   readonly "_xl_1pz5u_31": string;
 };
 export = styles;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quirk-ui",
   "private": false,
-  "version": "0.0.73",
+  "version": "0.0.75",
   "type": "module",
   "exports": {
     ".": {