quirk-ui 0.1.49 → 0.1.51

package/dist/core/components/Modal/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index35.css');const e=require("react/jsx-runtime"),c=require("react"),M=require("react-dom"),R=require("../../../x-Dft9NVe_.cjs"),T="_overlay_f5qam_2",C="_fadeIn_f5qam_1",D="_modal_f5qam_18",P="_slideUp_f5qam_1",U="_trigger_f5qam_61",A="_closeButton_f5qam_68",F="_title_f5qam_98",K="_content_f5qam_108",l={overlay:T,fadeIn:C,modal:D,slideUp:P,"size-sm":"_size-sm_f5qam_38","size-md":"_size-md_f5qam_42","size-lg":"_size-lg_f5qam_46","size-xl":"_size-xl_f5qam_50","size-full":"_size-full_f5qam_54",trigger:U,closeButton:A,title:F,content:K},X=()=>{typeof document<"u"&&(document.body.style.overflow="hidden")},h=()=>{typeof document<"u"&&(document.body.style.overflow="")};function G({content:b,trigger:x,isOpen:v,onOpen:o,onClose:a,size:k="md",closeOnEscape:y=!0,closeOnOverlayClick:z=!0,showCloseButton:j=!0,className:p,overlayClassName:w,style:$,title:f}){const[E,q]=c.useState(!1),m=c.useRef(null),_=v!==void 0,t=_?v:E,N=()=>{_||q(!0),o==null||o()},r=()=>{_||q(!1),a==null||a()},S=()=>{t?r():N()},I=()=>{z&&r()};c.useEffect(()=>{if(!y||!t)return;const n=i=>{i.key==="Escape"&&r()};return document.addEventListener("keydown",n),()=>document.removeEventListener("keydown",n)},[t,y]),c.useEffect(()=>(t?X():h(),()=>h()),[t]),c.useEffect(()=>{if(!t||!m.current)return;const n=m.current,i=n.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),s=i[0],d=i[i.length-1],g=u=>{u.key==="Tab"&&(u.shiftKey?document.activeElement===s&&(u.preventDefault(),d==null||d.focus()):document.activeElement===d&&(u.preventDefault(),s==null||s.focus()))};return n.addEventListener("keydown",g),s==null||s.focus(),()=>{n.removeEventListener("keydown",g)}},[t]);const B=l[`size-${k}`]||"",L=t?e.jsx("div",{className:`${l.overlay} ${w??""}`.trim(),onClick:I,role:"dialog","aria-modal":"true","aria-labelledby":f?"modal-title":void 0,children:e.jsxs("div",{className:`${B} modalContentContainer`,children:[j&&e.jsx("button",{"aria-label":"Close",className:l.closeButton,onClick:r,type:"button",children:e.jsx(R.X,{size:20})}),e.jsxs("div",{ref:m,className:`${l.modal}  ${p??""}`.trim(),style:$,onClick:n=>n.stopPropagation(),children:[f&&e.jsx("div",{className:l.title,id:"modal-title",children:f}),e.jsx("div",{className:l.content,children:b})]})]})}):null;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:l.trigger,onClick:S,children:x}),typeof window<"u"&&M.createPortal(L,document.body)]})}exports.Modal=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index35.css');const e=require("react/jsx-runtime"),r=require("react"),M=require("react-dom"),R=require("../../../x-Dft9NVe_.cjs"),T="_overlay_ueo6t_2",C="_fadeIn_ueo6t_1",D="_modal_ueo6t_18",P="_slideUp_ueo6t_1",U="_trigger_ueo6t_65",A="_closeButton_ueo6t_72",F="_title_ueo6t_102",K="_content_ueo6t_112",s={overlay:T,fadeIn:C,modal:D,slideUp:P,"size-sm":"_size-sm_ueo6t_38","size-md":"_size-md_ueo6t_43","size-lg":"_size-lg_ueo6t_48","size-xl":"_size-xl_ueo6t_53","size-full":"_size-full_ueo6t_58",trigger:U,closeButton:A,title:F,content:K},X=()=>{typeof document<"u"&&(document.body.style.overflow="hidden")},b=()=>{typeof document<"u"&&(document.body.style.overflow="")};function G({content:x,trigger:k,isOpen:v,onOpen:l,onClose:i,size:z="md",closeOnEscape:y=!0,closeOnOverlayClick:j=!0,showCloseButton:p=!0,className:w,overlayClassName:$,style:E,title:f}){const[N,g]=r.useState(!1),_=r.useRef(null),m=v!==void 0,t=m?v:N,q=()=>{m||g(!0),l==null||l()},d=()=>{m||g(!1),i==null||i()},S=()=>{t?d():q()},I=()=>{j&&d()};r.useEffect(()=>{if(!y||!t)return;const o=c=>{c.key==="Escape"&&d()};return document.addEventListener("keydown",o),()=>document.removeEventListener("keydown",o)},[t,y]),r.useEffect(()=>(t?X():b(),()=>b()),[t]),r.useEffect(()=>{if(!t||!_.current)return;const o=_.current,c=o.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),n=c[0],a=c[c.length-1],h=u=>{u.key==="Tab"&&(u.shiftKey?document.activeElement===n&&(u.preventDefault(),a==null||a.focus()):document.activeElement===a&&(u.preventDefault(),n==null||n.focus()))};return o.addEventListener("keydown",h),n==null||n.focus(),()=>{o.removeEventListener("keydown",h)}},[t]);const B=s[`size-${z}`]||"",L=t?e.jsx("div",{className:`${s.overlay} ${$??""}`.trim(),onClick:I,role:"dialog","aria-modal":"true","aria-labelledby":f?"modal-title":void 0,children:e.jsxs("div",{className:`${B} modalContentContainer`,children:[p&&e.jsx("button",{"aria-label":"Close",className:s.closeButton,onClick:d,type:"button",children:e.jsx(R.X,{size:20})}),e.jsxs("div",{ref:_,className:`${s.modal}  ${w??""}`.trim(),style:E,onClick:o=>o.stopPropagation(),children:[f&&e.jsx("div",{className:s.title,id:"modal-title",children:f}),e.jsx("div",{className:s.content,children:x})]})]})}):null;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:s.trigger,onClick:S,children:k}),typeof window<"u"&&M.createPortal(L,document.body)]})}exports.Modal=G;

