quirk-ui 0.1.211 → 0.1.212

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index38.css');const t=require("react/jsx-runtime"),i=require("react"),M=require("react-dom"),P=require("../../../x-Dft9NVe_.cjs"),F="_overlay_1pts1_2",K="_fadeIn_1pts1_1",X="_fadeOut_1pts1_1",G="_closing_1pts1_14",H="_container_1pts1_20",J="_modal_1pts1_50",Q="_slideUp_1pts1_1",V="_closeButton_1pts1_61",W="_content_1pts1_86",Y="_intro_1pts1_105",Z="_title_1pts1_112",O="_trigger_1pts1_122",ee="_slideUpSheet_1pts1_1",te="_slideDownSheet_1pts1_1",s={overlay:F,fadeIn:K,fadeOut:X,closing:G,container:H,"size-sm":"_size-sm_1pts1_27","size-md":"_size-md_1pts1_31","size-lg":"_size-lg_1pts1_35","size-xl":"_size-xl_1pts1_39","size-full":"_size-full_1pts1_43",modal:J,slideUp:Q,closeButton:V,content:W,intro:Y,title:Z,trigger:O,slideUpSheet:ee,slideDownSheet:te};function se({content:p,trigger:w,isOpen:v,onOpen:l,onClose:c,size:k="md",closeOnEscape:g=!0,closeOnOverlayClick:S=!0,showCloseButton:$=!0,className:j,overlayClassName:I,style:T,formData:y,renderForm:h}){const[B,b]=i.useState(!1),[_,x]=i.useState(!1),f=i.useRef(null),z=i.useRef(null),m=v!==void 0,n=m?v:B,R=n||_,q=()=>{z.current=document.activeElement,m||b(!0),l==null||l()},d=()=>{x(!0),setTimeout(()=>{var e;x(!1),m||b(!1),c==null||c(),(e=z.current)==null||e.focus()},300)},N=()=>n?d():q(),U=()=>{S&&d()};i.useEffect(()=>{if(!g||!n)return;const e=r=>{r.key==="Escape"&&d()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[n,g]),i.useEffect(()=>{if(typeof document>"u")return;const e=document.getElementById("__next")??document.getElementById("root")??document.body.firstElementChild;if(!(!e||e===document.body))return n?(e.setAttribute("inert",""),e.style.overflow="hidden"):(e.removeAttribute("inert"),e.style.overflow=""),()=>{e.removeAttribute("inert"),e.style.overflow=""}},[n]),i.useEffect(()=>{if(!n||!f.current)return;const e=f.current;e.scrollTop=0;const r=e.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),o=r[0],a=r[r.length-1],E=u=>{u.key==="Tab"&&(u.shiftKey?document.activeElement===o&&(u.preventDefault(),a==null||a.focus()):document.activeElement===a&&(u.preventDefault(),o==null||o.focus()))};e.addEventListener("keydown",E);const L=setTimeout(()=>o==null?void 0:o.focus(),50);return()=>{e.removeEventListener("keydown",E),clearTimeout(L)}},[n]);const D=s[`size-${k}`]??"",A=p!==void 0?p:t.jsx(t.Fragment,{children:y&&h?h(y):null}),C=R?t.jsx("div",{className:`${s.overlay} ${_?s.closing:""} ${I??""}`.trim(),onClick:U,role:"dialog","aria-modal":"true",children:t.jsxs("div",{className:`${D} ${s.container} ${_?s.closing:""}`,children:[$&&t.jsx("button",{"aria-label":"Close",className:s.closeButton,onClick:d,type:"button",children:t.jsx(P.X,{size:20})}),t.jsx("div",{ref:f,className:`${s.modal} ${j??""}`.trim(),style:T,onClick:e=>e.stopPropagation(),children:t.jsx("div",{className:s.content,children:A})})]})}):null;return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:s.trigger,onClick:N,children:w}),typeof window<"u"&&M.createPortal(C,document.body)]})}exports.Modal=se;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index38.css');const t=require("react/jsx-runtime"),o=require("react"),M=require("react-dom"),P=require("../../../x-Dft9NVe_.cjs"),F="_overlay_1unsl_2",K="_fadeIn_1unsl_1",X="_fadeOut_1unsl_1",G="_closing_1unsl_14",H="_container_1unsl_20",J="_modal_1unsl_50",Q="_slideUp_1unsl_1",V="_closeButton_1unsl_63",W="_content_1unsl_90",Y="_intro_1unsl_109",Z="_title_1unsl_116",O="_trigger_1unsl_126",ee="_slideUpSheet_1unsl_1",te="_slideDownSheet_1unsl_1",n={overlay:F,fadeIn:K,fadeOut:X,closing:G,container:H,"size-sm":"_size-sm_1unsl_27","size-md":"_size-md_1unsl_31","size-lg":"_size-lg_1unsl_35","size-xl":"_size-xl_1unsl_39","size-full":"_size-full_1unsl_43",modal:J,slideUp:Q,closeButton:V,content:W,intro:Y,title:Z,trigger:O,slideUpSheet:ee,slideDownSheet:te};function ne({content:v,trigger:w,isOpen:g,onOpen:i,onClose:c,size:k="md",closeOnEscape:y=!0,closeOnOverlayClick:S=!0,showCloseButton:$=!0,className:j,overlayClassName:I,style:T,formData:h,renderForm:b}){const[B,x]=o.useState(!1),[_,p]=o.useState(!1),f=o.useRef(null),z=o.useRef(null),m=g!==void 0,s=m?g:B,R=s||_,q=()=>{z.current=document.activeElement,m||x(!0),i==null||i()},u=()=>{p(!0),setTimeout(()=>{var e;p(!1),m||x(!1),c==null||c(),(e=z.current)==null||e.focus()},300)},N=()=>s?u():q(),U=()=>{S&&u()};o.useEffect(()=>{if(!y||!s)return;const e=r=>{r.key==="Escape"&&u()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[s,y]),o.useEffect(()=>{if(typeof document>"u")return;const e=document.getElementById("__next")??document.getElementById("root")??document.body.firstElementChild;if(!(!e||e===document.body))return s?(e.setAttribute("inert",""),e.style.overflow="hidden"):(e.removeAttribute("inert"),e.style.overflow=""),()=>{e.removeAttribute("inert"),e.style.overflow=""}},[s]),o.useEffect(()=>{if(!s||!f.current)return;const e=f.current;e.scrollTop=0;const r=e.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),l=r[0],d=r[r.length-1],E=a=>{a.key==="Tab"&&(a.shiftKey?document.activeElement===l&&(a.preventDefault(),d==null||d.focus()):document.activeElement===d&&(a.preventDefault(),l==null||l.focus()))};e.addEventListener("keydown",E);const L=setTimeout(()=>l==null?void 0:l.focus(),50);return()=>{e.removeEventListener("keydown",E),clearTimeout(L)}},[s]);const D=n[`size-${k}`]??"",A=v!==void 0?v:t.jsx(t.Fragment,{children:h&&b?b(h):null}),C=R?t.jsx("div",{className:`${n.overlay} ${_?n.closing:""} ${I??""}`.trim(),onClick:U,role:"dialog","aria-modal":"true",children:t.jsx("div",{className:`${D} ${n.container} ${_?n.closing:""}`,children:t.jsxs("div",{ref:f,className:`${n.modal} ${j??""}`.trim(),style:T,onClick:e=>e.stopPropagation(),children:[$&&t.jsx("button",{"aria-label":"Close",className:n.closeButton,onClick:u,type:"button",children:t.jsx(P.X,{size:20})}),t.jsx("div",{className:n.content,children:A})]})})}):null;return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:n.trigger,onClick:N,children:w}),typeof window<"u"&&M.createPortal(C,document.body)]})}exports.Modal=ne;

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

