quirk-ui 0.1.150 → 0.1.152

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index38.css');const e=require("react/jsx-runtime"),a=require("react"),C=require("react-dom"),F=require("../../../x-Dft9NVe_.cjs"),K="_overlay_1pdac_2",X="_fadeIn_1pdac_1",B="_container_1pdac_19",G="_modal_1pdac_49",H="_slideUp_1pdac_1",J="_closeButton_1pdac_60",Q="_title_1pdac_87",V="_content_1pdac_97",W="_intro_1pdac_114",Y="_trigger_1pdac_121",t={overlay:K,fadeIn:X,container:B,"size-sm":"_size-sm_1pdac_26","size-md":"_size-md_1pdac_30","size-lg":"_size-lg_1pdac_34","size-xl":"_size-xl_1pdac_38","size-full":"_size-full_1pdac_42",modal:G,slideUp:H,closeButton:J,title:Q,content:V,intro:W,trigger:Y},Z=()=>{typeof document<"u"&&(document.body.style.overflow="hidden")},E=()=>{typeof document<"u"&&(document.body.style.overflow="")};function T({content:y,trigger:k,isOpen:p,onOpen:l,onClose:o,size:$="md",closeOnEscape:g=!0,closeOnOverlayClick:w=!0,showCloseButton:N=!0,className:q,overlayClassName:S,style:I,title:f,richTextBlocks:i,renderRichText:b,formData:h,renderForm:z}){const[L,j]=a.useState(!1),m=a.useRef(null),v=p!==void 0,n=v?p:L,M=()=>{v||j(!0),l==null||l()},r=()=>{v||j(!1),o==null||o()},P=()=>n?r():M(),R=()=>{w&&r()};a.useEffect(()=>{if(!g||!n)return;const s=d=>{d.key==="Escape"&&r()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[n,g]),a.useEffect(()=>(n?Z():E(),()=>E()),[n]),a.useEffect(()=>{if(!n||!m.current)return;const s=m.current,d=s.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),c=d[0],u=d[d.length-1],x=_=>{_.key==="Tab"&&(_.shiftKey?document.activeElement===c&&(_.preventDefault(),u==null||u.focus()):document.activeElement===u&&(_.preventDefault(),c==null||c.focus()))};return s.addEventListener("keydown",x),c==null||c.focus(),()=>s.removeEventListener("keydown",x)},[n]);const U=t[`size-${$}`]??"",D=y!==void 0?y:e.jsxs(e.Fragment,{children:[i!=null&&i.length&&b?e.jsx("div",{className:t.intro,children:b({blocks:i})}):null,h&&z?z(h):null]}),A=n?e.jsx("div",{className:`${t.overlay} ${S??""}`.trim(),onClick:R,role:"dialog","aria-modal":"true","aria-labelledby":f?"modal-title":void 0,children:e.jsxs("div",{className:`${U} ${t.container}`,children:[N&&e.jsx("button",{"aria-label":"Close",className:t.closeButton,onClick:r,type:"button",children:e.jsx(F.X,{size:20})}),e.jsxs("div",{ref:m,className:`${t.modal} ${q??""}`.trim(),style:I,onClick:s=>s.stopPropagation(),children:[f&&e.jsx("div",{className:t.title,id:"modal-title",children:f}),e.jsx("div",{className:t.content,children:D})]})]})}):null;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:t.trigger,onClick:P,children:k}),typeof window<"u"&&C.createPortal(A,document.body)]})}exports.Modal=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../index38.css');const e=require("react/jsx-runtime"),d=require("react"),C=require("react-dom"),F=require("../../../x-Dft9NVe_.cjs"),K="_overlay_1u4kf_2",X="_fadeIn_1u4kf_1",B="_container_1u4kf_19",G="_modal_1u4kf_49",H="_slideUp_1u4kf_1",J="_closeButton_1u4kf_60",Q="_title_1u4kf_87",V="_content_1u4kf_97",W="_trigger_1u4kf_117",t={overlay:K,fadeIn:X,container:B,"size-sm":"_size-sm_1u4kf_26","size-md":"_size-md_1u4kf_30","size-lg":"_size-lg_1u4kf_34","size-xl":"_size-xl_1u4kf_38","size-full":"_size-full_1u4kf_42",modal:G,slideUp:H,closeButton:J,title:Q,content:V,trigger:W},Y=()=>{typeof document<"u"&&(document.body.style.overflow="hidden")},E=()=>{typeof document<"u"&&(document.body.style.overflow="")};function Z({content:y,trigger:p,isOpen:k,onOpen:o,onClose:i,size:$="md",closeOnEscape:g=!0,closeOnOverlayClick:w=!0,showCloseButton:N=!0,className:q,overlayClassName:S,style:I,title:_,richTextBlocks:a,renderRichText:b,formData:h,renderForm:z}){const[L,j]=d.useState(!1),m=d.useRef(null),v=k!==void 0,n=v?k:L,M=()=>{v||j(!0),o==null||o()},r=()=>{v||j(!1),i==null||i()},P=()=>n?r():M(),R=()=>{w&&r()};d.useEffect(()=>{if(!g||!n)return;const s=c=>{c.key==="Escape"&&r()};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)},[n,g]),d.useEffect(()=>(n?Y():E(),()=>E()),[n]),d.useEffect(()=>{if(!n||!m.current)return;const s=m.current,c=s.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),l=c[0],u=c[c.length-1],x=f=>{f.key==="Tab"&&(f.shiftKey?document.activeElement===l&&(f.preventDefault(),u==null||u.focus()):document.activeElement===u&&(f.preventDefault(),l==null||l.focus()))};return s.addEventListener("keydown",x),l==null||l.focus(),()=>s.removeEventListener("keydown",x)},[n]);const U=t[`size-${$}`]??"",D=y!==void 0?y:e.jsxs(e.Fragment,{children:[a!=null&&a.length&&b?e.jsx("div",{className:t.intro,children:b({blocks:a})}):null,h&&z?z(h):null]}),A=n?e.jsx("div",{className:`${t.overlay} ${S??""}`.trim(),onClick:R,role:"dialog","aria-modal":"true","aria-labelledby":_?"modal-title":void 0,children:e.jsxs("div",{className:`${U} ${t.container}`,children:[N&&e.jsx("button",{"aria-label":"Close",className:t.closeButton,onClick:r,type:"button",children:e.jsx(F.X,{size:20})}),e.jsxs("div",{ref:m,className:`${t.modal} ${q??""}`.trim(),style:I,onClick:s=>s.stopPropagation(),children:[_&&e.jsx("div",{className:t.title,id:"modal-title",children:_}),e.jsx("div",{className:t.content,children:D})]})]})}):null;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:t.trigger,onClick:P,children:p}),typeof window<"u"&&C.createPortal(A,document.body)]})}exports.Modal=Z;

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

@@ -1,34 +1,33 @@
-import { jsxs as m, Fragment as N, jsx as o } from "react/jsx-runtime";
-import { useState as X, useRef as B, useEffect as v } from "react";
+import { jsxs as f, Fragment as N, jsx as o } from "react/jsx-runtime";
+import { useState as X, useRef as B, useEffect as y } from "react";
 import { createPortal as F } from "react-dom";
 import { X as G } from "../../../x-CnsEH4Ox.js";
