quirk-ui 0.0.629 → 0.0.630

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.
@@ -1 +1 @@
1
- ._aside_6pgl8_1{position:relative;min-width:200px}@media (max-width: 767px){._aside_6pgl8_1{min-width:unset}}._aside_6pgl8_1 ul{list-style:none}._aside_6pgl8_1 ._nav_6pgl8_13{min-width:200px;height:calc(100vh - var(--nav-height));border-right:1px solid var(--color-secondary-10);background:rgba(var(--color-backgroundRgb),.9);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);z-index:1000;position:fixed;left:0;top:0;margin-top:var(--nav-height);margin-bottom:var(--nav-height);padding:var(--spacing-md);list-style:none;transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity;opacity:0}._aside_6pgl8_1 ._nav_6pgl8_13._hidden_6pgl8_32{opacity:0;pointer-events:none}@media (min-width: 768px){._aside_6pgl8_1 ._nav_6pgl8_13._visible_6pgl8_38{opacity:1;pointer-events:auto}}@media (max-width: 767px){._aside_6pgl8_1 ._nav_6pgl8_13{padding:var(--nav-height) 0 0;border-radius:0;top:0!important;left:0!important;height:100vh;width:100%;transform:translate(-100%);opacity:0;pointer-events:none}._aside_6pgl8_1 ._nav_6pgl8_13._open_6pgl8_56{transform:translate(0);opacity:1;pointer-events:auto}._aside_6pgl8_1 ._nav_6pgl8_13:before{border-radius:0}}._aside_6pgl8_1 ._parent_6pgl8_68{display:flex;flex-direction:column;gap:var(--spacing-xs)}._aside_6pgl8_1 ._title_6pgl8_74{font-weight:700}._aside_6pgl8_1 ._children_6pgl8_78{padding:0 0 0 var(--spacing-xs)}._aside_6pgl8_1 ._link_6pgl8_82{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._aside_6pgl8_1 ._link_6pgl8_82:hover{color:var(--color-primary-100)}._menuToggle_6pgl8_97{background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative}._menuToggle_6pgl8_97 svg{position:relative;z-index:5}@media (max-width: 767px){._menuToggle_6pgl8_97{display:flex;align-items:center;justify-content:center}}._left_6pgl8_120{left:0}@media (max-width: 767px){._left_6pgl8_120 ._nav_6pgl8_13{transform:translate(-100%)}}._right_6pgl8_129{right:0}@media (max-width: 767px){._right_6pgl8_129 ._nav_6pgl8_13{transform:translate(100%)}}
1
+ ._aside_s1lr6_1{position:relative;min-width:200px}@media (max-width: 767px){._aside_s1lr6_1{min-width:unset}}._aside_s1lr6_1 ul{list-style:none;padding-inline-start:0}._aside_s1lr6_1 ._nav_s1lr6_14{min-width:200px;height:calc(100vh - var(--nav-height));border-right:1px solid var(--color-secondary-10);background:rgba(var(--color-backgroundRgb),.9);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);z-index:1000;position:fixed;left:0;top:0;padding:var(--spacing-md);list-style:none;transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity;opacity:0}._aside_s1lr6_1 ._nav_s1lr6_14._hidden_s1lr6_32{opacity:0;pointer-events:none}@media (min-width: 768px){._aside_s1lr6_1 ._nav_s1lr6_14._visible_s1lr6_38{opacity:1;pointer-events:auto}}@media (max-width: 767px){._aside_s1lr6_1 ._nav_s1lr6_14{border-radius:0;top:0!important;left:0!important;height:100vh;width:100%;transform:translate(-100%);opacity:0;pointer-events:none}._aside_s1lr6_1 ._nav_s1lr6_14._open_s1lr6_55{transform:translate(0);opacity:1;pointer-events:auto}._aside_s1lr6_1 ._nav_s1lr6_14:before{border-radius:0}}._aside_s1lr6_1 ._parent_s1lr6_67{display:flex;flex-direction:column;gap:var(--spacing-xs)}._aside_s1lr6_1 ._title_s1lr6_73{font-weight:700}._aside_s1lr6_1 ._children_s1lr6_77{padding:0 0 0 var(--spacing-xs)}._aside_s1lr6_1 ._link_s1lr6_81{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._aside_s1lr6_1 ._link_s1lr6_81:hover{color:var(--color-primary-100)}._menuToggle_s1lr6_96{background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative}._menuToggle_s1lr6_96 svg{position:relative;z-index:5}@media (max-width: 767px){._menuToggle_s1lr6_96{display:flex;align-items:center;justify-content:center}}._left_s1lr6_119{left:0}@media (max-width: 767px){._left_s1lr6_119 ._nav_s1lr6_14{transform:translate(-100%)}}._right_s1lr6_128{right:0}@media (max-width: 767px){._right_s1lr6_128 ._nav_s1lr6_14{transform:translate(100%)}}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index58.css');const n=require("react/jsx-runtime"),r=require("react"),c=require("../../utils/NoScroll/noScroll.cjs"),h=require("../../../x-Dft9NVe_.cjs"),f=require("../../../menu-ufZEqSbc.cjs"),b="_aside_6pgl8_1",x="_nav_6pgl8_13",m="_hidden_6pgl8_32",v="_visible_6pgl8_38",S="_open_6pgl8_56",j="_parent_6pgl8_68",N="_title_6pgl8_74",k="_children_6pgl8_78",$="_link_6pgl8_82",q="_menuToggle_6pgl8_97",y="_left_6pgl8_120",T="_right_6pgl8_129",e={aside:b,nav:x,hidden:m,visible:v,open:S,parent:j,title:N,children:k,link:$,menuToggle:q,left:y,right:T},E={left:e.left,right:e.right};function M({items:i,alignment:o="left",className:_}){const[s,u]=r.useState(!1),[d,g]=r.useState(!1),p=()=>{u(l=>!l)};return r.useEffect(()=>{if(typeof document<"u")return s?setTimeout(()=>{c.lockScroll()},0):c.unlockScroll(),()=>c.unlockScroll()},[s]),r.useEffect(()=>{g(!0)},[]),n.jsxs("aside",{className:`${_} ${e.aside} ${E[o]}`,children:[n.jsx("button",{className:e.menuToggle,onClick:p,"aria-label":s?"Close menu":"Open menu","aria-expanded":s,"aria-controls":"main-menu",children:s?n.jsx(h.X,{size:24}):n.jsx(f.Menu,{size:24})}),n.jsx("nav",{className:`${e.nav} ${s?e.open:""} ${d?e.visible:e.hidden}`,children:n.jsx("ul",{children:i==null?void 0:i.map(l=>{var a;return n.jsxs("li",{className:e.parent,children:[n.jsx("span",{className:e.title,children:l.label}),n.jsx("ul",{className:e.children,children:(a=l==null?void 0:l.sublinks)==null?void 0:a.map(t=>n.jsx("li",{children:n.jsx("a",{href:t.href,className:e.link,target:t.isExternal?"_blank":"_self",rel:t.isExternal?"noopener noreferrer":void 0,role:"menuitem",children:t.label})},l._key))})]},l._key)})})})]})}exports.Sidebar=M;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../assets/index58.css');const s=require("react/jsx-runtime"),t=require("react"),c=require("../../utils/NoScroll/noScroll.cjs"),g=require("../../../x-Dft9NVe_.cjs"),p=require("../../../menu-ufZEqSbc.cjs"),b="_aside_s1lr6_1",x="_nav_s1lr6_14",m="_hidden_s1lr6_32",v="_visible_s1lr6_38",S="_open_s1lr6_55",j="_parent_s1lr6_67",N="_title_s1lr6_73",k="_children_s1lr6_77",$="_link_s1lr6_81",q="_menuToggle_s1lr6_96",y="_left_s1lr6_119",T="_right_s1lr6_128",e={aside:b,nav:x,hidden:m,visible:v,open:S,parent:j,title:N,children:k,link:$,menuToggle:q,left:y,right:T},E={left:e.left,right:e.right};function M({items:i,alignment:o="left",className:_}){const[l,u]=t.useState(!1),[d,h]=t.useState(!1),f=()=>{u(n=>!n)};return t.useEffect(()=>{if(typeof document<"u")return l?setTimeout(()=>{c.lockScroll()},0):c.unlockScroll(),()=>c.unlockScroll()},[l]),t.useEffect(()=>{h(!0)},[]),s.jsxs("aside",{className:`${_} ${e.aside} ${E[o]}`,children:[s.jsx("button",{className:e.menuToggle,onClick:f,"aria-label":l?"Close menu":"Open menu","aria-expanded":l,"aria-controls":"main-menu",children:l?s.jsx(g.X,{size:24}):s.jsx(p.Menu,{size:24})}),s.jsx("nav",{className:`${e.nav} ${l?e.open:""} ${d?e.visible:e.hidden}`,children:s.jsx("ul",{children:i==null?void 0:i.map(n=>{var a;return s.jsxs("li",{className:e.parent,children:[s.jsx("span",{className:e.title,children:n.label}),s.jsx("ul",{className:e.children,children:(a=n==null?void 0:n.sublinks)==null?void 0:a.map(r=>s.jsx("li",{children:s.jsx("a",{href:r.href,className:e.link,target:r.isExternal?"_blank":"_self",rel:r.isExternal?"noopener noreferrer":void 0,role:"menuitem",children:r.label})},n._key))})]},n._key)})})})]})}exports.Sidebar=M;
@@ -1,9 +1,9 @@
1
- import { jsxs as r, jsx as n } from "react/jsx-runtime";
1
+ import { jsxs as a, jsx as n } from "react/jsx-runtime";
2
2
  import { useState as o, useEffect as c } from "react";
