quirk-ui 0.1.149 → 0.1.151

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

@@ -4,6 +4,7 @@ import { FormEvent } from 'react';
 import { ImageAdapter } from './core/types/adapters';
 import { JSX } from 'react/jsx-runtime';
 import { LinkAdapter } from './core/types/adapters';
+import { ModalPayload as ModalPayload_2 } from '../../../core/context/ModalContext';
 import { PortableTextBlock } from '@portabletext/types';
 import { ReactNode } from 'react';
 import { RenderCallToActionProps } from './core/types/renderers';
@@ -967,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?: {
@@ -1688,11 +1696,15 @@ 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;
     ariaLabel: string;
     href?: string;
+    /** When set the button opens a modal instead of navigating */
+    modalPayload?: ModalPayload_2;
     variant?: Variant;
     displayType?: "text" | "image";
     imageSrc?: string;

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/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

@@ -36,6 +36,7 @@ import { LinkProps } from 'next/link';
 import { MarkdownBlockProps } from './next/blocks/MarkdownBlock/MarkdownBlock.types';
 import { MarkdownBlockProps as MarkdownBlockProps_2 } from './MarkdownBlock.types';
 import { MetricType } from './sanity/types/metric';
+import { ModalPayload as ModalPayload_2 } from '../../../core/context/ModalContext';
 import { NavigationData } from './sanity/types/navigation';
 import { PageProps } from './sanity/types/page';
 import { PageSection } from './sanity/types/pageSection';
@@ -1216,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?: {
@@ -2138,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 = {
@@ -2145,6 +2155,8 @@ export declare type UtilityItem = {
     label: string | default_2.ReactNode;
     ariaLabel: string;
     href?: string;
+    /** When set the button opens a modal instead of navigating */
+    modalPayload?: ModalPayload_2;
     variant?: Variant;
     displayType?: "text" | "image";
     imageSrc?: string;

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.149",
+  "version": "0.1.151",
   "type": "module",
   "exports": {
     ".": {