package/dist/core/components/Modal/index.mjs

@@ -1,105 +1,105 @@
-import { jsxs as _, Fragment as U, jsx as a } from "react/jsx-runtime";
-import { useState as j, useRef as D, useEffect as v } from "react";
-import { createPortal as P } from "react-dom";
-import { X as R } from "../../../x-CnsEH4Ox.js";
-import '../../../index35.css';const A = "_overlay_f5qam_2", F = "_fadeIn_f5qam_1", K = "_modal_f5qam_18", M = "_slideUp_f5qam_1", X = "_trigger_f5qam_61", G = "_closeButton_f5qam_68", H = "_title_f5qam_98", J = "_content_f5qam_108", o = {
+import { jsxs as _, Fragment as j, jsx as s } from "react/jsx-runtime";
+import { useState as D, useRef as P, useEffect as v } from "react";
+import { createPortal as R } from "react-dom";
+import { X as q } from "../../../x-CnsEH4Ox.js";
+import '../../../index35.css';const A = "_overlay_ueo6t_2", F = "_fadeIn_ueo6t_1", K = "_modal_ueo6t_18", M = "_slideUp_ueo6t_1", X = "_trigger_ueo6t_65", G = "_closeButton_ueo6t_72", H = "_title_ueo6t_102", J = "_content_ueo6t_112", n = {
   overlay: A,
   fadeIn: F,
   modal: K,
   slideUp: M,
-  "size-sm": "_size-sm_f5qam_38",
-  "size-md": "_size-md_f5qam_42",
-  "size-lg": "_size-lg_f5qam_46",
-  "size-xl": "_size-xl_f5qam_50",
-  "size-full": "_size-full_f5qam_54",
+  "size-sm": "_size-sm_ueo6t_38",
+  "size-md": "_size-md_ueo6t_43",
+  "size-lg": "_size-lg_ueo6t_48",
+  "size-xl": "_size-xl_ueo6t_53",
+  "size-full": "_size-full_ueo6t_58",
   trigger: X,
   closeButton: G,
   title: H,
   content: J
 }, Q = () => {
   typeof document < "u" && (document.body.style.overflow = "hidden");
-}, q = () => {
+}, k = () => {
   typeof document < "u" && (document.body.style.overflow = "");
 };
 function O({
-  content: k,
-  trigger: p,
+  content: p,
+  trigger: z,
   isOpen: y,
   onOpen: l,
   onClose: i,
-  size: z = "md",
+  size: w = "md",
   closeOnEscape: h = !0,
-  closeOnOverlayClick: w = !0,
-  showCloseButton: x = !0,
-  className: N,
-  overlayClassName: $,
-  style: E,
-  title: f
+  closeOnOverlayClick: x = !0,
+  showCloseButton: N = !0,
+  className: $,
+  overlayClassName: E,
+  style: I,
+  title: u
 }) {
-  const [I, g] = j(!1), m = D(null), u = y !== void 0, e = u ? y : I, B = () => {
-    u || g(!0), l == null || l();
-  }, c = () => {
-    u || g(!1), i == null || i();
-  }, L = () => {
-    e ? c() : B();
+  const [B, g] = D(!1), f = P(null), m = y !== void 0, e = m ? y : B, L = () => {
+    m || g(!0), l == null || l();
+  }, r = () => {
+    m || g(!1), i == null || i();
   }, S = () => {
-    w && c();
+    e ? r() : L();
+  }, C = () => {
+    x && r();
   };
   v(() => {
     if (!h || !e) return;
-    const t = (s) => {
-      s.key === "Escape" && c();
+    const t = (c) => {
+      c.key === "Escape" && r();
     };
     return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [e, h]), v(() => (e ? Q() : q(), () => q()), [e]), v(() => {
-    if (!e || !m.current) return;
-    const t = m.current, s = t.querySelectorAll(
+  }, [e, h]), v(() => (e ? Q() : k(), () => k()), [e]), v(() => {
+    if (!e || !f.current) return;
+    const t = f.current, c = t.querySelectorAll(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-    ), n = s[0], r = s[s.length - 1], b = (d) => {
-      d.key === "Tab" && (d.shiftKey ? document.activeElement === n && (d.preventDefault(), r == null || r.focus()) : document.activeElement === r && (d.preventDefault(), n == null || n.focus()));
+    ), o = c[0], d = c[c.length - 1], b = (a) => {
+      a.key === "Tab" && (a.shiftKey ? document.activeElement === o && (a.preventDefault(), d == null || d.focus()) : document.activeElement === d && (a.preventDefault(), o == null || o.focus()));
     };
-    return t.addEventListener("keydown", b), n == null || n.focus(), () => {
+    return t.addEventListener("keydown", b), o == null || o.focus(), () => {
       t.removeEventListener("keydown", b);
     };
   }, [e]);
-  const C = o[`size-${z}`] || "", T = e ? /* @__PURE__ */ a(
+  const T = n[`size-${w}`] || "", U = e ? /* @__PURE__ */ s(
     "div",
     {
-      className: `${o.overlay} ${$ ?? ""}`.trim(),
-      onClick: S,
+      className: `${n.overlay} ${E ?? ""}`.trim(),
+      onClick: C,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": f ? "modal-title" : void 0,
-      children: /* @__PURE__ */ _("div", { className: `${C} modalContentContainer`, children: [
-        x && /* @__PURE__ */ a(
+      "aria-labelledby": u ? "modal-title" : void 0,
+      children: /* @__PURE__ */ _("div", { className: `${T} modalContentContainer`, children: [
+        N && /* @__PURE__ */ s(
           "button",
           {
             "aria-label": "Close",
-            className: o.closeButton,
-            onClick: c,
+            className: n.closeButton,
+            onClick: r,
             type: "button",
-            children: /* @__PURE__ */ a(R, { size: 20 })
+            children: /* @__PURE__ */ s(q, { size: 20 })
           }
         ),
         /* @__PURE__ */ _(
           "div",
           {
-            ref: m,
-            className: `${o.modal}  ${N ?? ""}`.trim(),
-            style: E,
+            ref: f,
+            className: `${n.modal}  ${$ ?? ""}`.trim(),
+            style: I,
             onClick: (t) => t.stopPropagation(),
             children: [
-              f && /* @__PURE__ */ a("div", { className: o.title, id: "modal-title", children: f }),
-              /* @__PURE__ */ a("div", { className: o.content, children: k })
+              u && /* @__PURE__ */ s("div", { className: n.title, id: "modal-title", children: u }),
+              /* @__PURE__ */ s("div", { className: n.content, children: p })
             ]
           }
         )
       ] })
     }
   ) : null;
-  return /* @__PURE__ */ _(U, { children: [
-    /* @__PURE__ */ a("div", { className: o.trigger, onClick: L, children: p }),
-    typeof window < "u" && P(T, document.body)
+  return /* @__PURE__ */ _(j, { children: [
+    /* @__PURE__ */ s("div", { className: n.trigger, onClick: S, children: z }),
+    typeof window < "u" && R(U, document.body)
   ] });
 }
 export {

package/dist/core/context/ThemeContext.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("react"),m=o.createContext(void 0);function d(){if(typeof document>"u")return"light";const t=document.documentElement.getAttribute("data-theme");if(t==="dark"||t==="light")return t;const e=localStorage.getItem("theme-mode");return e==="dark"||e==="light"?e:"light"}function a({children:t}){const[e,i]=o.useState(d);o.useEffect(()=>{document.documentElement.setAttribute("data-theme",e)},[e]);const r=o.useCallback(n=>{i(n),localStorage.setItem("theme-mode",n),document.documentElement.setAttribute("data-theme",n)},[]),u=o.useCallback(()=>{r(e==="light"?"dark":"light")},[e,r]),c=o.useMemo(()=>({mode:e,toggleTheme:u,setTheme:r}),[e,u,r]);return s.jsx(m.Provider,{value:c,children:t})}function h(){const t=o.useContext(m);if(!t)throw new Error("useTheme must be used within AppThemeProvider");return t}exports.AppThemeProvider=a;exports.useTheme=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),e=require("react"),m=e.createContext(void 0);function h({children:t}){const[o,u]=e.useState("light"),[n,a]=e.useState(!1);e.useEffect(()=>{const i=document.documentElement.getAttribute("data-theme")==="dark"?"dark":"light";u(i),a(!0)},[]);const r=e.useCallback(s=>{u(s),localStorage.setItem("theme-mode",s),document.documentElement.setAttribute("data-theme",s)},[]),c=e.useCallback(()=>{r(o==="light"?"dark":"light")},[o,r]),d=e.useMemo(()=>({mode:o,mounted:n,toggleTheme:c,setTheme:r}),[o,n,c,r]);return l.jsx(m.Provider,{value:d,children:t})}function g(){const t=e.useContext(m);if(!t)throw new Error("useTheme must be used within AppThemeProvider");return t}exports.AppThemeProvider=h;exports.useTheme=g;

package/dist/core/context/ThemeContext.mjs

@@ -1,34 +1,30 @@
-import { jsx as c } from "react/jsx-runtime";
-import { createContext as s, useContext as h, useState as a, useEffect as l, useCallback as m, useMemo as f } from "react";
-const u = s(void 0);
-function g() {
-  if (typeof document > "u") return "light";
-  const t = document.documentElement.getAttribute("data-theme");
-  if (t === "dark" || t === "light") return t;
-  const e = localStorage.getItem("theme-mode");
-  return e === "dark" || e === "light" ? e : "light";
-}
-function b({ children: t }) {
-  const [e, i] = a(g);
-  l(() => {
-    document.documentElement.setAttribute("data-theme", e);
-  }, [e]);
-  const o = m((r) => {
-    i(r), localStorage.setItem("theme-mode", r), document.documentElement.setAttribute("data-theme", r);
-  }, []), n = m(() => {
-    o(e === "light" ? "dark" : "light");
-  }, [e, o]), d = f(
-    () => ({ mode: e, toggleTheme: n, setTheme: o }),
-    [e, n, o]
+import { jsx as l } from "react/jsx-runtime";
+import { createContext as f, useContext as g, useState as u, useEffect as p, useCallback as c, useMemo as T } from "react";
+const d = f(void 0);
+function k({ children: e }) {
+  const [t, m] = u("light"), [n, a] = u(!1);
+  p(() => {
+    const h = document.documentElement.getAttribute(
+      "data-theme"
+    ) === "dark" ? "dark" : "light";
+    m(h), a(!0);
+  }, []);
+  const o = c((r) => {
+    m(r), localStorage.setItem("theme-mode", r), document.documentElement.setAttribute("data-theme", r);
+  }, []), s = c(() => {
+    o(t === "light" ? "dark" : "light");
+  }, [t, o]), i = T(
+    () => ({ mode: t, mounted: n, toggleTheme: s, setTheme: o }),
+    [t, n, s, o]
   );
-  return /* @__PURE__ */ c(u.Provider, { value: d, children: t });
+  return /* @__PURE__ */ l(d.Provider, { value: i, children: e });
 }
-function v() {
-  const t = h(u);
-  if (!t) throw new Error("useTheme must be used within AppThemeProvider");
-  return t;
+function x() {
+  const e = g(d);
+  if (!e) throw new Error("useTheme must be used within AppThemeProvider");
+  return e;
 }
 export {
-  b as AppThemeProvider,
-  v as useTheme
+  k as AppThemeProvider,
+  x as useTheme
 };

package/dist/index35.css

@@ -1 +1 @@
-._overlay_f5qam_2{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:_fadeIn_f5qam_1 .2s ease;padding:var(--spacing-md, 1rem);overflow-y:auto}.modalContentContainer{position:relative;display:flex;flex-direction:column;top:5rem}._modal_f5qam_18{position:relative;background-color:var(--color-foreground, #fff);border-radius:var(--radius-lg, .5rem);padding:var(--spacing-xl, 2rem);max-height:90vh;overflow-y:auto;animation:_slideUp_f5qam_1 .3s ease;box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1))}._size-sm_f5qam_38{width:clamp(90%,90%,400px)}._size-md_f5qam_42{width:clamp(90%,90%,600px)}._size-lg_f5qam_46{width:clamp(90%,90%,800px)}._size-xl_f5qam_50{width:clamp(90%,90%,1200px)}._size-full_f5qam_54{width:95%;height:95vh;max-height:95vh}._trigger_f5qam_61{width:auto;display:inline-block;cursor:pointer}._closeButton_f5qam_68{background:none;border:none;cursor:pointer;padding:var(--spacing-xs, .25rem);margin-bottom:var(--spacing-xs);border-radius:var(--radius-sm, .25rem);color:#fff;transition:all .2s ease;display:flex;align-items:center;justify-content:center;align-self:flex-end;z-index:1}._closeButton_f5qam_68:hover{background-color:var(--color-secondary-10, #f5f5f5);color:var(--color-text-primary, #333)}._closeButton_f5qam_68:focus-visible{outline:2px solid var(--color-primary-100, #007bff);outline-offset:2px}._title_f5qam_98{font-size:var(--font-size-xl, 1.5rem);font-weight:var(--font-weight-bold, 700);color:var(--color-heading, #111);margin-bottom:var(--spacing-lg, 1.5rem);padding-right:var(--spacing-xl, 2rem);line-height:var(--line-height-heading, 1.2)}._content_f5qam_108{color:var(--color-text-primary, #333);line-height:var(--line-height-normal, 1.5)}._content_f5qam_108 video{width:100%;max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}._content_f5qam_108 img{max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}@keyframes _fadeIn_f5qam_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_f5qam_1{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){._modal_f5qam_18{padding:var(--spacing-lg, 1.5rem);max-height:85vh}._size-sm_f5qam_38,._size-md_f5qam_42,._size-lg_f5qam_46,._size-xl_f5qam_50{width:95%}._title_f5qam_98{font-size:var(--font-size-lg, 1.25rem);padding-right:var(--spacing-lg, 1.5rem)}}@media (max-width: 480px){._overlay_f5qam_2{padding:var(--spacing-sm, .5rem)}._modal_f5qam_18{padding:var(--spacing-md, 1rem);max-height:90vh}._closeButton_f5qam_68{top:var(--spacing-sm, .5rem);right:var(--spacing-sm, .5rem)}._title_f5qam_98{font-size:var(--font-size-md, 1rem);margin-bottom:var(--spacing-md, 1rem)}}
+._overlay_ueo6t_2{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:_fadeIn_ueo6t_1 .2s ease;padding:var(--spacing-md, 1rem);overflow-y:auto}.modalContentContainer{position:relative;display:flex;flex-direction:column;top:5rem}._modal_ueo6t_18{position:relative;background-color:var(--color-background, #fff);border-radius:var(--radius-lg, .5rem);padding:var(--spacing-xl, 2rem);max-height:90vh;overflow-y:auto;animation:_slideUp_ueo6t_1 .3s ease;box-shadow:var(--shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1))}._size-sm_ueo6t_38{width:90%;max-width:400px}._size-md_ueo6t_43{width:90%;max-width:600px}._size-lg_ueo6t_48{width:90%;max-width:800px}._size-xl_ueo6t_53{width:90%;max-width:1200px}._size-full_ueo6t_58{width:95%;height:95vh;max-height:95vh}._trigger_ueo6t_65{width:auto;display:inline-block;cursor:pointer}._closeButton_ueo6t_72{background:none;border:none;cursor:pointer;padding:var(--spacing-xs, .25rem);margin-bottom:var(--spacing-xs);border-radius:var(--radius-sm, .25rem);color:#fff;transition:all .2s ease;display:flex;align-items:center;justify-content:center;align-self:flex-end;z-index:1}._closeButton_ueo6t_72:hover{background-color:var(--color-secondary-10, #f5f5f5);color:var(--color-text-primary, #333)}._closeButton_ueo6t_72:focus-visible{outline:2px solid var(--color-primary-100, #007bff);outline-offset:2px}._title_ueo6t_102{font-size:var(--font-size-xl, 1.5rem);font-weight:var(--font-weight-bold, 700);color:var(--color-heading, #111);margin-bottom:var(--spacing-lg, 1.5rem);padding-right:var(--spacing-xl, 2rem);line-height:var(--line-height-heading, 1.2)}._content_ueo6t_112{color:var(--color-text-primary, #333);line-height:var(--line-height-normal, 1.5)}._content_ueo6t_112 video{width:100%;max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}._content_ueo6t_112 img{max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}@keyframes _fadeIn_ueo6t_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_ueo6t_1{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){._modal_ueo6t_18{padding:var(--spacing-lg, 1.5rem);max-height:85vh}._size-sm_ueo6t_38,._size-md_ueo6t_43,._size-lg_ueo6t_48,._size-xl_ueo6t_53{width:95%}._title_ueo6t_102{font-size:var(--font-size-lg, 1.25rem);padding-right:var(--spacing-lg, 1.5rem)}}@media (max-width: 480px){._overlay_ueo6t_2{padding:var(--spacing-sm, .5rem)}._modal_ueo6t_18{padding:var(--spacing-md, 1rem);max-height:90vh}._closeButton_ueo6t_72{top:var(--spacing-sm, .5rem);right:var(--spacing-sm, .5rem)}._title_ueo6t_102{font-size:var(--font-size-md, 1rem);margin-bottom:var(--spacing-md, 1rem)}}

package/dist/main.d.ts

@@ -1986,6 +1986,7 @@ declare const themeClassMap: {
 
 declare type ThemeContextValue = {
     mode: ThemeMode;
+    mounted: boolean;
     toggleTheme: () => void;
     setTheme: (mode: ThemeMode) => void;
 };

package/dist/next.d.ts

@@ -380,6 +380,7 @@ declare type TestimonialCardProps = ItemType_2 & {
 
 declare type ThemeContextValue = {
     mode: ThemeMode;
+    mounted: boolean;
     toggleTheme: () => void;
     setTheme: (mode: ThemeMode) => void;
 };

package/package.json

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