-import '../../../index38.css';const H = "_overlay_1pdac_2", J = "_fadeIn_1pdac_1", Q = "_container_1pdac_19", V = "_modal_1pdac_49", W = "_slideUp_1pdac_1", Y = "_closeButton_1pdac_60", Z = "_title_1pdac_87", T = "_content_1pdac_97", O = "_intro_1pdac_114", ee = "_trigger_1pdac_121", e = {
+import '../../../index38.css';const H = "_overlay_1u4kf_2", J = "_fadeIn_1u4kf_1", Q = "_container_1u4kf_19", V = "_modal_1u4kf_49", W = "_slideUp_1u4kf_1", Y = "_closeButton_1u4kf_60", Z = "_title_1u4kf_87", T = "_content_1u4kf_97", O = "_trigger_1u4kf_117", e = {
   overlay: H,
   fadeIn: J,
   container: Q,
-  "size-sm": "_size-sm_1pdac_26",
-  "size-md": "_size-md_1pdac_30",
-  "size-lg": "_size-lg_1pdac_34",
-  "size-xl": "_size-xl_1pdac_38",
-  "size-full": "_size-full_1pdac_42",
+  "size-sm": "_size-sm_1u4kf_26",
+  "size-md": "_size-md_1u4kf_30",
+  "size-lg": "_size-lg_1u4kf_34",
+  "size-xl": "_size-xl_1u4kf_38",
+  "size-full": "_size-full_1u4kf_42",
   modal: V,
   slideUp: W,
   closeButton: Y,
   title: Z,
   content: T,
-  intro: O,
-  trigger: ee
-}, te = () => {
+  trigger: O
+}, ee = () => {
   typeof document < "u" && (document.body.style.overflow = "hidden");
 }, $ = () => {
   typeof document < "u" && (document.body.style.overflow = "");
 };
-function ce({
-  content: y,
+function ie({
+  content: k,
   trigger: I,
   isOpen: g,
-  onOpen: d,
-  onClose: c,
+  onOpen: i,
+  onClose: s,
   size: L = "md",
   closeOnEscape: b = !0,
   closeOnOverlayClick: S = !0,
@@ -36,37 +35,37 @@ function ce({
   className: j,
   overlayClassName: x,
   style: P,
-  title: _,
-  richTextBlocks: i,
+  title: m,
+  richTextBlocks: c,
   renderRichText: h,
-  formData: z,
-  renderForm: k
+  formData: p,
+  renderForm: z
 }) {
-  const [q, E] = X(!1), f = B(null), p = g !== void 0, t = p ? g : q, A = () => {
-    p || E(!0), d == null || d();
-  }, s = () => {
-    p || E(!1), c == null || c();
-  }, C = () => t ? s() : A(), D = () => {
-    S && s();
+  const [q, E] = X(!1), _ = B(null), v = g !== void 0, t = v ? g : q, A = () => {
+    v || E(!0), i == null || i();
+  }, a = () => {
+    v || E(!1), s == null || s();
+  }, C = () => t ? a() : A(), D = () => {
+    S && a();
   };
-  v(() => {
+  y(() => {
     if (!b || !t) return;
-    const n = (a) => {
-      a.key === "Escape" && s();
+    const n = (d) => {
+      d.key === "Escape" && a();
     };
     return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
-  }, [t, b]), v(() => (t ? te() : $(), () => $()), [t]), v(() => {
-    if (!t || !f.current) return;
-    const n = f.current, a = n.querySelectorAll(
+  }, [t, b]), y(() => (t ? ee() : $(), () => $()), [t]), y(() => {
+    if (!t || !_.current) return;
+    const n = _.current, d = n.querySelectorAll(
       'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-    ), l = a[0], r = a[a.length - 1], w = (u) => {
+    ), l = d[0], r = d[d.length - 1], w = (u) => {
       u.key === "Tab" && (u.shiftKey ? document.activeElement === l && (u.preventDefault(), r == null || r.focus()) : document.activeElement === r && (u.preventDefault(), l == null || l.focus()));
     };
     return n.addEventListener("keydown", w), l == null || l.focus(), () => n.removeEventListener("keydown", w);
   }, [t]);
-  const K = e[`size-${L}`] ?? "", M = y !== void 0 ? y : /* @__PURE__ */ m(N, { children: [
-    i != null && i.length && h ? /* @__PURE__ */ o("div", { className: e.intro, children: h({ blocks: i }) }) : null,
-    z && k ? k(z) : null
+  const K = e[`size-${L}`] ?? "", M = k !== void 0 ? k : /* @__PURE__ */ f(N, { children: [
+    c != null && c.length && h ? /* @__PURE__ */ o("div", { className: e.intro, children: h({ blocks: c }) }) : null,
+    p && z ? z(p) : null
   ] }), R = t ? /* @__PURE__ */ o(
     "div",
     {
@@ -74,27 +73,27 @@ function ce({
       onClick: D,
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": _ ? "modal-title" : void 0,
-      children: /* @__PURE__ */ m("div", { className: `${K} ${e.container}`, children: [
+      "aria-labelledby": m ? "modal-title" : void 0,
+      children: /* @__PURE__ */ f("div", { className: `${K} ${e.container}`, children: [
         U && /* @__PURE__ */ o(
           "button",
           {
             "aria-label": "Close",
             className: e.closeButton,
-            onClick: s,
+            onClick: a,
             type: "button",
             children: /* @__PURE__ */ o(G, { size: 20 })
           }
         ),
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ f(
           "div",
           {
-            ref: f,
+            ref: _,
             className: `${e.modal} ${j ?? ""}`.trim(),
             style: P,
             onClick: (n) => n.stopPropagation(),
             children: [
-              _ && /* @__PURE__ */ o("div", { className: e.title, id: "modal-title", children: _ }),
+              m && /* @__PURE__ */ o("div", { className: e.title, id: "modal-title", children: m }),
               /* @__PURE__ */ o("div", { className: e.content, children: M })
             ]
           }
@@ -102,11 +101,11 @@ function ce({
       ] })
     }
   ) : null;
-  return /* @__PURE__ */ m(N, { children: [
+  return /* @__PURE__ */ f(N, { children: [
     /* @__PURE__ */ o("div", { className: e.trigger, onClick: C, children: I }),
     typeof window < "u" && F(R, document.body)
   ] });
 }
 export {
-  ce as Modal
+  ie as Modal
 };

package/dist/core.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');;/* empty css                 */const e=require("./core/components/Announcement/index.cjs"),o=require("./core/components/Accordion/index.cjs"),n=require("./AccordionItem-DulgZilf.cjs"),r=require("./core/components/Avatar/index.cjs"),c=require("./core/components/Badge/index.cjs"),t=require("./core/components/Box/index.cjs"),i=require("./core/components/Breadcrumbs/index.cjs"),_=require("./core/components/ButtonGroup/index.cjs"),s=require("./index-0SVQqhAg.cjs"),d=require("./core/components/Card/index.cjs"),a=require("./core/components/Carousel/index.cjs"),u=require("./core/components/Checkbox/index.cjs"),p=require("./core/components/Container/index.cjs"),m=require("./core/components/DatePicker/index.cjs"),x=require("./core/components/Divider/index.cjs"),q=require("./core/components/Drawer/index.cjs"),l=require("./core/components/Fieldset/index.cjs"),S=require("./core/components/FileUpload/index.cjs"),b=require("./core/components/FloatingActionButton/index.cjs"),B=require("./core/components/Footer/index.cjs"),T=require("./core/components/Form/index.cjs"),g=require("./core/components/Grid/index.cjs"),A=require("./core/components/Heading/index.cjs"),C=require("./core/components/Input/index.cjs"),v=require("./core/components/Label/index.cjs"),F=require("./core/components/List/index.cjs"),k=require("./core/components/Modal/index.cjs"),P=require("./core/components/NavBar/index.cjs"),h=require("./core/components/Notification/index.cjs"),M=require("./core/components/NotificationContainer/index.cjs"),D=require("./core/components/ProgressBar/index.cjs"),N=require("./core/components/Radio/index.cjs"),f=require("./core/components/Range/index.cjs"),w=require("./core/components/Select/index.cjs"),G=require("./core/components/Sidebar/index.cjs"),I=require("./core/components/Skeleton/index.cjs"),L=require("./core/components/Spacer/index.cjs"),R=require("./core/components/Spinner/index.cjs"),y=require("./core/components/Stack/index.cjs"),H=require("./core/components/Switch/index.cjs"),Q=require("./core/components/Table/index.cjs"),U=require("./core/components/Tabs/index.cjs"),j=require("./core/components/Text/index.cjs"),O=require("./core/components/Textarea/index.cjs"),z=require("./core/components/Tooltip/index.cjs"),E=require("./core/utils/ThemeProvider/index.cjs"),J=require("./core/context/ModalContext.cjs"),K=require("./core/hooks/useMediaQuery.cjs");exports.Announcement=e.Announcement;exports.Accordion=o.Accordion;exports.AccordionItem=n.AccordionItem;exports.Avatar=r.Avatar;exports.Badge=c.Badge;exports.Box=t.Box;exports.Breadcrumbs=i.Breadcrumbs;exports.ButtonGroup=_.ButtonGroup;exports.Button=s.Button;exports.Card=d.Card;exports.Carousel=a.Carousel;exports.Checkbox=u.Checkbox;exports.Container=p.Container;exports.DatePicker=m.DatePicker;exports.Divider=x.Divider;exports.Drawer=q.Drawer;exports.Fieldset=l.Fieldset;exports.FileUpload=S.FileUpload;exports.FloatingActionButton=b.FloatingActionButton;exports.Footer=B.Footer;exports.Form=T.Form;exports.Grid=g.Grid;exports.Heading=A.Heading;exports.Input=C.Input;exports.Label=v.Label;exports.List=F.List;exports.Modal=k.Modal;exports.Navbar=P.Navbar;exports.Notification=h.Notification;exports.NotificationContainer=M.NotificationContainer;exports.ProgressBar=D.ProgressBar;exports.Radio=N.Radio;exports.Range=f.Range;exports.Select=w.Select;exports.Sidebar=G.Sidebar;exports.Skeleton=I.Skeleton;exports.Spacer=L.Spacer;exports.Spinner=R.Spinner;exports.Stack=y.Stack;exports.Switch=H.Switch;exports.Table=Q.Table;exports.Tabs=U.Tabs;exports.Text=j.Text;exports.Textarea=O.Textarea;exports.Tooltip=z.Tooltip;exports.ThemeProvider=E.ThemeProvider;exports.ModalProvider=J.ModalProvider;exports.useMediaQuery=K.useMediaQuery;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');;/* empty css                 */const o=require("./core/components/Announcement/index.cjs"),n=require("./core/components/Accordion/index.cjs"),r=require("./AccordionItem-DulgZilf.cjs"),c=require("./core/components/Avatar/index.cjs"),t=require("./core/components/Badge/index.cjs"),i=require("./core/components/Box/index.cjs"),_=require("./core/components/Breadcrumbs/index.cjs"),s=require("./core/components/ButtonGroup/index.cjs"),d=require("./index-0SVQqhAg.cjs"),a=require("./core/components/Card/index.cjs"),u=require("./core/components/Carousel/index.cjs"),p=require("./core/components/Checkbox/index.cjs"),m=require("./core/components/Container/index.cjs"),x=require("./core/components/DatePicker/index.cjs"),q=require("./core/components/Divider/index.cjs"),l=require("./core/components/Drawer/index.cjs"),S=require("./core/components/Fieldset/index.cjs"),b=require("./core/components/FileUpload/index.cjs"),B=require("./core/components/FloatingActionButton/index.cjs"),T=require("./core/components/Footer/index.cjs"),g=require("./core/components/Form/index.cjs"),A=require("./core/components/Grid/index.cjs"),C=require("./core/components/Heading/index.cjs"),v=require("./core/components/Input/index.cjs"),F=require("./core/components/Label/index.cjs"),k=require("./core/components/List/index.cjs"),M=require("./core/components/Modal/index.cjs"),P=require("./core/components/NavBar/index.cjs"),h=require("./core/components/Notification/index.cjs"),D=require("./core/components/NotificationContainer/index.cjs"),N=require("./core/components/ProgressBar/index.cjs"),f=require("./core/components/Radio/index.cjs"),w=require("./core/components/Range/index.cjs"),G=require("./core/components/Select/index.cjs"),I=require("./core/components/Sidebar/index.cjs"),L=require("./core/components/Skeleton/index.cjs"),R=require("./core/components/Spacer/index.cjs"),y=require("./core/components/Spinner/index.cjs"),H=require("./core/components/Stack/index.cjs"),Q=require("./core/components/Switch/index.cjs"),U=require("./core/components/Table/index.cjs"),j=require("./core/components/Tabs/index.cjs"),O=require("./core/components/Text/index.cjs"),z=require("./core/components/Textarea/index.cjs"),E=require("./core/components/Tooltip/index.cjs"),J=require("./core/utils/ThemeProvider/index.cjs"),e=require("./core/context/ModalContext.cjs"),K=require("./core/hooks/useMediaQuery.cjs");exports.Announcement=o.Announcement;exports.Accordion=n.Accordion;exports.AccordionItem=r.AccordionItem;exports.Avatar=c.Avatar;exports.Badge=t.Badge;exports.Box=i.Box;exports.Breadcrumbs=_.Breadcrumbs;exports.ButtonGroup=s.ButtonGroup;exports.Button=d.Button;exports.Card=a.Card;exports.Carousel=u.Carousel;exports.Checkbox=p.Checkbox;exports.Container=m.Container;exports.DatePicker=x.DatePicker;exports.Divider=q.Divider;exports.Drawer=l.Drawer;exports.Fieldset=S.Fieldset;exports.FileUpload=b.FileUpload;exports.FloatingActionButton=B.FloatingActionButton;exports.Footer=T.Footer;exports.Form=g.Form;exports.Grid=A.Grid;exports.Heading=C.Heading;exports.Input=v.Input;exports.Label=F.Label;exports.List=k.List;exports.Modal=M.Modal;exports.Navbar=P.Navbar;exports.Notification=h.Notification;exports.NotificationContainer=D.NotificationContainer;exports.ProgressBar=N.ProgressBar;exports.Radio=f.Radio;exports.Range=w.Range;exports.Select=G.Select;exports.Sidebar=I.Sidebar;exports.Skeleton=L.Skeleton;exports.Spacer=R.Spacer;exports.Spinner=y.Spinner;exports.Stack=H.Stack;exports.Switch=Q.Switch;exports.Table=U.Table;exports.Tabs=j.Tabs;exports.Text=O.Text;exports.Textarea=z.Textarea;exports.Tooltip=E.Tooltip;exports.ThemeProvider=J.ThemeProvider;exports.ModalProvider=e.ModalProvider;exports.useModal=e.useModal;exports.useMediaQuery=K.useMediaQuery;

package/dist/core.d.ts

@@ -968,6 +968,13 @@ declare const marginClassMap: {
 
 export declare function Modal({ content, trigger, isOpen: controlledIsOpen, onOpen, onClose, size, closeOnEscape, closeOnOverlayClick, showCloseButton, className, overlayClassName, style, title, richTextBlocks, renderRichText, formData, renderForm, }: ModalProps): JSX.Element;
 
+declare type ModalContextValue = {
+    isOpen: boolean;
+    payload: ModalPayload | null;
+    open: (payload: ModalPayload) => void;
+    close: () => void;
+};
+
 declare type ModalForm = {
     _id: string;
     identifier?: {
@@ -1689,6 +1696,8 @@ declare type TriggerProps = {
  */
 export declare function useMediaQuery(query: string): boolean;
 
+export declare function useModal(): ModalContextValue;
+
 export declare type UtilityItem = {
     _key?: string;
     label: string | default_2.ReactNode;

package/dist/core.mjs

@@ -11,8 +11,8 @@ import { B as A } from "./index-aWdsapYP.js";
 import { Card as g } from "./core/components/Card/index.mjs";
 import { Carousel as C } from "./core/components/Carousel/index.mjs";
 import { Checkbox as k } from "./core/components/Checkbox/index.mjs";
-import { Container as h } from "./core/components/Container/index.mjs";
-import { DatePicker as M } from "./core/components/DatePicker/index.mjs";
+import { Container as P } from "./core/components/Container/index.mjs";
+import { DatePicker as D } from "./core/components/DatePicker/index.mjs";
 import { Divider as w } from "./core/components/Divider/index.mjs";
 import { Drawer as I } from "./core/components/Drawer/index.mjs";
 import { Fieldset as R } from "./core/components/Fieldset/index.mjs";
@@ -37,16 +37,16 @@ import { Sidebar as So } from "./core/components/Sidebar/index.mjs";
 import { Skeleton as To } from "./core/components/Skeleton/index.mjs";
 import { Spacer as vo } from "./core/components/Spacer/index.mjs";
 import { Spinner as Fo } from "./core/components/Spinner/index.mjs";
-import { Stack as Po } from "./core/components/Stack/index.mjs";
-import { Switch as Do } from "./core/components/Switch/index.mjs";
+import { Stack as Mo } from "./core/components/Stack/index.mjs";
+import { Switch as ho } from "./core/components/Switch/index.mjs";
 import { Table as No } from "./core/components/Table/index.mjs";
 import { Tabs as Go } from "./core/components/Tabs/index.mjs";
 import { Text as Lo } from "./core/components/Text/index.mjs";
 import { Textarea as yo } from "./core/components/Textarea/index.mjs";
 import { Tooltip as Qo } from "./core/components/Tooltip/index.mjs";
 import { ThemeProvider as jo } from "./core/utils/ThemeProvider/index.mjs";
-import { ModalProvider as zo } from "./core/context/ModalContext.mjs";
-import { useMediaQuery as Jo } from "./core/hooks/useMediaQuery.mjs";
+import { ModalProvider as zo, useModal as Eo } from "./core/context/ModalContext.mjs";
+import { useMediaQuery as Ko } from "./core/hooks/useMediaQuery.mjs";
 export {
   m as Accordion,
   f as AccordionItem,
@@ -60,8 +60,8 @@ export {
   g as Card,
   C as Carousel,
   k as Checkbox,
-  h as Container,
-  M as DatePicker,
+  P as Container,
+  D as DatePicker,
   w as Divider,
   I as Drawer,
   R as Fieldset,
@@ -87,13 +87,14 @@ export {
   To as Skeleton,
   vo as Spacer,
   Fo as Spinner,
-  Po as Stack,
-  Do as Switch,
+  Mo as Stack,
+  ho as Switch,
   No as Table,
   Go as Tabs,
   Lo as Text,
   yo as Textarea,
   jo as ThemeProvider,
   Qo as Tooltip,
-  Jo as useMediaQuery
+  Ko as useMediaQuery,
+  Eo as useModal
 };

package/dist/index38.css

@@ -1 +1 @@
-._overlay_1pdac_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_1pdac_1 .2s ease;padding:var(--spacing-md, 1rem);overflow-y:auto}._container_1pdac_19{position:relative;display:flex;flex-direction:column}._size-sm_1pdac_26{width:90%;max-width:400px}._size-md_1pdac_30{width:90%;max-width:600px}._size-lg_1pdac_34{width:90%;max-width:800px}._size-xl_1pdac_38{width:90%;max-width:1200px}._size-full_1pdac_42{width:95%;height:95dvh;max-height:95dvh}._modal_1pdac_49{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_1pdac_1 .3s ease}._closeButton_1pdac_60{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_1pdac_60:hover{background-color:var(--color-secondary-10, #f5f5f5);color:var(--color-text-primary, #333)}._closeButton_1pdac_60:focus-visible{outline:2px solid var(--color-primary-100, #007bff);outline-offset:2px}._title_1pdac_87{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_1pdac_97{color:var(--color-text-primary, #333);line-height:var(--line-height-normal, 1.5)}._content_1pdac_97 video,._content_1pdac_97 img{max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}._content_1pdac_97 video{width:100%}._intro_1pdac_114{margin-bottom:var(--spacing-lg, 1.5rem);padding-bottom:var(--spacing-lg, 1.5rem);border-bottom:1px solid var(--color-border, #e5e7eb)}._trigger_1pdac_121{width:auto;display:inline-block;cursor:pointer}@keyframes _fadeIn_1pdac_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_1pdac_1{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){._modal_1pdac_49{padding:var(--spacing-lg, 1.5rem);max-height:85dvh}._size-sm_1pdac_26,._size-md_1pdac_30,._size-lg_1pdac_34,._size-xl_1pdac_38{width:95%}._title_1pdac_87{font-size:var(--font-size-lg, 1.25rem);padding-right:var(--spacing-lg, 1.5rem)}}@media (max-width: 480px){._overlay_1pdac_2{padding:var(--spacing-sm, .5rem)}._modal_1pdac_49{padding:var(--spacing-md, 1rem);max-height:90dvh}._title_1pdac_87{font-size:var(--font-size-md, 1rem);margin-bottom:var(--spacing-md, 1rem)}}
+._overlay_1u4kf_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_1u4kf_1 .2s ease;padding:var(--spacing-md, 1rem);overflow-y:auto}._container_1u4kf_19{position:relative;display:flex;flex-direction:column}._size-sm_1u4kf_26{width:90%;max-width:400px}._size-md_1u4kf_30{width:90%;max-width:600px}._size-lg_1u4kf_34{width:90%;max-width:800px}._size-xl_1u4kf_38{width:90%;max-width:1200px}._size-full_1u4kf_42{width:95%;height:95dvh;max-height:95dvh}._modal_1u4kf_49{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_1u4kf_1 .3s ease}._closeButton_1u4kf_60{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_1u4kf_60:hover{background-color:var(--color-secondary-10, #f5f5f5);color:var(--color-text-primary, #333)}._closeButton_1u4kf_60:focus-visible{outline:2px solid var(--color-primary-100, #007bff);outline-offset:2px}._title_1u4kf_87{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_1u4kf_97{color:var(--color-text-primary, #333);line-height:var(--line-height-normal, 1.5);display:flex;flex-direction:column;gap:var(--spacing-xl)}._content_1u4kf_97 video,._content_1u4kf_97 img{max-width:100%;height:auto;border-radius:var(--radius-md, .5rem)}._content_1u4kf_97 video{width:100%}._trigger_1u4kf_117{width:auto;display:inline-block;cursor:pointer}@keyframes _fadeIn_1u4kf_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_1u4kf_1{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){._modal_1u4kf_49{padding:var(--spacing-lg, 1.5rem);max-height:85dvh}._size-sm_1u4kf_26,._size-md_1u4kf_30,._size-lg_1u4kf_34,._size-xl_1u4kf_38{width:95%}._title_1u4kf_87{font-size:var(--font-size-lg, 1.25rem);padding-right:var(--spacing-lg, 1.5rem)}}@media (max-width: 480px){._overlay_1u4kf_2{padding:var(--spacing-sm, .5rem)}._modal_1u4kf_49{padding:var(--spacing-md, 1rem);max-height:90dvh}._title_1u4kf_87{font-size:var(--font-size-md, 1rem);margin-bottom:var(--spacing-md, 1rem)}}

package/dist/main.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');;/* empty css                 */const t=require("./core/components/Announcement/index.cjs"),i=require("./core/components/Accordion/index.cjs"),_=require("./AccordionItem-DulgZilf.cjs"),d=require("./core/components/Avatar/index.cjs"),s=require("./core/components/Badge/index.cjs"),a=require("./core/components/Box/index.cjs"),l=require("./core/components/Breadcrumbs/index.cjs"),u=require("./core/components/ButtonGroup/index.cjs"),x=require("./index-0SVQqhAg.cjs"),k=require("./core/components/Card/index.cjs"),p=require("./core/components/Carousel/index.cjs"),q=require("./core/components/Checkbox/index.cjs"),B=require("./core/components/Container/index.cjs"),m=require("./core/components/DatePicker/index.cjs"),C=require("./core/components/Divider/index.cjs"),T=require("./core/components/Drawer/index.cjs"),b=require("./core/components/Fieldset/index.cjs"),S=require("./core/components/FileUpload/index.cjs"),g=require("./core/components/FloatingActionButton/index.cjs"),A=require("./core/components/Footer/index.cjs"),v=require("./core/components/Form/index.cjs"),h=require("./core/components/Grid/index.cjs"),R=require("./core/components/Heading/index.cjs"),P=require("./core/components/Input/index.cjs"),F=require("./core/components/Label/index.cjs"),L=require("./core/components/List/index.cjs"),D=require("./core/components/Modal/index.cjs"),H=require("./core/components/NavBar/index.cjs"),G=require("./core/components/Notification/index.cjs"),M=require("./core/components/NotificationContainer/index.cjs"),w=require("./core/components/ProgressBar/index.cjs"),f=require("./core/components/Radio/index.cjs"),y=require("./core/components/Range/index.cjs"),N=require("./core/components/Select/index.cjs"),I=require("./core/components/Sidebar/index.cjs"),Q=require("./core/components/Skeleton/index.cjs"),U=require("./core/components/Spacer/index.cjs"),W=require("./core/components/Spinner/index.cjs"),E=require("./core/components/Stack/index.cjs"),Y=require("./core/components/Switch/index.cjs"),j=require("./core/components/Table/index.cjs"),O=require("./core/components/Tabs/index.cjs"),z=require("./core/components/Text/index.cjs"),J=require("./core/components/Textarea/index.cjs"),K=require("./core/components/Tooltip/index.cjs"),V=require("./core/utils/ThemeProvider/index.cjs"),X=require("./core/context/ModalContext.cjs"),Z=require("./core/hooks/useMediaQuery.cjs"),$=require("./next/blocks/AccordionBlock/index.cjs"),ee=require("./next/blocks/AdditionalCategoriesBlock/index.cjs"),oe=require("./next/blocks/CardGridBlock/index.cjs"),re=require("./next/blocks/CarouselBlock/index.cjs"),ne=require("./next/blocks/ContentBlock/index.cjs"),ce=require("./next/blocks/DocumentListBlock/index.cjs"),te=require("./next/blocks/FeaturedDocumentsBlock/index.cjs"),ie=require("./next/blocks/HeroBlock/index.cjs"),o=require("./next/blocks/HeroBlock/HeroContext.cjs"),_e=require("./next/ui/LocaleLink/index.cjs"),de=require("./next/blocks/QuoteBlock/index.cjs"),se=require("./next/blocks/RichTextBlock/index.cjs"),ae=require("./next/blocks/MarkdownBlock/index.cjs"),le=require("./next/ui/PortableTextRenderer/index.cjs"),ue=require("./next/blocks/StickyScrollBlock/index.cjs"),xe=require("./next/blocks/TabsBlock/index.cjs"),ke=require("./next/blocks/WasHelpfulBlock/index.cjs"),pe=require("./next/blocks/FormBlock/index.cjs"),qe=require("./next/cards/SpotlightCard/index.cjs"),Be=require("./next/cards/BlogArticleCard/index.cjs"),me=require("./next/cards/SpotlightCardAdapter.cjs"),Ce=require("./next/cards/BlogArticleCardAdapter.cjs"),r=require("./next/cards/cardRegistry.cjs"),Te=require("./next/cards/BioCard/index.cjs"),be=require("./next/cards/GridCard/index.cjs"),Se=require("./next/cards/ProductCard/index.cjs"),ge=require("./next/cards/ReviewCard/index.cjs"),Ae=require("./next/cards/SegmentCard/index.cjs"),ve=require("./next/cards/ServiceCard/index.cjs"),he=require("./next/cards/TestimonialCard/index.cjs"),n=require("./next/context/LocaleBridge.cjs"),c=require("./core/context/ThemeContext.cjs"),e=require("./next/utils/blockRenderers.cjs");exports.Announcement=t.Announcement;exports.Accordion=i.Accordion;exports.AccordionItem=_.AccordionItem;exports.Avatar=d.Avatar;exports.Badge=s.Badge;exports.Box=a.Box;exports.Breadcrumbs=l.Breadcrumbs;exports.ButtonGroup=u.ButtonGroup;exports.Button=x.Button;exports.Card=k.Card;exports.Carousel=p.Carousel;exports.Checkbox=q.Checkbox;exports.Container=B.Container;exports.DatePicker=m.DatePicker;exports.Divider=C.Divider;exports.Drawer=T.Drawer;exports.Fieldset=b.Fieldset;exports.FileUpload=S.FileUpload;exports.FloatingActionButton=g.FloatingActionButton;exports.Footer=A.Footer;exports.Form=v.Form;exports.Grid=h.Grid;exports.Heading=R.Heading;exports.Input=P.Input;exports.Label=F.Label;exports.List=L.List;exports.Modal=D.Modal;exports.Navbar=H.Navbar;exports.Notification=G.Notification;exports.NotificationContainer=M.NotificationContainer;exports.ProgressBar=w.ProgressBar;exports.Radio=f.Radio;exports.Range=y.Range;exports.Select=N.Select;exports.Sidebar=I.Sidebar;exports.Skeleton=Q.Skeleton;exports.Spacer=U.Spacer;exports.Spinner=W.Spinner;exports.Stack=E.Stack;exports.Switch=Y.Switch;exports.Table=j.Table;exports.Tabs=O.Tabs;exports.Text=z.Text;exports.Textarea=J.Textarea;exports.Tooltip=K.Tooltip;exports.ThemeProvider=V.ThemeProvider;exports.ModalProvider=X.ModalProvider;exports.useMediaQuery=Z.useMediaQuery;exports.AccordionBlock=$.AccordionBlock;exports.AdditionalCategoriesBlock=ee.AdditionalCategoriesBlock;exports.CardGridBlock=oe.CardGridBlock;exports.CarouselBlock=re.CarouselBlock;exports.ContentBlock=ne.ContentBlock;exports.DocumentListBlock=ce.DocumentListBlock;exports.FeaturedDocumentsBlock=te.FeaturedDocumentsBlock;exports.HeroBlock=ie.HeroBlock;exports.HeroProvider=o.HeroProvider;exports.useHeroContext=o.useHeroContext;exports.LocaleLink=_e.LocaleLink;exports.QuoteBlock=de.QuoteBlock;exports.RichTextBlock=se.RichTextBlock;exports.MarkdownBlock=ae.MarkdownBlock;exports.RichText=le.RichText;exports.StickyScrollBlock=ue.StickyScrollBlock;exports.TabsBlock=xe.TabsBlock;exports.WasHelpfulBlock=ke.WasHelpfulBlock;exports.FormBlock=pe.FormBlock;exports.SpotlightCard=qe.SpotlightCard;exports.BlogArticleCard=Be.BlogArticleCard;exports.SpotlightCardAdapter=me.SpotlightCardAdapter;exports.BlogArticleCardAdapter=Ce.BlogArticleCardAdapter;exports.CARD_REGISTRY=r.CARD_REGISTRY;exports.resolveCard=r.resolveCard;exports.BioCard=Te.BioCard;exports.GridCard=be.GridCard;exports.ProductCard=Se.ProductCard;exports.ReviewCard=ge.ReviewCard;exports.SegmentCard=Ae.SegmentCard;exports.ServiceCard=ve.ServiceCard;exports.TestimonialCard=he.TestimonialCard;exports.LocaleBridgeProvider=n.LocaleBridgeProvider;exports.useLocaleBridge=n.useLocaleBridge;exports.AppThemeProvider=c.AppThemeProvider;exports.useTheme=c.useTheme;exports.extractText=e.extractText;exports.renderCallToAction=e.renderCallToAction;exports.renderRichText=e.renderRichText;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');;/* empty css                 */const i=require("./core/components/Announcement/index.cjs"),_=require("./core/components/Accordion/index.cjs"),d=require("./AccordionItem-DulgZilf.cjs"),s=require("./core/components/Avatar/index.cjs"),a=require("./core/components/Badge/index.cjs"),l=require("./core/components/Box/index.cjs"),u=require("./core/components/Breadcrumbs/index.cjs"),x=require("./core/components/ButtonGroup/index.cjs"),k=require("./index-0SVQqhAg.cjs"),p=require("./core/components/Card/index.cjs"),q=require("./core/components/Carousel/index.cjs"),B=require("./core/components/Checkbox/index.cjs"),m=require("./core/components/Container/index.cjs"),C=require("./core/components/DatePicker/index.cjs"),T=require("./core/components/Divider/index.cjs"),b=require("./core/components/Drawer/index.cjs"),S=require("./core/components/Fieldset/index.cjs"),g=require("./core/components/FileUpload/index.cjs"),A=require("./core/components/FloatingActionButton/index.cjs"),v=require("./core/components/Footer/index.cjs"),h=require("./core/components/Form/index.cjs"),R=require("./core/components/Grid/index.cjs"),P=require("./core/components/Heading/index.cjs"),F=require("./core/components/Input/index.cjs"),L=require("./core/components/Label/index.cjs"),D=require("./core/components/List/index.cjs"),H=require("./core/components/Modal/index.cjs"),M=require("./core/components/NavBar/index.cjs"),G=require("./core/components/Notification/index.cjs"),w=require("./core/components/NotificationContainer/index.cjs"),f=require("./core/components/ProgressBar/index.cjs"),y=require("./core/components/Radio/index.cjs"),N=require("./core/components/Range/index.cjs"),I=require("./core/components/Select/index.cjs"),Q=require("./core/components/Sidebar/index.cjs"),U=require("./core/components/Skeleton/index.cjs"),W=require("./core/components/Spacer/index.cjs"),E=require("./core/components/Spinner/index.cjs"),Y=require("./core/components/Stack/index.cjs"),j=require("./core/components/Switch/index.cjs"),O=require("./core/components/Table/index.cjs"),z=require("./core/components/Tabs/index.cjs"),J=require("./core/components/Text/index.cjs"),K=require("./core/components/Textarea/index.cjs"),V=require("./core/components/Tooltip/index.cjs"),X=require("./core/utils/ThemeProvider/index.cjs"),o=require("./core/context/ModalContext.cjs"),Z=require("./core/hooks/useMediaQuery.cjs"),$=require("./next/blocks/AccordionBlock/index.cjs"),ee=require("./next/blocks/AdditionalCategoriesBlock/index.cjs"),oe=require("./next/blocks/CardGridBlock/index.cjs"),re=require("./next/blocks/CarouselBlock/index.cjs"),ne=require("./next/blocks/ContentBlock/index.cjs"),ce=require("./next/blocks/DocumentListBlock/index.cjs"),te=require("./next/blocks/FeaturedDocumentsBlock/index.cjs"),ie=require("./next/blocks/HeroBlock/index.cjs"),r=require("./next/blocks/HeroBlock/HeroContext.cjs"),_e=require("./next/ui/LocaleLink/index.cjs"),de=require("./next/blocks/QuoteBlock/index.cjs"),se=require("./next/blocks/RichTextBlock/index.cjs"),ae=require("./next/blocks/MarkdownBlock/index.cjs"),le=require("./next/ui/PortableTextRenderer/index.cjs"),ue=require("./next/blocks/StickyScrollBlock/index.cjs"),xe=require("./next/blocks/TabsBlock/index.cjs"),ke=require("./next/blocks/WasHelpfulBlock/index.cjs"),pe=require("./next/blocks/FormBlock/index.cjs"),qe=require("./next/cards/SpotlightCard/index.cjs"),Be=require("./next/cards/BlogArticleCard/index.cjs"),me=require("./next/cards/SpotlightCardAdapter.cjs"),Ce=require("./next/cards/BlogArticleCardAdapter.cjs"),n=require("./next/cards/cardRegistry.cjs"),Te=require("./next/cards/BioCard/index.cjs"),be=require("./next/cards/GridCard/index.cjs"),Se=require("./next/cards/ProductCard/index.cjs"),ge=require("./next/cards/ReviewCard/index.cjs"),Ae=require("./next/cards/SegmentCard/index.cjs"),ve=require("./next/cards/ServiceCard/index.cjs"),he=require("./next/cards/TestimonialCard/index.cjs"),c=require("./next/context/LocaleBridge.cjs"),t=require("./core/context/ThemeContext.cjs"),e=require("./next/utils/blockRenderers.cjs");exports.Announcement=i.Announcement;exports.Accordion=_.Accordion;exports.AccordionItem=d.AccordionItem;exports.Avatar=s.Avatar;exports.Badge=a.Badge;exports.Box=l.Box;exports.Breadcrumbs=u.Breadcrumbs;exports.ButtonGroup=x.ButtonGroup;exports.Button=k.Button;exports.Card=p.Card;exports.Carousel=q.Carousel;exports.Checkbox=B.Checkbox;exports.Container=m.Container;exports.DatePicker=C.DatePicker;exports.Divider=T.Divider;exports.Drawer=b.Drawer;exports.Fieldset=S.Fieldset;exports.FileUpload=g.FileUpload;exports.FloatingActionButton=A.FloatingActionButton;exports.Footer=v.Footer;exports.Form=h.Form;exports.Grid=R.Grid;exports.Heading=P.Heading;exports.Input=F.Input;exports.Label=L.Label;exports.List=D.List;exports.Modal=H.Modal;exports.Navbar=M.Navbar;exports.Notification=G.Notification;exports.NotificationContainer=w.NotificationContainer;exports.ProgressBar=f.ProgressBar;exports.Radio=y.Radio;exports.Range=N.Range;exports.Select=I.Select;exports.Sidebar=Q.Sidebar;exports.Skeleton=U.Skeleton;exports.Spacer=W.Spacer;exports.Spinner=E.Spinner;exports.Stack=Y.Stack;exports.Switch=j.Switch;exports.Table=O.Table;exports.Tabs=z.Tabs;exports.Text=J.Text;exports.Textarea=K.Textarea;exports.Tooltip=V.Tooltip;exports.ThemeProvider=X.ThemeProvider;exports.ModalProvider=o.ModalProvider;exports.useModal=o.useModal;exports.useMediaQuery=Z.useMediaQuery;exports.AccordionBlock=$.AccordionBlock;exports.AdditionalCategoriesBlock=ee.AdditionalCategoriesBlock;exports.CardGridBlock=oe.CardGridBlock;exports.CarouselBlock=re.CarouselBlock;exports.ContentBlock=ne.ContentBlock;exports.DocumentListBlock=ce.DocumentListBlock;exports.FeaturedDocumentsBlock=te.FeaturedDocumentsBlock;exports.HeroBlock=ie.HeroBlock;exports.HeroProvider=r.HeroProvider;exports.useHeroContext=r.useHeroContext;exports.LocaleLink=_e.LocaleLink;exports.QuoteBlock=de.QuoteBlock;exports.RichTextBlock=se.RichTextBlock;exports.MarkdownBlock=ae.MarkdownBlock;exports.RichText=le.RichText;exports.StickyScrollBlock=ue.StickyScrollBlock;exports.TabsBlock=xe.TabsBlock;exports.WasHelpfulBlock=ke.WasHelpfulBlock;exports.FormBlock=pe.FormBlock;exports.SpotlightCard=qe.SpotlightCard;exports.BlogArticleCard=Be.BlogArticleCard;exports.SpotlightCardAdapter=me.SpotlightCardAdapter;exports.BlogArticleCardAdapter=Ce.BlogArticleCardAdapter;exports.CARD_REGISTRY=n.CARD_REGISTRY;exports.resolveCard=n.resolveCard;exports.BioCard=Te.BioCard;exports.GridCard=be.GridCard;exports.ProductCard=Se.ProductCard;exports.ReviewCard=ge.ReviewCard;exports.SegmentCard=Ae.SegmentCard;exports.ServiceCard=ve.ServiceCard;exports.TestimonialCard=he.TestimonialCard;exports.LocaleBridgeProvider=c.LocaleBridgeProvider;exports.useLocaleBridge=c.useLocaleBridge;exports.AppThemeProvider=t.AppThemeProvider;exports.useTheme=t.useTheme;exports.extractText=e.extractText;exports.renderCallToAction=e.renderCallToAction;exports.renderRichText=e.renderRichText;

package/dist/main.d.ts

@@ -1217,6 +1217,13 @@ export { MetricType }
 
 export declare function Modal({ content, trigger, isOpen: controlledIsOpen, onOpen, onClose, size, closeOnEscape, closeOnOverlayClick, showCloseButton, className, overlayClassName, style, title, richTextBlocks, renderRichText, formData, renderForm, }: ModalProps): JSX.Element;
 
+declare type ModalContextValue = {
+    isOpen: boolean;
+    payload: ModalPayload | null;
+    open: (payload: ModalPayload) => void;
+    close: () => void;
+};
+
 declare type ModalForm = {
     _id: string;
     identifier?: {
@@ -2139,6 +2146,8 @@ export declare function useLocaleBridge(): LocaleBridgeValue;
  */
 export declare function useMediaQuery(query: string): boolean;
 
+export declare function useModal(): ModalContextValue;
+
 export declare function useTheme(): ThemeContextValue;
 
 export declare type UtilityItem = {

package/dist/main.mjs

@@ -14,7 +14,7 @@ import { Checkbox as R } from "./core/components/Checkbox/index.mjs";
 import { Container as P } from "./core/components/Container/index.mjs";
 import { DatePicker as L } from "./core/components/DatePicker/index.mjs";
 import { Divider as G } from "./core/components/Divider/index.mjs";
-import { Drawer as w } from "./core/components/Drawer/index.mjs";
+import { Drawer as M } from "./core/components/Drawer/index.mjs";
 import { Fieldset as I } from "./core/components/Fieldset/index.mjs";
 import { FileUpload as y } from "./core/components/FileUpload/index.mjs";
 import { FloatingActionButton as E } from "./core/components/FloatingActionButton/index.mjs";
@@ -41,131 +41,132 @@ import { Stack as bo } from "./core/components/Stack/index.mjs";
 import { Switch as Fo } from "./core/components/Switch/index.mjs";
 import { Table as Do } from "./core/components/Table/index.mjs";
 import { Tabs as Ho } from "./core/components/Tabs/index.mjs";
-import { Text as Mo } from "./core/components/Text/index.mjs";
+import { Text as wo } from "./core/components/Text/index.mjs";
 import { Textarea as No } from "./core/components/Textarea/index.mjs";
 import { Tooltip as Qo } from "./core/components/Tooltip/index.mjs";
 import { ThemeProvider as Uo } from "./core/utils/ThemeProvider/index.mjs";
-import { ModalProvider as Yo } from "./core/context/ModalContext.mjs";
-import { useMediaQuery as jo } from "./core/hooks/useMediaQuery.mjs";
-import { AccordionBlock as zo } from "./next/blocks/AccordionBlock/index.mjs";
-import { AdditionalCategoriesBlock as Ko } from "./next/blocks/AdditionalCategoriesBlock/index.mjs";
-import { CardGridBlock as Vo } from "./next/blocks/CardGridBlock/index.mjs";
-import { CarouselBlock as Zo } from "./next/blocks/CarouselBlock/index.mjs";
-import { ContentBlock as or } from "./next/blocks/ContentBlock/index.mjs";
-import { DocumentListBlock as er } from "./next/blocks/DocumentListBlock/index.mjs";
-import { FeaturedDocumentsBlock as pr } from "./next/blocks/FeaturedDocumentsBlock/index.mjs";
-import { HeroBlock as xr } from "./next/blocks/HeroBlock/index.mjs";
-import { HeroProvider as ar, useHeroContext as ir } from "./next/blocks/HeroBlock/HeroContext.mjs";
-import { LocaleLink as dr } from "./next/ui/LocaleLink/index.mjs";
-import { QuoteBlock as nr } from "./next/blocks/QuoteBlock/index.mjs";
-import { RichTextBlock as Cr } from "./next/blocks/RichTextBlock/index.mjs";
-import { MarkdownBlock as sr } from "./next/blocks/MarkdownBlock/index.mjs";
-import { RichText as Tr } from "./next/ui/PortableTextRenderer/index.mjs";
-import { StickyScrollBlock as Sr } from "./next/blocks/StickyScrollBlock/index.mjs";
-import { TabsBlock as vr } from "./next/blocks/TabsBlock/index.mjs";
-import { WasHelpfulBlock as Rr } from "./next/blocks/WasHelpfulBlock/index.mjs";
-import { FormBlock as Pr } from "./next/blocks/FormBlock/index.mjs";
-import { SpotlightCard as Lr } from "./next/cards/SpotlightCard/index.mjs";
-import { BlogArticleCard as Gr } from "./next/cards/BlogArticleCard/index.mjs";
+import { ModalProvider as Yo, useModal as _o } from "./core/context/ModalContext.mjs";
+import { useMediaQuery as qo } from "./core/hooks/useMediaQuery.mjs";
+import { AccordionBlock as Jo } from "./next/blocks/AccordionBlock/index.mjs";
+import { AdditionalCategoriesBlock as Oo } from "./next/blocks/AdditionalCategoriesBlock/index.mjs";
+import { CardGridBlock as Xo } from "./next/blocks/CardGridBlock/index.mjs";
+import { CarouselBlock as $o } from "./next/blocks/CarouselBlock/index.mjs";
+import { ContentBlock as rr } from "./next/blocks/ContentBlock/index.mjs";
+import { DocumentListBlock as tr } from "./next/blocks/DocumentListBlock/index.mjs";
+import { FeaturedDocumentsBlock as mr } from "./next/blocks/FeaturedDocumentsBlock/index.mjs";
+import { HeroBlock as fr } from "./next/blocks/HeroBlock/index.mjs";
+import { HeroProvider as ir, useHeroContext as cr } from "./next/blocks/HeroBlock/HeroContext.mjs";
+import { LocaleLink as lr } from "./next/ui/LocaleLink/index.mjs";
+import { QuoteBlock as Br } from "./next/blocks/QuoteBlock/index.mjs";
+import { RichTextBlock as kr } from "./next/blocks/RichTextBlock/index.mjs";
+import { MarkdownBlock as ur } from "./next/blocks/MarkdownBlock/index.mjs";
+import { RichText as Ar } from "./next/ui/PortableTextRenderer/index.mjs";
+import { StickyScrollBlock as gr } from "./next/blocks/StickyScrollBlock/index.mjs";
+import { TabsBlock as hr } from "./next/blocks/TabsBlock/index.mjs";
+import { WasHelpfulBlock as br } from "./next/blocks/WasHelpfulBlock/index.mjs";
+import { FormBlock as Fr } from "./next/blocks/FormBlock/index.mjs";
+import { SpotlightCard as Dr } from "./next/cards/SpotlightCard/index.mjs";
+import { BlogArticleCard as Hr } from "./next/cards/BlogArticleCard/index.mjs";
 import { SpotlightCardAdapter as wr } from "./next/cards/SpotlightCardAdapter.mjs";
-import { BlogArticleCardAdapter as Ir } from "./next/cards/BlogArticleCardAdapter.mjs";
-import { CARD_REGISTRY as yr, resolveCard as Qr } from "./next/cards/cardRegistry.mjs";
-import { BioCard as Ur } from "./next/cards/BioCard/index.mjs";
-import { GridCard as Yr } from "./next/cards/GridCard/index.mjs";
-import { ProductCard as jr } from "./next/cards/ProductCard/index.mjs";
-import { ReviewCard as zr } from "./next/cards/ReviewCard/index.mjs";
-import { SegmentCard as Kr } from "./next/cards/SegmentCard/index.mjs";
-import { ServiceCard as Vr } from "./next/cards/ServiceCard/index.mjs";
-import { TestimonialCard as Zr } from "./next/cards/TestimonialCard/index.mjs";
-import { LocaleBridgeProvider as oe, useLocaleBridge as re } from "./next/context/LocaleBridge.mjs";
-import { AppThemeProvider as te, useTheme as pe } from "./core/context/ThemeContext.mjs";
-import { extractText as xe, renderCallToAction as fe, renderRichText as ae } from "./next/utils/blockRenderers.mjs";
+import { BlogArticleCardAdapter as Nr } from "./next/cards/BlogArticleCardAdapter.mjs";
+import { CARD_REGISTRY as Qr, resolveCard as Er } from "./next/cards/cardRegistry.mjs";
+import { BioCard as Wr } from "./next/cards/BioCard/index.mjs";
+import { GridCard as _r } from "./next/cards/GridCard/index.mjs";
+import { ProductCard as qr } from "./next/cards/ProductCard/index.mjs";
+import { ReviewCard as Jr } from "./next/cards/ReviewCard/index.mjs";
+import { SegmentCard as Or } from "./next/cards/SegmentCard/index.mjs";
+import { ServiceCard as Xr } from "./next/cards/ServiceCard/index.mjs";
+import { TestimonialCard as $r } from "./next/cards/TestimonialCard/index.mjs";
+import { LocaleBridgeProvider as re, useLocaleBridge as ee } from "./next/context/LocaleBridge.mjs";
+import { AppThemeProvider as pe, useTheme as me } from "./core/context/ThemeContext.mjs";
+import { extractText as fe, renderCallToAction as ae, renderRichText as ie } from "./next/utils/blockRenderers.mjs";
 export {
   m as Accordion,
-  zo as AccordionBlock,
+  Jo as AccordionBlock,
   f as AccordionItem,
-  Ko as AdditionalCategoriesBlock,
+  Oo as AdditionalCategoriesBlock,
   t as Announcement,
-  te as AppThemeProvider,
+  pe as AppThemeProvider,
   i as Avatar,
   d as Badge,
-  Ur as BioCard,
-  Gr as BlogArticleCard,
-  Ir as BlogArticleCardAdapter,
+  Wr as BioCard,
+  Hr as BlogArticleCard,
+  Nr as BlogArticleCardAdapter,
   n as Box,
   C as Breadcrumbs,
   T as Button,
   s as ButtonGroup,
-  yr as CARD_REGISTRY,
+  Qr as CARD_REGISTRY,
   S as Card,
-  Vo as CardGridBlock,
+  Xo as CardGridBlock,
   v as Carousel,
-  Zo as CarouselBlock,
+  $o as CarouselBlock,
   R as Checkbox,
   P as Container,
-  or as ContentBlock,
+  rr as ContentBlock,
   L as DatePicker,
   G as Divider,
-  er as DocumentListBlock,
-  w as Drawer,
-  pr as FeaturedDocumentsBlock,
+  tr as DocumentListBlock,
+  M as Drawer,
+  mr as FeaturedDocumentsBlock,
   I as Fieldset,
   y as FileUpload,
   E as FloatingActionButton,
   W as Footer,
   _ as Form,
-  Pr as FormBlock,
+  Fr as FormBlock,
   q as Grid,
-  Yr as GridCard,
+  _r as GridCard,
   J as Heading,
-  xr as HeroBlock,
-  ar as HeroProvider,
+  fr as HeroBlock,
+  ir as HeroProvider,
   O as Input,
   X as Label,
   $ as List,
-  oe as LocaleBridgeProvider,
-  dr as LocaleLink,
-  sr as MarkdownBlock,
+  re as LocaleBridgeProvider,
+  lr as LocaleLink,
+  ur as MarkdownBlock,
   ro as Modal,
   Yo as ModalProvider,
   to as Navbar,
   mo as Notification,
   fo as NotificationContainer,
-  jr as ProductCard,
+  qr as ProductCard,
   io as ProgressBar,
-  nr as QuoteBlock,
+  Br as QuoteBlock,
   lo as Radio,
   Bo as Range,
-  zr as ReviewCard,
-  Tr as RichText,
-  Cr as RichTextBlock,
-  Kr as SegmentCard,
+  Jr as ReviewCard,
+  Ar as RichText,
+  kr as RichTextBlock,
+  Or as SegmentCard,
   ko as Select,
-  Vr as ServiceCard,
+  Xr as ServiceCard,
   uo as Sidebar,
   Ao as Skeleton,
   go as Spacer,
   ho as Spinner,
-  Lr as SpotlightCard,
+  Dr as SpotlightCard,
   wr as SpotlightCardAdapter,
   bo as Stack,
-  Sr as StickyScrollBlock,
+  gr as StickyScrollBlock,
   Fo as Switch,
   Do as Table,
   Ho as Tabs,
-  vr as TabsBlock,
-  Zr as TestimonialCard,
-  Mo as Text,
+  hr as TabsBlock,
+  $r as TestimonialCard,
+  wo as Text,
   No as Textarea,
   Uo as ThemeProvider,
   Qo as Tooltip,
-  Rr as WasHelpfulBlock,
-  xe as extractText,
-  fe as renderCallToAction,
-  ae as renderRichText,
-  Qr as resolveCard,
-  ir as useHeroContext,
-  re as useLocaleBridge,
-  jo as useMediaQuery,
-  pe as useTheme
+  br as WasHelpfulBlock,
+  fe as extractText,
+  ae as renderCallToAction,
+  ie as renderRichText,
+  Er as resolveCard,
+  cr as useHeroContext,
+  ee as useLocaleBridge,
+  qo as useMediaQuery,
+  _o as useModal,
+  me as useTheme
 };

package/package.json

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