3
- import { lockScroll as m, unlockScroll as _ } from "../../utils/NoScroll/noScroll.mjs";
3
+ import { lockScroll as g, unlockScroll as _ } from "../../utils/NoScroll/noScroll.mjs";
4
4
  import { X as b } from "../../../x-CnsEH4Ox.js";
5
5
  import { M as v } from "../../../menu-CvQx3NZY.js";
6
- import '../../../assets/index58.css';const N = "_aside_6pgl8_1", k = "_nav_6pgl8_13", x = "_hidden_6pgl8_32", S = "_visible_6pgl8_38", $ = "_open_6pgl8_56", T = "_parent_6pgl8_68", y = "_title_6pgl8_74", M = "_children_6pgl8_78", C = "_link_6pgl8_82", E = "_menuToggle_6pgl8_97", O = "_left_6pgl8_120", j = "_right_6pgl8_129", e = {
6
+ import '../../../assets/index58.css';const N = "_aside_s1lr6_1", k = "_nav_s1lr6_14", x = "_hidden_s1lr6_32", S = "_visible_s1lr6_38", $ = "_open_s1lr6_55", T = "_parent_s1lr6_67", y = "_title_s1lr6_73", M = "_children_s1lr6_77", C = "_link_s1lr6_81", E = "_menuToggle_s1lr6_96", O = "_left_s1lr6_119", j = "_right_s1lr6_128", e = {
7
7
  aside: N,
8
8
  nav: k,
9
9
  hidden: x,
@@ -23,30 +23,30 @@ import '../../../assets/index58.css';const N = "_aside_6pgl8_1", k = "_nav_6pgl8
23
23
  function A({
24
24
  // renderText,
25
25
  // title,
26
- items: i,
27
- alignment: p = "left",
28
- className: d
26
+ items: t,
27
+ alignment: d = "left",
28
+ className: u
29
29
  }) {
30
- const [s, g] = o(!1), [u, f] = o(!1), h = () => {
31
- g((l) => !l);
30
+ const [s, f] = o(!1), [h, p] = o(!1), m = () => {
31
+ f((l) => !l);
32
32
  };
33
33
  return c(() => {
34
34
  if (typeof document < "u")
35
35
  return s ? setTimeout(() => {
36
- m();
36
+ g();
37
37
  }, 0) : _(), () => _();
38
38
  }, [s]), c(() => {
39
- f(!0);
40
- }, []), /* @__PURE__ */ r(
39
+ p(!0);
40
+ }, []), /* @__PURE__ */ a(
41
41
  "aside",
42
42
  {
43
- className: `${d} ${e.aside} ${w[p]}`,
43
+ className: `${u} ${e.aside} ${w[d]}`,
44
44
  children: [
45
45
  /* @__PURE__ */ n(
46
46
  "button",
47
47
  {
48
48
  className: e.menuToggle,
49
- onClick: h,
49
+ onClick: m,
50
50
  "aria-label": s ? "Close menu" : "Open menu",
51
51
  "aria-expanded": s,
52
52
  "aria-controls": "main-menu",
@@ -56,20 +56,20 @@ function A({
56
56
  /* @__PURE__ */ n(
57
57
  "nav",
58
58
  {
59
- className: `${e.nav} ${s ? e.open : ""} ${u ? e.visible : e.hidden}`,
60
- children: /* @__PURE__ */ n("ul", { children: i == null ? void 0 : i.map((l) => {
61
- var a;
62
- return /* @__PURE__ */ r("li", { className: e.parent, children: [
59
+ className: `${e.nav} ${s ? e.open : ""} ${h ? e.visible : e.hidden}`,
60
+ children: /* @__PURE__ */ n("ul", { children: t == null ? void 0 : t.map((l) => {
61
+ var i;
62
+ return /* @__PURE__ */ a("li", { className: e.parent, children: [
63
63
  /* @__PURE__ */ n("span", { className: e.title, children: l.label }),
64
- /* @__PURE__ */ n("ul", { className: e.children, children: (a = l == null ? void 0 : l.sublinks) == null ? void 0 : a.map((t) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
64
+ /* @__PURE__ */ n("ul", { className: e.children, children: (i = l == null ? void 0 : l.sublinks) == null ? void 0 : i.map((r) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
65
65
  "a",
66
66
  {
67
- href: t.href,
67
+ href: r.href,
68
68
  className: e.link,
69
- target: t.isExternal ? "_blank" : "_self",
70
- rel: t.isExternal ? "noopener noreferrer" : void 0,
69
+ target: r.isExternal ? "_blank" : "_self",
70
+ rel: r.isExternal ? "noopener noreferrer" : void 0,
71
71
  role: "menuitem",
72
- children: t.label
72
+ children: r.label
73
73
  }
74
74
  ) }, l._key)) })
75
75
  ] }, l._key);
package/dist/styles.css CHANGED
@@ -56,7 +56,7 @@ ul._list_1fin2_1{list-style-type:none;padding:0;margin:0}ol._list_1fin2_1{list-s
56
56
  ._progressBarContainer_pna67_1{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%}._progressBar_pna67_1{flex:1;height:12px;background-color:var(--color-secondary-25);border-radius:4px;overflow:hidden;position:relative}._fill_pna67_18{height:100%;transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;border-radius:4px}._primary_pna67_29 ._fill_pna67_18{background-color:var(--color-primary-100)}._success_pna67_33 ._fill_pna67_18{background-color:var(--color-success)}._warning_pna67_37 ._fill_pna67_18{background-color:var(--color-warning)}._danger_pna67_41 ._fill_pna67_18{background-color:var(--color-error)}._label_pna67_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)}
57
57
  ._wrapper_4yxo1_1{display:flex;align-items:center;gap:var(--spacing-sm)}._radio_4yxo1_7{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:2px solid var(--color-border);border-radius:50%;position:relative;cursor:pointer;transition:background .3s,border-color .3s;margin:0}._radio_4yxo1_7:checked{background-color:var(--color-primary-100);border-color:var(--color-primary-100)}._radio_4yxo1_7:disabled{background-color:var(--color-primary-25);cursor:not-allowed}._label_4yxo1_29{cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}
58
58
  ._wrapper_1wm56_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._trackContainer_1wm56_7{display:flex;align-items:center;gap:var(--spacing-sm)}._track_1wm56_7{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background-color:var(--color-primary-25);border-radius:4px;outline:none}._track_1wm56_7::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary-100);border-radius:var(--radius-full);cursor:pointer;border:none}._track_1wm56_7::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary-100);border-radius:var(--radius-full);cursor:pointer;border:none}._value_1wm56_44{width:2rem;text-align:right;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._error_1wm56_52{color:var(--color-error)}._errorMessage_1wm56_56{font-size:var(--font-size-sm);color:var(--color-error)}
59
- ._aside_6pgl8_1{position:relative;min-width:200px}@media (max-width: 767px){._aside_6pgl8_1{min-width:unset}}._aside_6pgl8_1 ul{list-style:none}._aside_6pgl8_1 ._nav_6pgl8_13{min-width:200px;height:calc(100vh - var(--nav-height));border-right:1px solid var(--color-secondary-10);background:rgba(var(--color-backgroundRgb),.9);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);z-index:1000;position:fixed;left:0;top:0;margin-top:var(--nav-height);margin-bottom:var(--nav-height);padding:var(--spacing-md);list-style:none;transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity;opacity:0}._aside_6pgl8_1 ._nav_6pgl8_13._hidden_6pgl8_32{opacity:0;pointer-events:none}@media (min-width: 768px){._aside_6pgl8_1 ._nav_6pgl8_13._visible_6pgl8_38{opacity:1;pointer-events:auto}}@media (max-width: 767px){._aside_6pgl8_1 ._nav_6pgl8_13{padding:var(--nav-height) 0 0;border-radius:0;top:0!important;left:0!important;height:100vh;width:100%;transform:translate(-100%);opacity:0;pointer-events:none}._aside_6pgl8_1 ._nav_6pgl8_13._open_6pgl8_56{transform:translate(0);opacity:1;pointer-events:auto}._aside_6pgl8_1 ._nav_6pgl8_13:before{border-radius:0}}._aside_6pgl8_1 ._parent_6pgl8_68{display:flex;flex-direction:column;gap:var(--spacing-xs)}._aside_6pgl8_1 ._title_6pgl8_74{font-weight:700}._aside_6pgl8_1 ._children_6pgl8_78{padding:0 0 0 var(--spacing-xs)}._aside_6pgl8_1 ._link_6pgl8_82{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._aside_6pgl8_1 ._link_6pgl8_82:hover{color:var(--color-primary-100)}._menuToggle_6pgl8_97{background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative}._menuToggle_6pgl8_97 svg{position:relative;z-index:5}@media (max-width: 767px){._menuToggle_6pgl8_97{display:flex;align-items:center;justify-content:center}}._left_6pgl8_120{left:0}@media (max-width: 767px){._left_6pgl8_120 ._nav_6pgl8_13{transform:translate(-100%)}}._right_6pgl8_129{right:0}@media (max-width: 767px){._right_6pgl8_129 ._nav_6pgl8_13{transform:translate(100%)}}
59
+ ._aside_s1lr6_1{position:relative;min-width:200px}@media (max-width: 767px){._aside_s1lr6_1{min-width:unset}}._aside_s1lr6_1 ul{list-style:none;padding-inline-start:0}._aside_s1lr6_1 ._nav_s1lr6_14{min-width:200px;height:calc(100vh - var(--nav-height));border-right:1px solid var(--color-secondary-10);background:rgba(var(--color-backgroundRgb),.9);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);z-index:1000;position:fixed;left:0;top:0;padding:var(--spacing-md);list-style:none;transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity;opacity:0}._aside_s1lr6_1 ._nav_s1lr6_14._hidden_s1lr6_32{opacity:0;pointer-events:none}@media (min-width: 768px){._aside_s1lr6_1 ._nav_s1lr6_14._visible_s1lr6_38{opacity:1;pointer-events:auto}}@media (max-width: 767px){._aside_s1lr6_1 ._nav_s1lr6_14{border-radius:0;top:0!important;left:0!important;height:100vh;width:100%;transform:translate(-100%);opacity:0;pointer-events:none}._aside_s1lr6_1 ._nav_s1lr6_14._open_s1lr6_55{transform:translate(0);opacity:1;pointer-events:auto}._aside_s1lr6_1 ._nav_s1lr6_14:before{border-radius:0}}._aside_s1lr6_1 ._parent_s1lr6_67{display:flex;flex-direction:column;gap:var(--spacing-xs)}._aside_s1lr6_1 ._title_s1lr6_73{font-weight:700}._aside_s1lr6_1 ._children_s1lr6_77{padding:0 0 0 var(--spacing-xs)}._aside_s1lr6_1 ._link_s1lr6_81{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._aside_s1lr6_1 ._link_s1lr6_81:hover{color:var(--color-primary-100)}._menuToggle_s1lr6_96{background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative}._menuToggle_s1lr6_96 svg{position:relative;z-index:5}@media (max-width: 767px){._menuToggle_s1lr6_96{display:flex;align-items:center;justify-content:center}}._left_s1lr6_119{left:0}@media (max-width: 767px){._left_s1lr6_119 ._nav_s1lr6_14{transform:translate(-100%)}}._right_s1lr6_128{right:0}@media (max-width: 767px){._right_s1lr6_128 ._nav_s1lr6_14{transform:translate(100%)}}
60
60
  ._skeleton_u21vc_1{background-color:#e0e0e0;overflow:hidden;position:relative;display:inline-block;animation:_shimmer_u21vc_1 1.5s infinite;background:linear-gradient(90deg,#e0e0e0,#f0f0f0,#e0e0e0);background-size:200% 100%}._text_u21vc_16{height:16px;width:100%;border-radius:4px}._circle_u21vc_22{border-radius:50%;aspect-ratio:1/1}._rectangle_u21vc_27{border-radius:4px}@keyframes _shimmer_u21vc_1{0%{background-position:-200%}50%{background-position:100%}to{background-position:200%}}
61
61
  ._spacer_1pz5u_1{flex-shrink:0;background:none}._horizontal_1pz5u_6{width:100%;height:auto}._vertical_1pz5u_11{height:100%;width:auto}._sm_1pz5u_16{height:.5rem;width:.5rem}._md_1pz5u_21{height:1rem;width:1rem}._lg_1pz5u_26{height:2rem;width:2rem}._xl_1pz5u_31{height:3rem;width:3rem}
62
62
  ._spinner_sjjvl_1{display:inline-flex;align-items:center;justify-content:center;position:relative}._small_sjjvl_8{width:24px;height:24px}._medium_sjjvl_13{width:48px;height:48px}._large_sjjvl_18{width:72px;height:72px}._prong_sjjvl_23{width:8%;height:30%;background-color:currentColor;border-radius:4px;position:absolute;top:67%;transform-origin:center -55%;animation:_fade_sjjvl_1 1s linear infinite}._primary_sjjvl_34{color:var(--color-primary-100)}._success_sjjvl_38{color:var(--color-success)}._warning_sjjvl_42{color:var(--color-warning)}._danger_sjjvl_46{color:var(--color-error)}@keyframes _fade_sjjvl_1{0%{opacity:1}to{opacity:.2}}._prong_sjjvl_23:nth-child(1){transform:rotate(0);animation-delay:-.9s}._prong_sjjvl_23:nth-child(2){transform:rotate(36deg);animation-delay:-.8s}._prong_sjjvl_23:nth-child(3){transform:rotate(72deg);animation-delay:-.7s}._prong_sjjvl_23:nth-child(4){transform:rotate(108deg);animation-delay:-.6s}._prong_sjjvl_23:nth-child(5){transform:rotate(144deg);animation-delay:-.5s}._prong_sjjvl_23:nth-child(6){transform:rotate(180deg);animation-delay:-.4s}._prong_sjjvl_23:nth-child(7){transform:rotate(216deg);animation-delay:-.3s}._prong_sjjvl_23:nth-child(8){transform:rotate(252deg);animation-delay:-.2s}._prong_sjjvl_23:nth-child(9){transform:rotate(288deg);animation-delay:-.1s}._prong_sjjvl_23:nth-child(10){transform:rotate(324deg);animation-delay:0s}
@@ -129,7 +129,7 @@ ul._list_1fin2_1{list-style-type:none;padding:0;margin:0}ol._list_1fin2_1{list-s
129
129
  ._progressBarContainer_pna67_1{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%}._progressBar_pna67_1{flex:1;height:12px;background-color:var(--color-secondary-25);border-radius:4px;overflow:hidden;position:relative}._fill_pna67_18{height:100%;transition:width .3s ease;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;border-radius:4px}._primary_pna67_29 ._fill_pna67_18{background-color:var(--color-primary-100)}._success_pna67_33 ._fill_pna67_18{background-color:var(--color-success)}._warning_pna67_37 ._fill_pna67_18{background-color:var(--color-warning)}._danger_pna67_41 ._fill_pna67_18{background-color:var(--color-error)}._label_pna67_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)}
130
130
  ._wrapper_4yxo1_1{display:flex;align-items:center;gap:var(--spacing-sm)}._radio_4yxo1_7{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1rem;height:1rem;border:2px solid var(--color-border);border-radius:50%;position:relative;cursor:pointer;transition:background .3s,border-color .3s;margin:0}._radio_4yxo1_7:checked{background-color:var(--color-primary-100);border-color:var(--color-primary-100)}._radio_4yxo1_7:disabled{background-color:var(--color-primary-25);cursor:not-allowed}._label_4yxo1_29{cursor:pointer;-webkit-user-select:none;user-select:none;margin:0}
131
131
  ._wrapper_1wm56_1{display:flex;flex-direction:column;gap:var(--spacing-sm)}._trackContainer_1wm56_7{display:flex;align-items:center;gap:var(--spacing-sm)}._track_1wm56_7{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background-color:var(--color-primary-25);border-radius:4px;outline:none}._track_1wm56_7::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary-100);border-radius:var(--radius-full);cursor:pointer;border:none}._track_1wm56_7::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background-color:var(--color-primary-100);border-radius:var(--radius-full);cursor:pointer;border:none}._value_1wm56_44{width:2rem;text-align:right;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-primary-100)}._error_1wm56_52{color:var(--color-error)}._errorMessage_1wm56_56{font-size:var(--font-size-sm);color:var(--color-error)}
132
- ._aside_6pgl8_1{position:relative;min-width:200px}@media (max-width: 767px){._aside_6pgl8_1{min-width:unset}}._aside_6pgl8_1 ul{list-style:none}._aside_6pgl8_1 ._nav_6pgl8_13{min-width:200px;height:calc(100vh - var(--nav-height));border-right:1px solid var(--color-secondary-10);background:rgba(var(--color-backgroundRgb),.9);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);z-index:1000;position:fixed;left:0;top:0;margin-top:var(--nav-height);margin-bottom:var(--nav-height);padding:var(--spacing-md);list-style:none;transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity;opacity:0}._aside_6pgl8_1 ._nav_6pgl8_13._hidden_6pgl8_32{opacity:0;pointer-events:none}@media (min-width: 768px){._aside_6pgl8_1 ._nav_6pgl8_13._visible_6pgl8_38{opacity:1;pointer-events:auto}}@media (max-width: 767px){._aside_6pgl8_1 ._nav_6pgl8_13{padding:var(--nav-height) 0 0;border-radius:0;top:0!important;left:0!important;height:100vh;width:100%;transform:translate(-100%);opacity:0;pointer-events:none}._aside_6pgl8_1 ._nav_6pgl8_13._open_6pgl8_56{transform:translate(0);opacity:1;pointer-events:auto}._aside_6pgl8_1 ._nav_6pgl8_13:before{border-radius:0}}._aside_6pgl8_1 ._parent_6pgl8_68{display:flex;flex-direction:column;gap:var(--spacing-xs)}._aside_6pgl8_1 ._title_6pgl8_74{font-weight:700}._aside_6pgl8_1 ._children_6pgl8_78{padding:0 0 0 var(--spacing-xs)}._aside_6pgl8_1 ._link_6pgl8_82{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._aside_6pgl8_1 ._link_6pgl8_82:hover{color:var(--color-primary-100)}._menuToggle_6pgl8_97{background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative}._menuToggle_6pgl8_97 svg{position:relative;z-index:5}@media (max-width: 767px){._menuToggle_6pgl8_97{display:flex;align-items:center;justify-content:center}}._left_6pgl8_120{left:0}@media (max-width: 767px){._left_6pgl8_120 ._nav_6pgl8_13{transform:translate(-100%)}}._right_6pgl8_129{right:0}@media (max-width: 767px){._right_6pgl8_129 ._nav_6pgl8_13{transform:translate(100%)}}
132
+ ._aside_s1lr6_1{position:relative;min-width:200px}@media (max-width: 767px){._aside_s1lr6_1{min-width:unset}}._aside_s1lr6_1 ul{list-style:none;padding-inline-start:0}._aside_s1lr6_1 ._nav_s1lr6_14{min-width:200px;height:calc(100vh - var(--nav-height));border-right:1px solid var(--color-secondary-10);background:rgba(var(--color-backgroundRgb),.9);backdrop-filter:saturate(1.1) blur(1rem);-webkit-backdrop-filter:saturate(1.1) blur(1rem);z-index:1000;position:fixed;left:0;top:0;padding:var(--spacing-md);list-style:none;transition:transform .3s ease-in-out,opacity .3s ease-in-out;will-change:transform,opacity;opacity:0}._aside_s1lr6_1 ._nav_s1lr6_14._hidden_s1lr6_32{opacity:0;pointer-events:none}@media (min-width: 768px){._aside_s1lr6_1 ._nav_s1lr6_14._visible_s1lr6_38{opacity:1;pointer-events:auto}}@media (max-width: 767px){._aside_s1lr6_1 ._nav_s1lr6_14{border-radius:0;top:0!important;left:0!important;height:100vh;width:100%;transform:translate(-100%);opacity:0;pointer-events:none}._aside_s1lr6_1 ._nav_s1lr6_14._open_s1lr6_55{transform:translate(0);opacity:1;pointer-events:auto}._aside_s1lr6_1 ._nav_s1lr6_14:before{border-radius:0}}._aside_s1lr6_1 ._parent_s1lr6_67{display:flex;flex-direction:column;gap:var(--spacing-xs)}._aside_s1lr6_1 ._title_s1lr6_73{font-weight:700}._aside_s1lr6_1 ._children_s1lr6_77{padding:0 0 0 var(--spacing-xs)}._aside_s1lr6_1 ._link_s1lr6_81{color:var(--color-text-primary);text-decoration:none;display:block;transition:color .3s ease-in-out;display:flex;align-items:center;gap:var(--spacing-xs)}._aside_s1lr6_1 ._link_s1lr6_81:hover{color:var(--color-primary-100)}._menuToggle_s1lr6_96{background:none;border:none;cursor:pointer;display:none;color:var(--color-secondary-100);z-index:1100;position:relative}._menuToggle_s1lr6_96 svg{position:relative;z-index:5}@media (max-width: 767px){._menuToggle_s1lr6_96{display:flex;align-items:center;justify-content:center}}._left_s1lr6_119{left:0}@media (max-width: 767px){._left_s1lr6_119 ._nav_s1lr6_14{transform:translate(-100%)}}._right_s1lr6_128{right:0}@media (max-width: 767px){._right_s1lr6_128 ._nav_s1lr6_14{transform:translate(100%)}}
133
133
  ._skeleton_u21vc_1{background-color:#e0e0e0;overflow:hidden;position:relative;display:inline-block;animation:_shimmer_u21vc_1 1.5s infinite;background:linear-gradient(90deg,#e0e0e0,#f0f0f0,#e0e0e0);background-size:200% 100%}._text_u21vc_16{height:16px;width:100%;border-radius:4px}._circle_u21vc_22{border-radius:50%;aspect-ratio:1/1}._rectangle_u21vc_27{border-radius:4px}@keyframes _shimmer_u21vc_1{0%{background-position:-200%}50%{background-position:100%}to{background-position:200%}}
134
134
  ._spacer_1pz5u_1{flex-shrink:0;background:none}._horizontal_1pz5u_6{width:100%;height:auto}._vertical_1pz5u_11{height:100%;width:auto}._sm_1pz5u_16{height:.5rem;width:.5rem}._md_1pz5u_21{height:1rem;width:1rem}._lg_1pz5u_26{height:2rem;width:2rem}._xl_1pz5u_31{height:3rem;width:3rem}
135
135
  ._spinner_sjjvl_1{display:inline-flex;align-items:center;justify-content:center;position:relative}._small_sjjvl_8{width:24px;height:24px}._medium_sjjvl_13{width:48px;height:48px}._large_sjjvl_18{width:72px;height:72px}._prong_sjjvl_23{width:8%;height:30%;background-color:currentColor;border-radius:4px;position:absolute;top:67%;transform-origin:center -55%;animation:_fade_sjjvl_1 1s linear infinite}._primary_sjjvl_34{color:var(--color-primary-100)}._success_sjjvl_38{color:var(--color-success)}._warning_sjjvl_42{color:var(--color-warning)}._danger_sjjvl_46{color:var(--color-error)}@keyframes _fade_sjjvl_1{0%{opacity:1}to{opacity:.2}}._prong_sjjvl_23:nth-child(1){transform:rotate(0);animation-delay:-.9s}._prong_sjjvl_23:nth-child(2){transform:rotate(36deg);animation-delay:-.8s}._prong_sjjvl_23:nth-child(3){transform:rotate(72deg);animation-delay:-.7s}._prong_sjjvl_23:nth-child(4){transform:rotate(108deg);animation-delay:-.6s}._prong_sjjvl_23:nth-child(5){transform:rotate(144deg);animation-delay:-.5s}._prong_sjjvl_23:nth-child(6){transform:rotate(180deg);animation-delay:-.4s}._prong_sjjvl_23:nth-child(7){transform:rotate(216deg);animation-delay:-.3s}._prong_sjjvl_23:nth-child(8){transform:rotate(252deg);animation-delay:-.2s}._prong_sjjvl_23:nth-child(9){transform:rotate(288deg);animation-delay:-.1s}._prong_sjjvl_23:nth-child(10){transform:rotate(324deg);animation-delay:0s}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "quirk-ui",
3
3
  "private": false,
4
- "version": "0.0.629",
4
+ "version": "0.0.630",
5
5
  "type": "module",
6
6
  "exports": {
7
7
  ".": {