quirk-ui 0.0.82 → 0.0.85

package/dist/assets/index31.css

@@ -1 +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}
+._carousel_1e9ij_1{width:100%}@media (max-width: 767px){._carousel_1e9ij_1{padding:0 var(--spacing-lg)}}._noPointerEvents_1e9ij_9 *{pointer-events:none!important}._trackContainer_1e9ij_13{overflow:hidden;width:100%}@media (max-width: 767px){._trackContainer_1e9ij_13{overflow:visible}}._track_1e9ij_13{display:flex;transition:transform .3s ease;will-change:transform}._page_1e9ij_28{display:flex;gap:var(--spacing-md);padding:0 var(--spacing-sm)}._controls_1e9ij_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_1e9ij_45{display:flex;flex-wrap:wrap;max-width:125px;gap:var(--spacing-xs)}._indicator_1e9ij_45{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;border:1px solid #fff;cursor:pointer;transition:background-color .3s}._indicator_1e9ij_45._active_1e9ij_62{background-color:var(--color-primary)}._buttons_1e9ij_66{display:flex;gap:var(--spacing-md)}._prev_1e9ij_71._disabled_1e9ij_71,._next_1e9ij_72._disabled_1e9ij_71{opacity:.5;pointer-events:none}._buttons_1e9ij_66 button:not(._disabled_1e9ij_71):hover{background-color:var(--color-primary);color:#fff}._prev_1e9ij_71,._next_1e9ij_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

@@ -1,17 +1,17 @@
 declare const styles: {
-  readonly "_active_zbb4v_62": string;
-  readonly "_buttons_zbb4v_66": string;
-  readonly "_carousel_zbb4v_1": string;
-  readonly "_controls_zbb4v_34": string;
-  readonly "_disabled_zbb4v_71": string;
-  readonly "_indicator_zbb4v_45": string;
-  readonly "_indicators_zbb4v_45": string;
-  readonly "_next_zbb4v_72": string;
-  readonly "_noPointerEvents_zbb4v_9": string;
-  readonly "_page_zbb4v_28": string;
-  readonly "_prev_zbb4v_71": string;
-  readonly "_trackContainer_zbb4v_13": string;
-  readonly "_track_zbb4v_13": string;
+  readonly "_active_1e9ij_62": string;
+  readonly "_buttons_1e9ij_66": string;
+  readonly "_carousel_1e9ij_1": string;
+  readonly "_controls_1e9ij_34": string;
+  readonly "_disabled_1e9ij_71": string;
+  readonly "_indicator_1e9ij_45": string;
+  readonly "_indicators_1e9ij_45": string;
+  readonly "_next_1e9ij_72": string;
+  readonly "_noPointerEvents_1e9ij_9": string;
+  readonly "_page_1e9ij_28": string;
+  readonly "_prev_1e9ij_71": string;
+  readonly "_trackContainer_1e9ij_13": string;
+  readonly "_track_1e9ij_13": string;
 };
 export = styles;
 

package/dist/components/Carousel/index.js

@@ -1,15 +1,15 @@
 import { jsxs as A, jsx as r } from "react/jsx-runtime";
-import { useState as c, useRef as C, useEffect as E } from "react";
-import { A as Mt } from "../../arrow-left-BIJvHwNQ.js";
-import { A as wt } from "../../arrow-right-QEwnX3Sk.js";
-import '../../assets/index31.css';const gt = "_carousel_zbb4v_1", xt = "_noPointerEvents_zbb4v_9", $t = "_trackContainer_zbb4v_13", zt = "_track_zbb4v_13", Ct = "_page_zbb4v_28", Et = "_controls_zbb4v_34", Xt = "_indicators_zbb4v_45", yt = "_indicator_zbb4v_45", It = "_active_zbb4v_62", Nt = "_buttons_zbb4v_66", kt = "_prev_zbb4v_71", Tt = "_disabled_zbb4v_71", At = "_next_zbb4v_72", o = {
+import { useState as c, useRef as E, useEffect as X } from "react";
+import { A as wt } from "../../arrow-left-BIJvHwNQ.js";
+import { A as bt } from "../../arrow-right-QEwnX3Sk.js";
+import '../../assets/index31.css';const gt = "_carousel_1e9ij_1", xt = "_noPointerEvents_1e9ij_9", $t = "_trackContainer_1e9ij_13", Ct = "_track_1e9ij_13", Et = "_page_1e9ij_28", Xt = "_controls_1e9ij_34", jt = "_indicators_1e9ij_45", yt = "_indicator_1e9ij_45", It = "_active_1e9ij_62", Nt = "_buttons_1e9ij_66", kt = "_prev_1e9ij_71", Tt = "_disabled_1e9ij_71", At = "_next_1e9ij_72", o = {
   carousel: gt,
   noPointerEvents: xt,
   trackContainer: $t,
-  track: zt,
-  page: Ct,
-  controls: Et,
-  indicators: Xt,
+  track: Ct,
+  page: Et,
+  controls: Xt,
+  indicators: jt,
   indicator: yt,
   active: It,
   buttons: Nt,
@@ -18,144 +18,144 @@ import '../../assets/index31.css';const gt = "_carousel_zbb4v_1", xt = "_noPoint
   next: At
 };
 function Pt({
-  items: _,
-  itemsPerPage: l = 9,
+  items: m,
+  itemsPerPage: i = 9,
   itemsPerRow: J = 3,
   autoplay: K = !1,
   autoplayInterval: W = 3,
   className: Q,
   externalRef: V,
-  siblingRef: i,
+  siblingRef: l,
   isSplit: D = !1
 }) {
-  const [d, u] = c(0), [v, m] = c(0), [S, Z] = c(0), [M, tt] = c(l), [w, et] = c(!1), [L, nt] = c(K), ot = C(null), g = C(null), b = C(null), x = V, [f, X] = c(!1), [P, Y] = c(null), [$, R] = c(null), [j, U] = c(null), [st, B] = c(!1), [p, G] = c(null), [y, O] = c(null), ct = (t) => {
-    Math.abs((y ?? 0) - (p ?? 0)) > 25 && (t.stopPropagation(), t.preventDefault());
+  const [d, u] = c(0), [f, M] = c(0), [S, Z] = c(0), [w, tt] = c(i), [b, et] = c(!1), [L, nt] = c(K), ot = E(null), g = E(null), p = E(null), x = V, [v, j] = c(!1), [P, z] = c(null), [$, Y] = c(null), [R, U] = c(null), [st, B] = c(!1), [_, G] = c(null), [y, O] = c(null), ct = (t) => {
+    Math.abs((y ?? 0) - (_ ?? 0)) > 25 && (t.stopPropagation(), t.preventDefault());
   }, rt = (t) => {
     G(t.clientX);
   }, at = (t) => {
-    p !== null && Math.abs(t.clientX - p) > 5 && (B(!0), O(t.clientX));
-  }, lt = () => {
-    if (!p || !y) {
+    _ !== null && Math.abs(t.clientX - _) > 5 && (B(!0), O(t.clientX));
+  }, it = () => {
+    if (!_ || !y) {
       I();
       return;
     }
-    const t = p - y;
+    const t = _ - y;
     Math.abs(t) > 50 && (t > 0 ? k() : T()), I();
-  }, it = () => {
+  }, lt = () => {
     I();
   }, I = () => {
     B(!1), G(null), O(null);
   }, dt = (t) => {
-    R(t.touches[0].clientX), Y(t.touches[0].clientY), X(!1);
-  }, q = C(null);
-  E(() => {
+    Y(t.touches[0].clientX), z(t.touches[0].clientY), j(!1);
+  }, q = E(null);
+  X(() => {
     const t = q.current;
     if (!t) return;
     const e = (n) => {
       const s = n.touches[0].clientX - ($ ?? 0), a = n.touches[0].clientY - (P ?? 0);
-      !f && Math.abs(s) > Math.abs(a) && X(!0), f && (n.preventDefault(), U(n.touches[0].clientX));
+      !v && Math.abs(s) > Math.abs(a) && j(!0), v && (n.preventDefault(), U(n.touches[0].clientX));
     };
     return t.addEventListener("touchmove", e), () => {
       t.removeEventListener("touchmove", e);
     };
-  }, [f, $, P]);
+  }, [v, $, P]);
   const ut = () => {
-    if ($ === null || j === null) return;
-    const t = $ - j;
-    Math.abs(t) > 50 && (t > 0 ? k() : T()), R(null), U(null), Y(null), X(!1);
+    if ($ === null || R === null) return;
+    const t = $ - R;
+    Math.abs(t) > 50 && (t > 0 ? k() : T()), Y(null), U(null), z(null), j(!1);
   }, ht = (t, e) => {
     const n = [];
     for (let s = 0; s < t.length; s += e)
       n.push(t.slice(s, s + e));
     return n;
   };
-  E(() => {
+  X(() => {
     if (typeof window < "u") {
       const t = () => {
-        const e = window.innerWidth < 768, n = e ? 1 : l;
-        et(e), tt(e ? 1 : l), u(
-          (s) => Math.min(s, Math.ceil(_.length / n) - 1)
+        const e = window.innerWidth < 768, n = e ? 1 : i;
+        et(e), tt(e ? 1 : i), u(
+          (s) => Math.min(s, Math.ceil(m.length / n) - 1)
         );
       };
       return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
     }
-  }, [l]);
-  const z = Math.ceil(M / J), F = ht(_, M), h = F.length, vt = 3 * 16, bt = 6 * 16;
-  E(() => {
+  }, [i]);
+  const C = Math.ceil(w / J), F = ht(m, w), h = F.length, ft = 3 * 16, pt = 3 * 16;
+  X(() => {
     const t = new ResizeObserver((e) => {
       var n, s;
       for (let a of e)
         if (a.contentRect) {
-          w ? m(a.contentRect.width - bt) : D ? i != null && i.current ? m(
-            a.contentRect.width - ((n = i == null ? void 0 : i.current) == null ? void 0 : n.offsetWidth) - vt
-          ) : m(a.contentRect.width) : (m(a.contentRect.width), Z(
+          b ? M(a.contentRect.width - pt) : D ? l != null && l.current ? M(
+            a.contentRect.width - ((n = l == null ? void 0 : l.current) == null ? void 0 : n.offsetWidth) - ft
+          ) : M(a.contentRect.width) : (M(a.contentRect.width), Z(
             ((s = g == null ? void 0 : g.current) == null ? void 0 : s.children[0].children[0].children[0].getBoundingClientRect().width) ?? 0
           ));
-          const _t = w ? 1 : l;
+          const mt = b ? 1 : i;
           u(
-            (mt) => Math.min(mt, Math.ceil(_.length / _t) - 1)
+            (Mt) => Math.min(Mt, Math.ceil(m.length / mt) - 1)
           );
         }
     });
     return x != null && x.current && t.observe(x.current), () => t.disconnect();
-  }, [w, D]);
+  }, [b, D]);
   const N = () => {
-    b.current && clearInterval(b.current), nt(!1);
+    p.current && clearInterval(p.current), nt(!1);
   }, k = () => {
     N(), u((t) => Math.min(t + 1, h - 1));
   }, T = () => {
     N(), u((t) => Math.max(t - 1, 0));
-  }, ft = (t) => {
+  }, vt = (t) => {
     N(), u(t);
-  }, pt = () => v ? `translateX(-${d * v}px)` : "translateX(0px)", H = () => {
+  }, _t = () => f ? `translateX(-${d * f}px)` : "translateX(0px)", H = () => {
     u((t) => t >= h - 1 ? 0 : t + 1);
   };
-  return E(() => (L && (b.current = setInterval(
+  return X(() => (L && (p.current = setInterval(
     H,
     W * 1e3
   )), () => {
-    b.current && clearInterval(b.current);
+    p.current && clearInterval(p.current);
   }), [L, W, H]), /* @__PURE__ */ A("div", { className: `${Q ?? ""} ${o.carousel}`, ref: ot, children: [
     /* @__PURE__ */ r(
       "div",
       {
         ref: q,
-        className: `${o.trackContainer} ${st || f ? o.noPointerEvents : ""}
+        className: `${o.trackContainer} ${st || v ? o.noPointerEvents : ""}
           `,
         style: {
-          maxWidth: `${v}px`,
-          touchAction: f ? "none" : "pan-y"
+          maxWidth: `${f}px`,
+          touchAction: v ? "none" : "pan-y"
         },
         onTouchStart: dt,
         onTouchEnd: ut,
         onMouseDown: rt,
         onMouseMove: at,
-        onMouseUp: lt,
-        onMouseLeave: it,
+        onMouseUp: it,
+        onMouseLeave: lt,
         children: /* @__PURE__ */ r(
           "div",
           {
             ref: g,
             className: o.track,
-            style: { width: `${h * 100}%`, transform: pt() },
+            style: { width: `${h * 100}%`, transform: _t() },
             children: F.map((t, e) => /* @__PURE__ */ r(
               "div",
               {
                 className: o.page,
                 style: {
-                  display: z > 1 ? "grid" : "flex",
+                  display: C > 1 ? "grid" : "flex",
                   gridTemplateColumns: `repeat(${Math.ceil(
-                    M / z
+                    w / C
                   )}, 1fr)`,
-                  gridTemplateRows: `repeat(${z}, auto)`,
-                  width: `${v}px`
+                  gridTemplateRows: `repeat(${C}, auto)`,
+                  width: `${f}px`
                 },
                 children: t.map((n, s) => /* @__PURE__ */ r(
                   "div",
                   {
                     onClickCapture: ct,
                     style: {
-                      width: `${v / z - 16}px`
+                      width: `${f / C - 16}px`
                     },
                     children: n
                   },
@@ -173,14 +173,14 @@ function Pt({
       {
         className: o.controls,
         style: {
-          maxWidth: S > 0 && l === 1 && !w ? `${S}px` : "unset"
+          maxWidth: S > 0 && i === 1 && !b ? `${S}px` : "unset"
         },
         children: [
           /* @__PURE__ */ r("div", { className: o.indicators, children: Array.from({ length: h }).map((t, e) => /* @__PURE__ */ r(
             "button",
             {
               className: `${o.indicator} ${e === d ? o.active : ""}`,
-              onClick: () => ft(e),
+              onClick: () => vt(e),
               "aria-label": `Go to group ${e + 1}`
             },
             e
@@ -193,7 +193,7 @@ function Pt({
                 className: `${o.prev} ${d === 0 ? o.disabled : ""}`,
                 onClick: T,
                 disabled: d === 0,
-                children: /* @__PURE__ */ r(Mt, { size: 36 })
+                children: /* @__PURE__ */ r(wt, { size: 36 })
               }
             ),
             /* @__PURE__ */ r(
@@ -202,8 +202,8 @@ function Pt({
                 "aria-label": "Next slide",
                 className: `${o.next} ${d >= h - 1 ? o.disabled : ""}`,
                 onClick: k,
-                disabled: d >= _.length - M,
-                children: /* @__PURE__ */ r(wt, { size: 36 })
+                disabled: d >= m.length - w,
+                children: /* @__PURE__ */ r(bt, { size: 36 })
               }
             )
           ] })

package/dist/lib/components/Accordion/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-type AccordionItem = {
+export type AccordionItem = {
     id: string;
     title: string;
     content: React.ReactNode;

package/dist/styles.css

@@ -28,7 +28,7 @@ ul._list_4w9h5_1{list-style-type:none;padding:0;margin:0}ol._list_4w9h5_1{list-s
 ._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}}
 ._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}
 ._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)}
-._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}
+._carousel_1e9ij_1{width:100%}@media (max-width: 767px){._carousel_1e9ij_1{padding:0 var(--spacing-lg)}}._noPointerEvents_1e9ij_9 *{pointer-events:none!important}._trackContainer_1e9ij_13{overflow:hidden;width:100%}@media (max-width: 767px){._trackContainer_1e9ij_13{overflow:visible}}._track_1e9ij_13{display:flex;transition:transform .3s ease;will-change:transform}._page_1e9ij_28{display:flex;gap:var(--spacing-md);padding:0 var(--spacing-sm)}._controls_1e9ij_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_1e9ij_45{display:flex;flex-wrap:wrap;max-width:125px;gap:var(--spacing-xs)}._indicator_1e9ij_45{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;border:1px solid #fff;cursor:pointer;transition:background-color .3s}._indicator_1e9ij_45._active_1e9ij_62{background-color:var(--color-primary)}._buttons_1e9ij_66{display:flex;gap:var(--spacing-md)}._prev_1e9ij_71._disabled_1e9ij_71,._next_1e9ij_72._disabled_1e9ij_71{opacity:.5;pointer-events:none}._buttons_1e9ij_66 button:not(._disabled_1e9ij_71):hover{background-color:var(--color-primary);color:#fff}._prev_1e9ij_71,._next_1e9ij_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}
 ._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}
 ._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)}}
 ._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

@@ -6,9 +6,9 @@ declare const styles: {
   readonly "_accordionHeader_1ozgm_16": string;
   readonly "_accordionItem_1ozgm_8": string;
   readonly "_accordion_1ozgm_1": string;
+  readonly "_active_1e9ij_62": string;
   readonly "_active_1nbgu_39": string;
   readonly "_active_f06du_38": string;
-  readonly "_active_zbb4v_62": string;
   readonly "_alert_ucye1_1": string;
   readonly "_alignCenter_134u6_35": string;
   readonly "_alignEnd_134u6_39": string;
@@ -34,11 +34,11 @@ declare const styles: {
   readonly "_breadcrumbs_1nbgu_1": string;
   readonly "_busy_1ihs2_73": string;
   readonly "_buttonGroup_e1koo_1": string;
-  readonly "_buttons_zbb4v_66": string;
+  readonly "_buttons_1e9ij_66": string;
   readonly "_calendar_zbxci_1": string;
   readonly "_callToAction_1tdql_1": string;
   readonly "_card_18ynt_1": string;
-  readonly "_carousel_zbb4v_1": string;
+  readonly "_carousel_1e9ij_1": string;
   readonly "_cell_zbxci_34": string;
   readonly "_center_e1koo_15": string;
   readonly "_center_f06du_16": string;
@@ -59,7 +59,7 @@ declare const styles: {
   readonly "_content_18ynt_61": string;
   readonly "_content_1tdql_125": string;
   readonly "_content_cqo68_37": string;
-  readonly "_controls_zbb4v_34": string;
+  readonly "_controls_1e9ij_34": string;
   readonly "_danger_a1m8u_41": string;
   readonly "_danger_sf4mt_46": string;
   readonly "_dayName_zbxci_13": string;
@@ -69,8 +69,8 @@ declare const styles: {
   readonly "_default_4sv7j_55": string;
   readonly "_default_e9jmu_33": string;
   readonly "_disabled_15ngo_38": string;
+  readonly "_disabled_1e9ij_71": string;
   readonly "_disabled_1p460_56": string;
-  readonly "_disabled_zbb4v_71": string;
   readonly "_divider_zjbsg_1": string;
   readonly "_dragging_s8dew_25": string;
   readonly "_drawer_55xty_1": string;
@@ -134,8 +134,8 @@ declare const styles: {
   readonly "_imageTop_18ynt_36": string;
   readonly "_image_18ynt_36": string;
   readonly "_image_1ihs2_41": string;
-  readonly "_indicator_zbb4v_45": string;
-  readonly "_indicators_zbb4v_45": string;
+  readonly "_indicator_1e9ij_45": string;
+  readonly "_indicators_1e9ij_45": string;
   readonly "_info_18z15_65": string;
   readonly "_info_1txoc_27": string;
   readonly "_info_ucye1_25": string;
@@ -208,8 +208,8 @@ declare const styles: {
   readonly "_navItem_12ooa_88": string;
   readonly "_nav_12ooa_5": string;
   readonly "_navbar_12ooa_5": string;
-  readonly "_next_zbb4v_72": string;
-  readonly "_noPointerEvents_zbb4v_9": string;
+  readonly "_next_1e9ij_72": string;
+  readonly "_noPointerEvents_1e9ij_9": string;
   readonly "_notification_1txoc_1": string;
   readonly "_offline_1ihs2_69": string;
   readonly "_online_1ihs2_65": string;
@@ -226,10 +226,10 @@ declare const styles: {
   readonly "_paddingMd_1242k_14": string;
   readonly "_paddingNone_1242k_6": string;
   readonly "_paddingSm_1242k_10": string;
-  readonly "_page_zbb4v_28": string;
+  readonly "_page_1e9ij_28": string;
   readonly "_parent_12ooa_178": string;
   readonly "_popover_13tha_25": string;
-  readonly "_prev_zbb4v_71": string;
+  readonly "_prev_1e9ij_71": string;
   readonly "_primaryInverted_1tdql_38": string;
   readonly "_primary_1tdql_28": string;
   readonly "_primary_a1m8u_29": string;
@@ -309,10 +309,10 @@ declare const styles: {
   readonly "_top-right_1p460_46": string;
   readonly "_top_55xty_24": string;
   readonly "_top_94xs9_19": string;
+  readonly "_trackContainer_1e9ij_13": string;
   readonly "_trackContainer_7toxm_7": string;
-  readonly "_trackContainer_zbb4v_13": string;
+  readonly "_track_1e9ij_13": string;
   readonly "_track_7toxm_7": string;
-  readonly "_track_zbb4v_13": string;
   readonly "_underlineInverted_1tdql_103": string;
   readonly "_underline_1tdql_94": string;
   readonly "_value_7toxm_44": string;

package/package.json

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