@@ -1,124 +1,124 @@
-import { jsx as o, Fragment as E, jsxs as x } from "react/jsx-runtime";
+import { jsx as l, Fragment as E, jsxs as x } from "react/jsx-runtime";
 import { useState as $, useRef as I, useEffect as f } from "react";
 import { createPortal as X } from "react-dom";
 import { X as G } from "../../../x-CnsEH4Ox.js";
-import '../../../index38.css';const H = "_overlay_1pts1_2", J = "_fadeIn_1pts1_1", Q = "_fadeOut_1pts1_1", V = "_closing_1pts1_14", W = "_container_1pts1_20", Y = "_modal_1pts1_50", Z = "_slideUp_1pts1_1", O = "_closeButton_1pts1_61", ee = "_content_1pts1_86", te = "_intro_1pts1_105", se = "_title_1pts1_112", ne = "_trigger_1pts1_122", oe = "_slideUpSheet_1pts1_1", ie = "_slideDownSheet_1pts1_1", t = {
+import '../../../index38.css';const H = "_overlay_1unsl_2", J = "_fadeIn_1unsl_1", Q = "_fadeOut_1unsl_1", V = "_closing_1unsl_14", W = "_container_1unsl_20", Y = "_modal_1unsl_50", Z = "_slideUp_1unsl_1", O = "_closeButton_1unsl_63", ee = "_content_1unsl_90", te = "_intro_1unsl_109", ne = "_title_1unsl_116", se = "_trigger_1unsl_126", le = "_slideUpSheet_1unsl_1", oe = "_slideDownSheet_1unsl_1", t = {
   overlay: H,
   fadeIn: J,
   fadeOut: Q,
   closing: V,
   container: W,
-  "size-sm": "_size-sm_1pts1_27",
-  "size-md": "_size-md_1pts1_31",
-  "size-lg": "_size-lg_1pts1_35",
-  "size-xl": "_size-xl_1pts1_39",
-  "size-full": "_size-full_1pts1_43",
+  "size-sm": "_size-sm_1unsl_27",
+  "size-md": "_size-md_1unsl_31",
+  "size-lg": "_size-lg_1unsl_35",
+  "size-xl": "_size-xl_1unsl_39",
+  "size-full": "_size-full_1unsl_43",
   modal: Y,
   slideUp: Z,
   closeButton: O,
   content: ee,
   intro: te,
-  title: se,
-  trigger: ne,
-  slideUpSheet: oe,
-  slideDownSheet: ie
+  title: ne,
+  trigger: se,
+  slideUpSheet: le,
+  slideDownSheet: oe
 };
-function ae({
-  content: p,
+function de({
+  content: v,
   trigger: S,
-  isOpen: v,
-  onOpen: i,
-  onClose: l,
+  isOpen: y,
+  onOpen: o,
+  onClose: i,
   size: B = "md",
-  closeOnEscape: y = !0,
+  closeOnEscape: g = !0,
   closeOnOverlayClick: T = !0,
   showCloseButton: N = !0,
   className: U,
   overlayClassName: A,
   style: C,
-  formData: g,
-  renderForm: h
+  formData: h,
+  renderForm: p
 }) {
-  const [D, b] = $(!1), [u, z] = $(!1), _ = I(null), w = I(null), m = v !== void 0, s = m ? v : D, L = s || u, R = () => {
-    w.current = document.activeElement, m || b(!0), i == null || i();
+  const [D, b] = $(!1), [a, z] = $(!1), _ = I(null), w = I(null), m = y !== void 0, n = m ? y : D, L = n || a, R = () => {
+    w.current = document.activeElement, m || b(!0), o == null || o();
   }, c = () => {
     z(!0), setTimeout(() => {
       var e;
-      z(!1), m || b(!1), l == null || l(), (e = w.current) == null || e.focus();
+      z(!1), m || b(!1), i == null || i(), (e = w.current) == null || e.focus();
     }, 300);
-  }, j = () => s ? c() : R(), P = () => {
+  }, j = () => n ? c() : R(), P = () => {
     T && c();
   };
   f(() => {
-    if (!y || !s) return;
+    if (!g || !n) return;
     const e = (r) => {
       r.key === "Escape" && c();
     };
     return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-  }, [s, y]), f(() => {
+  }, [n, g]), f(() => {
     if (typeof document > "u") return;
     const e = document.getElementById("__next") ?? document.getElementById("root") ?? document.body.firstElementChild;
     if (!(!e || e === document.body))
-      return s ? (e.setAttribute("inert", ""), e.style.overflow = "hidden") : (e.removeAttribute("inert"), e.style.overflow = ""), () => {
+      return n ? (e.setAttribute("inert", ""), e.style.overflow = "hidden") : (e.removeAttribute("inert"), e.style.overflow = ""), () => {
         e.removeAttribute("inert"), e.style.overflow = "";
       };
-  }, [s]), f(() => {
-    if (!s || !_.current) return;
+  }, [n]), f(() => {
+    if (!n || !_.current) return;
     const e = _.current;
     e.scrollTop = 0;
     const r = e.querySelectorAll(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-    ), n = r[0], d = r[r.length - 1], k = (a) => {
-      a.key === "Tab" && (a.shiftKey ? document.activeElement === n && (a.preventDefault(), d == null || d.focus()) : document.activeElement === d && (a.preventDefault(), n == null || n.focus()));
+    ), s = r[0], u = r[r.length - 1], k = (d) => {
+      d.key === "Tab" && (d.shiftKey ? document.activeElement === s && (d.preventDefault(), u == null || u.focus()) : document.activeElement === u && (d.preventDefault(), s == null || s.focus()));
     };
     e.addEventListener("keydown", k);
-    const M = setTimeout(() => n == null ? void 0 : n.focus(), 50);
+    const M = setTimeout(() => s == null ? void 0 : s.focus(), 50);
     return () => {
       e.removeEventListener("keydown", k), clearTimeout(M);
     };
-  }, [s]);
-  const q = t[`size-${B}`] ?? "", F = p !== void 0 ? p : /* @__PURE__ */ o(E, { children: g && h ? h(g) : null }), K = L ? /* @__PURE__ */ o(
+  }, [n]);
+  const q = t[`size-${B}`] ?? "", F = v !== void 0 ? v : /* @__PURE__ */ l(E, { children: h && p ? p(h) : null }), K = L ? /* @__PURE__ */ l(
     "div",
     {
-      className: `${t.overlay} ${u ? t.closing : ""} ${A ?? ""}`.trim(),
+      className: `${t.overlay} ${a ? t.closing : ""} ${A ?? ""}`.trim(),
       onClick: P,
       role: "dialog",
       "aria-modal": "true",
-      children: /* @__PURE__ */ x(
+      children: /* @__PURE__ */ l(
         "div",
         {
-          className: `${q} ${t.container} ${u ? t.closing : ""}`,
-          children: [
-            N && /* @__PURE__ */ o(
-              "button",
-              {
-                "aria-label": "Close",
-                className: t.closeButton,
-                onClick: c,
-                type: "button",
-                children: /* @__PURE__ */ o(G, { size: 20 })
-              }
-            ),
-            /* @__PURE__ */ o(
-              "div",
-              {
-                ref: _,
-                className: `${t.modal} ${U ?? ""}`.trim(),
-                style: C,
-                onClick: (e) => e.stopPropagation(),
-                children: /* @__PURE__ */ o("div", { className: t.content, children: F })
-              }
-            )
-          ]
+          className: `${q} ${t.container} ${a ? t.closing : ""}`,
+          children: /* @__PURE__ */ x(
+            "div",
+            {
+              ref: _,
+              className: `${t.modal} ${U ?? ""}`.trim(),
+              style: C,
+              onClick: (e) => e.stopPropagation(),
+              children: [
+                N && /* @__PURE__ */ l(
+                  "button",
+                  {
+                    "aria-label": "Close",
+                    className: t.closeButton,
+                    onClick: c,
+                    type: "button",
+                    children: /* @__PURE__ */ l(G, { size: 20 })
+                  }
+                ),
+                /* @__PURE__ */ l("div", { className: t.content, children: F })
+              ]
+            }
+          )
         }
       )
     }
   ) : null;
   return /* @__PURE__ */ x(E, { children: [
-    /* @__PURE__ */ o("div", { className: t.trigger, onClick: j, children: S }),
+    /* @__PURE__ */ l("div", { className: t.trigger, onClick: j, children: S }),
     typeof window < "u" && X(K, document.body)
   ] });
 }
 export {
-  ae as Modal
+  de as Modal
 };

package/dist/index38.css

@@ -1 +1 @@
-._overlay_1pts1_2{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md, 1rem);overflow-y:auto;animation:_fadeIn_1pts1_1 .2s ease forwards}._overlay_1pts1_2._closing_1pts1_14{animation:_fadeOut_1pts1_1 .28s ease forwards}._container_1pts1_20{position:relative;display:flex;flex-direction:column}._size-sm_1pts1_27{width:90%;max-width:400px}._size-md_1pts1_31{width:90%;max-width:600px}._size-lg_1pts1_35{width:90%;max-width:800px}._size-xl_1pts1_39{width:90%;max-width:1200px}._size-full_1pts1_43{width:95%;height:95dvh;max-height:95dvh}._modal_1pts1_50{position:relative;background-color:var(--color-background, #fff);border-radius:var(--radius-lg, .5rem);padding:var(--spacing-xl, 2rem);max-height:90dvh;overflow-y:auto;animation:_slideUp_1pts1_1 .3s ease forwards}._closeButton_1pts1_61{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}._closeButton_1pts1_61:hover{background-color:var(--color-secondary-10, rgba(255, 255, 255, .15))}._closeButton_1pts1_61:focus-visible{outline:2px solid var(--color-primary-100, #007bff);outline-offset:2px}._content_1pts1_86{color:var(--color-text-primary, #333);line-height:var(--line-height-normal, 1.5);display:flex;flex-direction:column;gap:var(--spacing-lg)}._content_1pts1_86 video,._content_1pts1_86 img{max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}._content_1pts1_86 video{width:100%}._intro_1pts1_105{margin-bottom:var(--spacing-lg, 1.5rem);padding-bottom:var(--spacing-lg, 1.5rem);border-bottom:1px solid var(--color-border, #e5e7eb)}._title_1pts1_112{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)}._trigger_1pts1_122{width:auto;display:inline-block;cursor:pointer}@keyframes _fadeIn_1pts1_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1pts1_1{0%{opacity:1}to{opacity:0}}@keyframes _slideUp_1pts1_1{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 767px){._overlay_1pts1_2{align-items:flex-end;padding:0;overflow:hidden}._overlay_1pts1_2._closing_1pts1_14{animation:_fadeOut_1pts1_1 .28s ease forwards}._container_1pts1_20{width:100%;max-width:100%;max-height:92dvh;display:flex;flex-direction:column;border-radius:var(--radius-lg, .5rem) var(--radius-lg, .5rem) 0 0;background-color:var(--color-background, #fff);animation:_slideUpSheet_1pts1_1 .32s cubic-bezier(.32,.72,0,1) forwards;padding-bottom:env(safe-area-inset-bottom)}._container_1pts1_20._closing_1pts1_14{animation:_slideDownSheet_1pts1_1 .28s cubic-bezier(.32,.72,0,1) forwards}._size-sm_1pts1_27,._size-md_1pts1_31,._size-lg_1pts1_35,._size-xl_1pts1_39,._size-full_1pts1_43{width:100%;max-width:100%;max-height:92dvh;height:auto}._closeButton_1pts1_61{color:var(--color-text-primary, #333);flex-shrink:0;align-self:flex-end;margin:var(--spacing-sm) var(--spacing-sm) 0}._modal_1pts1_50{animation:none;border-radius:0;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg);flex:1;min-height:0;max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:absolute;height:100%}._content_1pts1_86{width:100%}._title_1pts1_112{font-size:var(--font-size-lg, 1.25rem);padding-right:0}}@keyframes _slideUpSheet_1pts1_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes _slideDownSheet_1pts1_1{0%{transform:translateY(0)}to{transform:translateY(110%)}}
+._overlay_1unsl_2{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md, 1rem);overflow-y:auto;animation:_fadeIn_1unsl_1 .2s ease forwards}._overlay_1unsl_2._closing_1unsl_14{animation:_fadeOut_1unsl_1 .28s ease forwards}._container_1unsl_20{position:relative;display:flex;flex-direction:column}._size-sm_1unsl_27{width:90%;max-width:400px}._size-md_1unsl_31{width:90%;max-width:600px}._size-lg_1unsl_35{width:90%;max-width:800px}._size-xl_1unsl_39{width:90%;max-width:1200px}._size-full_1unsl_43{width:95%;height:95dvh;max-height:95dvh}._modal_1unsl_50{position:relative;background-color:var(--color-background, #fff);border-radius:var(--radius-lg, .5rem);padding:var(--spacing-xl, 2rem);padding-top:calc(var(--spacing-xl, 2rem) + 1.5rem);max-height:90dvh;overflow-y:auto;animation:_slideUp_1unsl_1 .3s ease forwards}._closeButton_1unsl_63{position:absolute;top:var(--spacing-sm, .5rem);right:var(--spacing-sm, .5rem);background:none;border:none;cursor:pointer;padding:var(--spacing-xs, .25rem);border-radius:var(--radius-sm, .25rem);color:#fff;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:1}._closeButton_1unsl_63:hover{background-color:#ffffff26}._closeButton_1unsl_63:focus-visible{outline:2px solid var(--color-primary-100, #007bff);outline-offset:2px}._content_1unsl_90{color:var(--color-text-primary, #333);line-height:var(--line-height-normal, 1.5);display:flex;flex-direction:column;gap:var(--spacing-lg)}._content_1unsl_90 video,._content_1unsl_90 img{max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}._content_1unsl_90 video{width:100%}._intro_1unsl_109{margin-bottom:var(--spacing-lg, 1.5rem);padding-bottom:var(--spacing-lg, 1.5rem);border-bottom:1px solid var(--color-border, #e5e7eb)}._title_1unsl_116{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)}._trigger_1unsl_126{width:auto;display:inline-block;cursor:pointer}@keyframes _fadeIn_1unsl_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1unsl_1{0%{opacity:1}to{opacity:0}}@keyframes _slideUp_1unsl_1{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 767px){._overlay_1unsl_2{align-items:flex-end;padding:0;overflow:hidden}._overlay_1unsl_2._closing_1unsl_14{animation:_fadeOut_1unsl_1 .28s ease forwards}._container_1unsl_20{width:100%;max-width:100%;max-height:92dvh;display:flex;flex-direction:column;border-radius:var(--radius-lg, .5rem) var(--radius-lg, .5rem) 0 0;background-color:var(--color-background, #fff);animation:_slideUpSheet_1unsl_1 .32s cubic-bezier(.32,.72,0,1) forwards;padding-bottom:env(safe-area-inset-bottom)}._container_1unsl_20._closing_1unsl_14{animation:_slideDownSheet_1unsl_1 .28s cubic-bezier(.32,.72,0,1) forwards}._size-sm_1unsl_27,._size-md_1unsl_31,._size-lg_1unsl_35,._size-xl_1unsl_39,._size-full_1unsl_43{width:100%;max-width:100%;max-height:92dvh;height:auto}._closeButton_1unsl_63{color:var(--color-text-primary, #333)}._modal_1unsl_50{animation:none;border-radius:0;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-lg);flex:1;min-height:0;max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}._content_1unsl_90{width:100%}._title_1unsl_116{font-size:var(--font-size-lg, 1.25rem);padding-right:0}}@keyframes _slideUpSheet_1unsl_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes _slideDownSheet_1unsl_1{0%{transform:translateY(0)}to{transform:translateY(110%)}}

package/package.json

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