@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/message/consts.js

@@ -1,2 +1,27 @@
-const e={info:`falInfoCircle`,warning:`falExclamationTriangle`,error:`falExclamationTriangle`,success:`falCheckCircle`},t={sm:6,md:8,lg:10},n={info:`seaBlue.main`,warning:`terracotta.30`,error:`energyRed.45`,success:`landGreen.35`},r={mt:`4px`,color:`black`};export{r as avatarStyles,e as iconDictionary,n as messageColors,t as spacingDictionary};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/message/consts.ts
+const iconDictionary = {
+	info: "falInfoCircle",
+	warning: "falExclamationTriangle",
+	error: "falExclamationTriangle",
+	success: "falCheckCircle"
+};
+const spacingDictionary = {
+	sm: 6,
+	md: 8,
+	lg: 10
+};
+const messageColors = {
+	info: "seaBlue.main",
+	warning: "terracotta.30",
+	error: "energyRed.45",
+	success: "landGreen.35"
+};
+const avatarStyles = {
+	mt: "4px",
+	color: "black"
+};
+
+//#endregion
+export { avatarStyles, iconDictionary, messageColors, spacingDictionary };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=consts.js.map

package/dist/message/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":[],"sources":["../../src/message/consts.ts"],"sourcesContent":["export const iconDictionary = {\n  info: 'falInfoCircle',\n  warning: 'falExclamationTriangle',\n  error: 'falExclamationTriangle',\n  success: 'falCheckCircle',\n}\n\nexport const spacingDictionary = {\n  sm: 6,\n  md: 8,\n  lg: 10,\n}\n\nexport const messageColors = {\n  info: 'seaBlue.main',\n  warning: 'terracotta.30',\n  error: 'energyRed.45',\n  success: 'landGreen.35',\n}\n\nexport const avatarStyles = {\n  mt: '4px',\n  color: 'black',\n}\n"],"mappings":"AAAA,MAAa,EAAiB,CAC5B,KAAM,gBACN,QAAS,yBACT,MAAO,yBACP,QAAS,iBACV,CAEY,EAAoB,CAC/B,GAAI,EACJ,GAAI,EACJ,GAAI,GACL,CAEY,EAAgB,CAC3B,KAAM,eACN,QAAS,gBACT,MAAO,eACP,QAAS,eACV,CAEY,EAAe,CAC1B,GAAI,MACJ,MAAO,QACR"}
+{"version":3,"file":"consts.js","names":[],"sources":["../../src/message/consts.ts"],"sourcesContent":["export const iconDictionary = {\n  info: 'falInfoCircle',\n  warning: 'falExclamationTriangle',\n  error: 'falExclamationTriangle',\n  success: 'falCheckCircle',\n}\n\nexport const spacingDictionary = {\n  sm: 6,\n  md: 8,\n  lg: 10,\n}\n\nexport const messageColors = {\n  info: 'seaBlue.main',\n  warning: 'terracotta.30',\n  error: 'energyRed.45',\n  success: 'landGreen.35',\n}\n\nexport const avatarStyles = {\n  mt: '4px',\n  color: 'black',\n}\n"],"mappings":";AAAA,MAAa,iBAAiB;CAC5B,MAAM;CACN,SAAS;CACT,OAAO;CACP,SAAS;CACV;AAED,MAAa,oBAAoB;CAC/B,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAa,gBAAgB;CAC3B,MAAM;CACN,SAAS;CACT,OAAO;CACP,SAAS;CACV;AAED,MAAa,eAAe;CAC1B,IAAI;CACJ,OAAO;CACR"}

package/dist/message/index.d.ts

@@ -0,0 +1,2 @@
+import { MessageProps } from "./message.types.js";
+import { Message, MessageBase } from "./message.js";

package/dist/message/message.d.ts

@@ -1,10 +1,11 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { MessageProps } from "./message.types.js";
-import * as styled_components445 from "styled-components";
+import "../index.js";
+import * as styled_components404 from "styled-components";
 
 //#region src/message/message.d.ts
-declare const MessageBase: styled_components445.StyledComponent<"div", styled_components445.DefaultTheme, SystemProps, never>;
+declare const MessageBase: styled_components404.StyledComponent<"div", styled_components404.DefaultTheme, SystemProps, never>;
 /** Displays a simple message text. */
 declare const Message: VuiComponent<"span", MessageProps>;
 //#endregion

package/dist/message/message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message.d.ts","names":[],"sources":["../../src/message/message.tsx"],"sourcesContent":[],"mappings":";;;;;;cAQa,aAAW,oBAAA,CAAA,uBAEvB,oBAAA,CAFuB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAKX,SAAO,qBAAA"}
+{"version":3,"file":"message.d.ts","names":[],"sources":["../../src/message/message.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAQa,aAAW,oBAAA,CAAA,uBAEvB,oBAAA,CAFuB,YAAA,CAAA,CAAA,WAAA,CAAA;;cAKX,SAAO,qBAAA"}

package/dist/message/message.js

@@ -1,4 +1,45 @@
-import{cs as e}from"../utils/styles.js";import{avatarStyles as t,iconDictionary as n,spacingDictionary as r}from"./consts.js";import{useStyleConfig as i}from"../core/theme.js";import{styled as a}from"../core/styled.js";import{vui as o}from"../core/vui.js";import{Box as s}from"../box/box.js";import{Icon as c}from"../icon/icon.js";import{Avatar as l}from"../avatar/avatar.js";import{Fragment as u,jsx as d,jsxs as f}from"react/jsx-runtime";const p=a.divBox`
+import { cs } from "../utils/styles.js";
+import { avatarStyles, iconDictionary, spacingDictionary } from "./consts.js";
+import { useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { Box } from "../box/box.js";
+import { Icon } from "../icon/icon.js";
+import { Avatar } from "../avatar/avatar.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/message/message.tsx
+const MessageBase = styled.divBox`
   transition-duration: fast;
-`,m=o((a,o)=>{let{avatar:m,children:h,className:g,text:_,size:v=`md`,variant:y=`info`,...b}=a,x=i(`Message`,a);return d(p,{className:e(`vui-message`,g),ref:o,...x,...b,children:f(u,{children:[m?d(l,{mr:`16px`,...m}):d(c,{mr:`${r[v]}px`,name:n[y],size:x.iconSize}),d(s,{size:x.fontSize,w:`100%`,...m?t:void 0,children:h??_})]})})});m.displayName=`Message`;var h=m;export{m as Message,p as MessageBase,h as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/** Displays a simple message text. */
+const Message = vui((props, ref) => {
+	const { avatar, children, className, text, size = "md", variant = "info",...rest } = props;
+	const styles = useStyleConfig("Message", props);
+	return /* @__PURE__ */ jsx(MessageBase, {
+		className: cs("vui-message", className),
+		ref,
+		...styles,
+		...rest,
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [avatar ? /* @__PURE__ */ jsx(Avatar, {
+			mr: "16px",
+			...avatar
+		}) : /* @__PURE__ */ jsx(Icon, {
+			mr: `${spacingDictionary[size]}px`,
+			name: iconDictionary[variant],
+			size: styles.iconSize
+		}), /* @__PURE__ */ jsx(Box, {
+			size: styles.fontSize,
+			w: "100%",
+			...avatar ? avatarStyles : void 0,
+			children: children ?? text
+		})] })
+	});
+});
+Message.displayName = "Message";
+var message_default = Message;
+
+//#endregion
+export { Message, MessageBase, message_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=message.js.map

package/dist/message/message.js.map

@@ -1 +1 @@
-{"version":3,"file":"message.js","names":[],"sources":["../../src/message/message.tsx"],"sourcesContent":["import { Avatar } from '../avatar'\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { Icon } from '../icon'\nimport { cs } from '../utils'\nimport { avatarStyles, iconDictionary, spacingDictionary } from './consts'\nimport type { MessageProps } from './message.types'\n\nexport const MessageBase = styled.divBox`\n  transition-duration: fast;\n`\n\n/** Displays a simple message text. */\nexport const Message = vui<'span', MessageProps>((props, ref) => {\n  const { avatar, children, className, text, size = 'md', variant = 'info', ...rest } = props\n  const styles = useStyleConfig('Message', props)\n\n  return (\n    <MessageBase className={cs('vui-message', className)} ref={ref} {...styles} {...rest}>\n      <>\n        {avatar ? (\n          <Avatar mr=\"16px\" {...avatar} />\n        ) : (\n          <Icon mr={`${spacingDictionary[size]}px`} name={iconDictionary[variant]} size={styles.iconSize} />\n        )}\n        <Box size={styles.fontSize} w=\"100%\" {...(avatar ? avatarStyles : undefined)}>\n          {children ?? text}\n        </Box>\n      </>\n    </MessageBase>\n  )\n})\n\nMessage.displayName = 'Message'\n\nexport default Message\n"],"mappings":"wbAQA,MAAa,EAAc,EAAO,MAAM;;EAK3B,EAAU,GAA2B,EAAO,IAAQ,CAC/D,GAAM,CAAE,SAAQ,WAAU,YAAW,OAAM,OAAO,KAAM,UAAU,OAAQ,GAAG,GAAS,EAChF,EAAS,EAAe,UAAW,EAAM,CAE/C,OACE,EAAC,EAAA,CAAY,UAAW,EAAG,cAAe,EAAU,CAAO,MAAK,GAAI,EAAQ,GAAI,WAC9E,EAAA,EAAA,CAAA,SAAA,CACG,EACC,EAAC,EAAA,CAAO,GAAG,OAAO,GAAI,GAAU,CAEhC,EAAC,EAAA,CAAK,GAAI,GAAG,EAAkB,GAAM,IAAK,KAAM,EAAe,GAAU,KAAM,EAAO,UAAY,CAEpG,EAAC,EAAA,CAAI,KAAM,EAAO,SAAU,EAAE,OAAO,GAAK,EAAS,EAAe,IAAA,YAC/D,GAAY,GACT,CAAA,CAAA,CACL,EACS,EAEhB,CAEF,EAAQ,YAAc,UAEtB,IAAA,EAAe"}
+{"version":3,"file":"message.js","names":[],"sources":["../../src/message/message.tsx"],"sourcesContent":["import { Avatar } from '../avatar'\nimport { Box } from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { Icon } from '../icon'\nimport { cs } from '../utils'\nimport { avatarStyles, iconDictionary, spacingDictionary } from './consts'\nimport type { MessageProps } from './message.types'\n\nexport const MessageBase = styled.divBox`\n  transition-duration: fast;\n`\n\n/** Displays a simple message text. */\nexport const Message = vui<'span', MessageProps>((props, ref) => {\n  const { avatar, children, className, text, size = 'md', variant = 'info', ...rest } = props\n  const styles = useStyleConfig('Message', props)\n\n  return (\n    <MessageBase className={cs('vui-message', className)} ref={ref} {...styles} {...rest}>\n      <>\n        {avatar ? (\n          <Avatar mr=\"16px\" {...avatar} />\n        ) : (\n          <Icon mr={`${spacingDictionary[size]}px`} name={iconDictionary[variant]} size={styles.iconSize} />\n        )}\n        <Box size={styles.fontSize} w=\"100%\" {...(avatar ? avatarStyles : undefined)}>\n          {children ?? text}\n        </Box>\n      </>\n    </MessageBase>\n  )\n})\n\nMessage.displayName = 'Message'\n\nexport default Message\n"],"mappings":";;;;;;;;;;;AAQA,MAAa,cAAc,OAAO,MAAM;;;;AAKxC,MAAa,UAAU,KAA2B,OAAO,QAAQ;CAC/D,MAAM,EAAE,QAAQ,UAAU,WAAW,MAAM,OAAO,MAAM,UAAU,OAAQ,GAAG,SAAS;CACtF,MAAM,SAAS,eAAe,WAAW,MAAM;AAE/C,QACE,oBAAC;EAAY,WAAW,GAAG,eAAe,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;YAC9E,4CACG,SACC,oBAAC;GAAO,IAAG;GAAO,GAAI;IAAU,GAEhC,oBAAC;GAAK,IAAI,GAAG,kBAAkB,MAAM;GAAK,MAAM,eAAe;GAAU,MAAM,OAAO;IAAY,EAEpG,oBAAC;GAAI,MAAM,OAAO;GAAU,GAAE;GAAO,GAAK,SAAS,eAAe;aAC/D,YAAY;IACT,IACL;GACS;EAEhB;AAEF,QAAQ,cAAc;AAEtB,sBAAe"}

package/dist/message/message.types.d.ts

@@ -1,6 +1,8 @@
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
+import "../system/index.js";
 import { AvatarProps } from "../avatar/avatar.types.js";
+import "../avatar/index.js";
 import { ReactNode } from "react";
 
 //#region src/message/message.types.d.ts

package/dist/message/message.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"message.types.d.ts","names":[],"sources":["../../src/message/message.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAMY,YAAA,CAAA,CAAA,CAAe,cACzB;;EADU,IAAA,CAAA,CAAA,CAGD,SAHa;EAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA,EAAA,CAAA,KAAA,CAAA,GAAA,CAAA,MAAA,CAAA,OAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA;QAAG,CAAA,CAAA,CAKd,WALc"}
+{"version":3,"file":"message.types.d.ts","names":[],"sources":["../../src/message/message.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAMY,YAAA,CAAA,CAAA,CAAe,cACzB;;SAES;;EAHC,MAAA,CAAA,CAAA,CAKC,WALW;CAAG"}

package/dist/message/theme.js

@@ -1,2 +1,39 @@
-import{messageColors as e}from"./consts.js";var t={baseStyle:{display:`flex`},defaultProps:{variant:`info`,size:`md`},sizes:{sm:{iconSize:`sm`,fontSize:`sm`},md:{iconSize:`md`,fontSize:`md`},lg:{iconSize:`lg`,fontSize:`lg`}},variants:{info:{color:e.info},warning:{color:e.warning},error:{color:e.error},success:{color:e.success}}};export{t as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { messageColors } from "./consts.js";
+
+//#region src/message/theme.ts
+const baseStyle = { display: "flex" };
+const defaultProps = {
+	variant: "info",
+	size: "md"
+};
+const sizes = {
+	sm: {
+		iconSize: "sm",
+		fontSize: "sm"
+	},
+	md: {
+		iconSize: "md",
+		fontSize: "md"
+	},
+	lg: {
+		iconSize: "lg",
+		fontSize: "lg"
+	}
+};
+const variants = {
+	info: { color: messageColors.info },
+	warning: { color: messageColors.warning },
+	error: { color: messageColors.error },
+	success: { color: messageColors.success }
+};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=theme.js.map

package/dist/message/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/message/theme.ts"],"sourcesContent":["import { messageColors } from './consts'\n\nconst baseStyle = {\n  display: 'flex',\n}\n\nconst defaultProps = {\n  variant: 'info',\n  size: 'md',\n}\n\nconst sizes = {\n  sm: {\n    iconSize: 'sm',\n    fontSize: 'sm',\n  },\n  md: {\n    iconSize: 'md',\n    fontSize: 'md',\n  },\n  lg: {\n    iconSize: 'lg',\n    fontSize: 'lg',\n  },\n}\n\nconst variants = {\n  info: {\n    color: messageColors.info,\n  },\n  warning: {\n    color: messageColors.warning,\n  },\n  error: {\n    color: messageColors.error,\n  },\n  success: {\n    color: messageColors.success,\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":"4CAyCA,IAAA,EAAe,CACb,UAxCgB,CAChB,QAAS,OACV,CAuCC,aArCmB,CACnB,QAAS,OACT,KAAM,KACP,CAmCC,MAjCY,CACZ,GAAI,CACF,SAAU,KACV,SAAU,KACX,CACD,GAAI,CACF,SAAU,KACV,SAAU,KACX,CACD,GAAI,CACF,SAAU,KACV,SAAU,KACX,CACF,CAqBC,SAnBe,CACf,KAAM,CACJ,MAAO,EAAc,KACtB,CACD,QAAS,CACP,MAAO,EAAc,QACtB,CACD,MAAO,CACL,MAAO,EAAc,MACtB,CACD,QAAS,CACP,MAAO,EAAc,QACtB,CACF,CAOA"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/message/theme.ts"],"sourcesContent":["import { messageColors } from './consts'\n\nconst baseStyle = {\n  display: 'flex',\n}\n\nconst defaultProps = {\n  variant: 'info',\n  size: 'md',\n}\n\nconst sizes = {\n  sm: {\n    iconSize: 'sm',\n    fontSize: 'sm',\n  },\n  md: {\n    iconSize: 'md',\n    fontSize: 'md',\n  },\n  lg: {\n    iconSize: 'lg',\n    fontSize: 'lg',\n  },\n}\n\nconst variants = {\n  info: {\n    color: messageColors.info,\n  },\n  warning: {\n    color: messageColors.warning,\n  },\n  error: {\n    color: messageColors.error,\n  },\n  success: {\n    color: messageColors.success,\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";;;AAEA,MAAM,YAAY,EAChB,SAAS,QACV;AAED,MAAM,eAAe;CACnB,SAAS;CACT,MAAM;CACP;AAED,MAAM,QAAQ;CACZ,IAAI;EACF,UAAU;EACV,UAAU;EACX;CACD,IAAI;EACF,UAAU;EACV,UAAU;EACX;CACD,IAAI;EACF,UAAU;EACV,UAAU;EACX;CACF;AAED,MAAM,WAAW;CACf,MAAM,EACJ,OAAO,cAAc,MACtB;CACD,SAAS,EACP,OAAO,cAAc,SACtB;CACD,OAAO,EACL,OAAO,cAAc,OACtB;CACD,SAAS,EACP,OAAO,cAAc,SACtB;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACD"}

package/dist/modal/context.d.ts

@@ -1,8 +1,8 @@
 import { ModalContext } from "./modal.types.js";
-import * as react942 from "react";
+import * as react950 from "react";
 
 //#region src/modal/context.d.ts
-declare const ModalProvider: react942.Provider<ModalContext>, useModalContext: () => ModalContext;
+declare const ModalProvider: react950.Provider<ModalContext>, useModalContext: () => ModalContext;
 //#endregion
 export { ModalProvider, useModalContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/modal/context.js

@@ -1,2 +1,9 @@
-import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as ModalProvider,n as useModalContext};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { createContext } from "../utils/react.js";
+
+//#region src/modal/context.ts
+const [ModalProvider, useModalContext] = createContext({ isOptional: true });
+
+//#endregion
+export { ModalProvider, useModalContext };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=context.js.map

package/dist/modal/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/modal/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { ModalContext } from './modal.types'\n\nconst [ModalProvider, useModalContext] = createContext<ModalContext>({ isOptional: true })\n\nexport { ModalProvider, useModalContext }\n"],"mappings":"kDAGA,KAAM,CAAC,EAAe,GAAmB,EAA4B,CAAE,WAAY,GAAM,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/modal/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { ModalContext } from './modal.types'\n\nconst [ModalProvider, useModalContext] = createContext<ModalContext>({ isOptional: true })\n\nexport { ModalProvider, useModalContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,eAAe,mBAAmB,cAA4B,EAAE,YAAY,MAAM,CAAC"}

package/dist/modal/index.d.ts

@@ -0,0 +1,8 @@
+import { FocusLockProps, FocusableElement } from "../focusLock/focusLock.types.js";
+import { ModalBackdropProps, ModalContentProps, ModalContext, ModalProps } from "./modal.types.js";
+import { ModalProvider, useModalContext } from "./context.js";
+import { FocusLock } from "../focusLock/focusLock.js";
+import { ModalBackdrop, ModalBackdropBase } from "./modalBackdrop.js";
+import { ModalContent, ModalContentBase } from "./modalContent.js";
+import { Modal } from "./modal.js";
+import { manager, useModalManager } from "./modalManager.js";

package/dist/modal/modal.d.ts

@@ -1,4 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
+import "../core/index.js";
 import { ModalProps } from "./modal.types.js";
 import { ModalBackdrop } from "./modalBackdrop.js";
 import { ModalContent } from "./modalContent.js";

package/dist/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","names":[],"sources":["../../src/modal/modal.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAqBA,CAAA,CAAA,CAAA,EAAA,CAAA,OAAA,CAAA,IAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA,GAAA,CAAA,MAAA,CAAA,IAAA,CAAA,QAAA,CAAA,QAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA,MAAA,CAAA;;;;AAgGmB,OAAA,CAAA,KAAA,CAhGN,KAgGM,CAAA,CADb,YACa,CAAA,CAAA,GAAA,CAAA,CAAA,CADO,UACP,CAAA,CAAA,CAAA,CAAA;UACD,CAAA,CAAA,MAAA,CADC,aACD;EAAY,OAAA,CAAA,CAAA,MAAA,CAAZ,YAAY"}
+{"version":3,"file":"modal.d.ts","names":[],"sources":["../../src/modal/modal.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;AAqBA,CAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA,GAAA,CAAA,MAAA,CAAA,IAAA,CAAA,EAAA,CAAA,OAAA,CAAA,MAAA,CAAA,aAAA;;;AAgGmB,OAAA,CAAA,KAAA,CAhGN,KAgGM,CAAA,CADb,YACa,CAAA,CAAA,GAAA,CAAA,CAAA,CADO,UACP,CAAA,CAAA,CAAA,CAAA;EACD,QAAA,CAAA,CAAA,MAAA,CADC,aACD;EAAY,OAAA,CAAA,CAAA,MAAA,CAAZ,YAAY"}

package/dist/modal/modal.js

@@ -1,2 +1,92 @@
-import{callAll as e}from"../utils/function.js";import{mergeRefs as t}from"../utils/react.js";import{cs as n}from"../utils/styles.js";import{vui as r}from"../core/vui.js";import i from"../portal/portal.js";import a from"../box/box.js";import{ModalProvider as o}from"./context.js";import s from"../focusLock/focusLock.js";import c from"./modalBackdrop.js";import l from"./modalContent.js";import{manager as u,useModalManager as d}from"./modalManager.js";import{cloneElement as f,useRef as p}from"react";import{jsx as m,jsxs as h}from"react/jsx-runtime";const g=r((r,g)=>{let{allowPinchZoom:_,animation:v=`fadeDown`,children:y,className:b,contentProps:x,disableAutoFocus:S,disableBackdropClose:C,disableEscClose:w,disablePortal:T,disableReturnFocus:E,disableScrollLock:D,disableTrapFocus:O,finalFocusRef:k,hideBackdrop:A,initialFocusRef:j,isOpen:M,onBackdropClick:N,onClose:P,onEsc:F,preserveScrollBar:I,size:L,variant:R,...z}=r,B=p(null),V=p(null);if(d(B,M,D),!M)return null;let H=e=>{e.stopPropagation(),V.current===e.target&&u.isTopModal(B)&&(C||(P?.(),N?.(e)))},U=e=>{e.key===`Escape`&&(e.stopPropagation(),!w&&P?.(),F?.())},W=e=>V.current=e.target,G={onClick:e=>{e.stopPropagation(),y?.props?.onClick?.(e)},tabIndex:y?.props?.tabIndex??-1};return m(o,{value:{isOpen:M,onBackdropClick:H,onClose:P,size:L,variant:R},children:m(i,{disablePortal:T,children:h(a,{className:n(`vui-modal`,b),ref:t(g,B),...z,onKeyDown:e(r.onKeyDown,U),onMouseDown:e(r.onMouseDown,W),children:[!A&&m(c,{}),m(s,{autoFocus:!S,finalFocusRef:k,initialFocusRef:j,isDisabled:O,returnFocus:!E,children:m(l,{animation:v,...x,children:f(y,G)})})]})})})});g.Backdrop=c,g.Content=l,g.displayName=`Modal`;var _=g;export{_ as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { callAll } from "../utils/function.js";
+import { mergeRefs } from "../utils/react.js";
+import { cs } from "../utils/styles.js";
+import { vui } from "../core/vui.js";
+import portal_default from "../portal/portal.js";
+import box_default from "../box/box.js";
+import { ModalProvider } from "./context.js";
+import focusLock_default from "../focusLock/focusLock.js";
+import modalBackdrop_default from "./modalBackdrop.js";
+import modalContent_default from "./modalContent.js";
+import { manager, useModalManager } from "./modalManager.js";
+import { cloneElement, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/modal/modal.tsx
+/**
+* Displays provided content on top of a dark backdrop element with fixed position.
+* By default uses Portal for content and closes when clicking backdrop or pressing 'Escape'.
+* Uses focus and scroll lock to achieve proper accessibility.
+* More about accessibility: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role
+*/
+const Modal = vui((props, ref) => {
+	const { allowPinchZoom, animation = "fadeDown", children, className, contentProps, disableAutoFocus, disableBackdropClose, disableEscClose, disablePortal, disableReturnFocus, disableScrollLock, disableTrapFocus, finalFocusRef, hideBackdrop, initialFocusRef, isOpen, onBackdropClick: onBackdropClickProp, onClose, onEsc, preserveScrollBar, size, variant,...rest } = props;
+	const modalRef = useRef(null);
+	const mouseDownTarget = useRef(null);
+	useModalManager(modalRef, isOpen, disableScrollLock);
+	if (!isOpen) return null;
+	const onBackdropClick = (e) => {
+		e.stopPropagation();
+		if (mouseDownTarget.current !== e.target) return;
+		if (!manager.isTopModal(modalRef)) return;
+		if (!disableBackdropClose) {
+			onClose?.();
+			onBackdropClickProp?.(e);
+		}
+	};
+	const onKeyDown = (e) => {
+		if (e.key === "Escape") {
+			e.stopPropagation();
+			!disableEscClose && onClose?.();
+			onEsc?.();
+		}
+	};
+	const onMouseDown = (e) => mouseDownTarget.current = e.target;
+	const childProps = {
+		onClick: (e) => {
+			e.stopPropagation();
+			children?.props?.onClick?.(e);
+		},
+		tabIndex: children?.props?.tabIndex ?? -1
+	};
+	return /* @__PURE__ */ jsx(ModalProvider, {
+		value: {
+			isOpen,
+			onBackdropClick,
+			onClose,
+			size,
+			variant
+		},
+		children: /* @__PURE__ */ jsx(portal_default, {
+			disablePortal,
+			children: /* @__PURE__ */ jsxs(box_default, {
+				className: cs("vui-modal", className),
+				ref: mergeRefs(ref, modalRef),
+				...rest,
+				onKeyDown: callAll(props.onKeyDown, onKeyDown),
+				onMouseDown: callAll(props.onMouseDown, onMouseDown),
+				children: [!hideBackdrop && /* @__PURE__ */ jsx(modalBackdrop_default, {}), /* @__PURE__ */ jsx(focusLock_default, {
+					autoFocus: !disableAutoFocus,
+					finalFocusRef,
+					initialFocusRef,
+					isDisabled: disableTrapFocus,
+					returnFocus: !disableReturnFocus,
+					children: /* @__PURE__ */ jsx(modalContent_default, {
+						animation,
+						...contentProps,
+						children: cloneElement(children, childProps)
+					})
+				})]
+			})
+		})
+	});
+});
+Modal.Backdrop = modalBackdrop_default;
+Modal.Content = modalContent_default;
+Modal.displayName = "Modal";
+var modal_default = Modal;
+
+//#endregion
+export { modal_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=modal.js.map

package/dist/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","names":["Portal","Box","ModalBackdrop","FocusLock","ModalContent"],"sources":["../../src/modal/modal.tsx"],"sourcesContent":["import { cloneElement, useRef } from 'react'\n\nimport Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { vui } from '../core'\nimport FocusLock from '../focusLock'\nimport Portal from '../portal'\nimport type { KeyboardEvent, MouseEvent } from '../utils'\nimport { callAll, cs, mergeRefs } from '../utils'\nimport { ModalProvider } from './context'\nimport type { ModalProps } from './modal.types'\nimport ModalBackdrop from './modalBackdrop'\nimport ModalContent from './modalContent'\nimport { manager, useModalManager } from './modalManager'\n\n/**\n * Displays provided content on top of a dark backdrop element with fixed position.\n * By default uses Portal for content and closes when clicking backdrop or pressing 'Escape'.\n * Uses focus and scroll lock to achieve proper accessibility.\n * More about accessibility: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role\n */\nexport const Modal = vui<'div', ModalProps>((props, ref) => {\n  const {\n    allowPinchZoom,\n    animation = 'fadeDown',\n    children,\n    className,\n    contentProps,\n    disableAutoFocus,\n    disableBackdropClose,\n    disableEscClose,\n    disablePortal,\n    disableReturnFocus,\n    disableScrollLock,\n    disableTrapFocus,\n    finalFocusRef,\n    hideBackdrop,\n    initialFocusRef,\n    isOpen,\n    onBackdropClick: onBackdropClickProp,\n    onClose,\n    onEsc,\n    preserveScrollBar,\n    size,\n    variant,\n    ...rest\n  } = props\n  const modalRef = useRef<HTMLElement>(null)\n  const mouseDownTarget = useRef<EventTarget | null>(null)\n\n  useModalManager(modalRef, isOpen, disableScrollLock)\n\n  if (!isOpen) return null\n\n  const onBackdropClick = (e: MouseEvent) => {\n    e.stopPropagation()\n\n    // Avoid closing modal when click starts inside the content and is released outside\n    if (mouseDownTarget.current !== e.target) return\n\n    if (!manager.isTopModal(modalRef)) return\n\n    if (!disableBackdropClose) {\n      onClose?.()\n      onBackdropClickProp?.(e)\n    }\n  }\n\n  const onKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n\n      !disableEscClose && onClose?.()\n\n      onEsc?.()\n    }\n  }\n\n  const onMouseDown = (e: MouseEvent) => (mouseDownTarget.current = e.target)\n\n  const childProps = {\n    onClick: (e: any) => {\n      e.stopPropagation()\n      children?.props?.onClick?.(e)\n    },\n    tabIndex: children?.props?.tabIndex ?? -1,\n  }\n\n  const context = { isOpen, onBackdropClick, onClose, size, variant }\n\n  return (\n    <ModalProvider value={context}>\n      <Portal disablePortal={disablePortal}>\n        <Box\n          className={cs('vui-modal', className)}\n          ref={mergeRefs(ref, modalRef)}\n          {...rest}\n          onKeyDown={callAll(props.onKeyDown, onKeyDown)}\n          onMouseDown={callAll(props.onMouseDown, onMouseDown)}\n        >\n          {!hideBackdrop && <ModalBackdrop />}\n          <FocusLock\n            autoFocus={!disableAutoFocus}\n            finalFocusRef={finalFocusRef}\n            initialFocusRef={initialFocusRef}\n            isDisabled={disableTrapFocus}\n            returnFocus={!disableReturnFocus}\n          >\n            <ModalContent animation={animation} {...contentProps}>\n              {cloneElement(children, childProps)}\n            </ModalContent>\n          </FocusLock>\n        </Box>\n      </Portal>\n    </ModalProvider>\n  )\n}) as VuiComponent<'div', ModalProps> & {\n  Backdrop: typeof ModalBackdrop\n  Content: typeof ModalContent\n}\n\nModal.Backdrop = ModalBackdrop\nModal.Content = ModalContent\nModal.displayName = 'Modal'\n\nexport default Modal\n"],"mappings":"uiBAqBA,MAAa,EAAQ,GAAwB,EAAO,IAAQ,CAC1D,GAAM,CACJ,iBACA,YAAY,WACZ,WACA,YACA,eACA,mBACA,uBACA,kBACA,gBACA,qBACA,oBACA,mBACA,gBACA,eACA,kBACA,SACA,gBAAiB,EACjB,UACA,QACA,oBACA,OACA,UACA,GAAG,GACD,EACE,EAAW,EAAoB,KAAK,CACpC,EAAkB,EAA2B,KAAK,CAIxD,GAFA,EAAgB,EAAU,EAAQ,EAAkB,CAEhD,CAAC,EAAQ,OAAO,KAEpB,IAAM,EAAmB,GAAkB,CACzC,EAAE,iBAAiB,CAGf,EAAgB,UAAY,EAAE,QAE7B,EAAQ,WAAW,EAAS,GAE5B,IACH,KAAW,CACX,IAAsB,EAAE,IAItB,EAAa,GAAqC,CAClD,EAAE,MAAQ,WACZ,EAAE,iBAAiB,CAEnB,CAAC,GAAmB,KAAW,CAE/B,KAAS,GAIP,EAAe,GAAmB,EAAgB,QAAU,EAAE,OAE9D,EAAa,CACjB,QAAU,GAAW,CACnB,EAAE,iBAAiB,CACnB,GAAU,OAAO,UAAU,EAAE,EAE/B,SAAU,GAAU,OAAO,UAAY,GACxC,CAID,OACE,EAAC,EAAA,CAAc,MAHD,CAAE,SAAQ,kBAAiB,UAAS,OAAM,UAAS,UAI/D,EAACA,EAAAA,CAAsB,yBACrB,EAACC,EAAAA,CACC,UAAW,EAAG,YAAa,EAAU,CACrC,IAAK,EAAU,EAAK,EAAS,CAC7B,GAAI,EACJ,UAAW,EAAQ,EAAM,UAAW,EAAU,CAC9C,YAAa,EAAQ,EAAM,YAAa,EAAY,WAEnD,CAAC,GAAgB,EAACC,EAAAA,EAAAA,CAAgB,CACnC,EAACC,EAAAA,CACC,UAAW,CAAC,EACG,gBACE,kBACjB,WAAY,EACZ,YAAa,CAAC,WAEd,EAACC,EAAAA,CAAwB,YAAW,GAAI,WACrC,EAAa,EAAU,EAAW,EACtB,EACL,CAAA,EACR,EACC,EACK,EAElB,CAKF,EAAM,SAAWF,EACjB,EAAM,QAAUE,EAChB,EAAM,YAAc,QAEpB,IAAA,EAAe"}
+{"version":3,"file":"modal.js","names":["Portal","Box","ModalBackdrop","FocusLock","ModalContent"],"sources":["../../src/modal/modal.tsx"],"sourcesContent":["import { cloneElement, useRef } from 'react'\n\nimport Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { vui } from '../core'\nimport FocusLock from '../focusLock'\nimport Portal from '../portal'\nimport type { KeyboardEvent, MouseEvent } from '../utils'\nimport { callAll, cs, mergeRefs } from '../utils'\nimport { ModalProvider } from './context'\nimport type { ModalProps } from './modal.types'\nimport ModalBackdrop from './modalBackdrop'\nimport ModalContent from './modalContent'\nimport { manager, useModalManager } from './modalManager'\n\n/**\n * Displays provided content on top of a dark backdrop element with fixed position.\n * By default uses Portal for content and closes when clicking backdrop or pressing 'Escape'.\n * Uses focus and scroll lock to achieve proper accessibility.\n * More about accessibility: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/dialog_role\n */\nexport const Modal = vui<'div', ModalProps>((props, ref) => {\n  const {\n    allowPinchZoom,\n    animation = 'fadeDown',\n    children,\n    className,\n    contentProps,\n    disableAutoFocus,\n    disableBackdropClose,\n    disableEscClose,\n    disablePortal,\n    disableReturnFocus,\n    disableScrollLock,\n    disableTrapFocus,\n    finalFocusRef,\n    hideBackdrop,\n    initialFocusRef,\n    isOpen,\n    onBackdropClick: onBackdropClickProp,\n    onClose,\n    onEsc,\n    preserveScrollBar,\n    size,\n    variant,\n    ...rest\n  } = props\n  const modalRef = useRef<HTMLElement>(null)\n  const mouseDownTarget = useRef<EventTarget | null>(null)\n\n  useModalManager(modalRef, isOpen, disableScrollLock)\n\n  if (!isOpen) return null\n\n  const onBackdropClick = (e: MouseEvent) => {\n    e.stopPropagation()\n\n    // Avoid closing modal when click starts inside the content and is released outside\n    if (mouseDownTarget.current !== e.target) return\n\n    if (!manager.isTopModal(modalRef)) return\n\n    if (!disableBackdropClose) {\n      onClose?.()\n      onBackdropClickProp?.(e)\n    }\n  }\n\n  const onKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n\n      !disableEscClose && onClose?.()\n\n      onEsc?.()\n    }\n  }\n\n  const onMouseDown = (e: MouseEvent) => (mouseDownTarget.current = e.target)\n\n  const childProps = {\n    onClick: (e: any) => {\n      e.stopPropagation()\n      children?.props?.onClick?.(e)\n    },\n    tabIndex: children?.props?.tabIndex ?? -1,\n  }\n\n  const context = { isOpen, onBackdropClick, onClose, size, variant }\n\n  return (\n    <ModalProvider value={context}>\n      <Portal disablePortal={disablePortal}>\n        <Box\n          className={cs('vui-modal', className)}\n          ref={mergeRefs(ref, modalRef)}\n          {...rest}\n          onKeyDown={callAll(props.onKeyDown, onKeyDown)}\n          onMouseDown={callAll(props.onMouseDown, onMouseDown)}\n        >\n          {!hideBackdrop && <ModalBackdrop />}\n          <FocusLock\n            autoFocus={!disableAutoFocus}\n            finalFocusRef={finalFocusRef}\n            initialFocusRef={initialFocusRef}\n            isDisabled={disableTrapFocus}\n            returnFocus={!disableReturnFocus}\n          >\n            <ModalContent animation={animation} {...contentProps}>\n              {cloneElement(children, childProps)}\n            </ModalContent>\n          </FocusLock>\n        </Box>\n      </Portal>\n    </ModalProvider>\n  )\n}) as VuiComponent<'div', ModalProps> & {\n  Backdrop: typeof ModalBackdrop\n  Content: typeof ModalContent\n}\n\nModal.Backdrop = ModalBackdrop\nModal.Content = ModalContent\nModal.displayName = 'Modal'\n\nexport default Modal\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAqBA,MAAa,QAAQ,KAAwB,OAAO,QAAQ;CAC1D,MAAM,EACJ,gBACA,YAAY,YACZ,UACA,WACA,cACA,kBACA,sBACA,iBACA,eACA,oBACA,mBACA,kBACA,eACA,cACA,iBACA,QACA,iBAAiB,qBACjB,SACA,OACA,mBACA,MACA,QACA,GAAG,SACD;CACJ,MAAM,WAAW,OAAoB,KAAK;CAC1C,MAAM,kBAAkB,OAA2B,KAAK;AAExD,iBAAgB,UAAU,QAAQ,kBAAkB;AAEpD,KAAI,CAAC,OAAQ,QAAO;CAEpB,MAAM,mBAAmB,MAAkB;AACzC,IAAE,iBAAiB;AAGnB,MAAI,gBAAgB,YAAY,EAAE,OAAQ;AAE1C,MAAI,CAAC,QAAQ,WAAW,SAAS,CAAE;AAEnC,MAAI,CAAC,sBAAsB;AACzB,cAAW;AACX,yBAAsB,EAAE;;;CAI5B,MAAM,aAAa,MAAqC;AACtD,MAAI,EAAE,QAAQ,UAAU;AACtB,KAAE,iBAAiB;AAEnB,IAAC,mBAAmB,WAAW;AAE/B,YAAS;;;CAIb,MAAM,eAAe,MAAmB,gBAAgB,UAAU,EAAE;CAEpE,MAAM,aAAa;EACjB,UAAU,MAAW;AACnB,KAAE,iBAAiB;AACnB,aAAU,OAAO,UAAU,EAAE;;EAE/B,UAAU,UAAU,OAAO,YAAY;EACxC;AAID,QACE,oBAAC;EAAc,OAHD;GAAE;GAAQ;GAAiB;GAAS;GAAM;GAAS;YAI/D,oBAACA;GAAsB;aACrB,qBAACC;IACC,WAAW,GAAG,aAAa,UAAU;IACrC,KAAK,UAAU,KAAK,SAAS;IAC7B,GAAI;IACJ,WAAW,QAAQ,MAAM,WAAW,UAAU;IAC9C,aAAa,QAAQ,MAAM,aAAa,YAAY;eAEnD,CAAC,gBAAgB,oBAACC,0BAAgB,EACnC,oBAACC;KACC,WAAW,CAAC;KACG;KACE;KACjB,YAAY;KACZ,aAAa,CAAC;eAEd,oBAACC;MAAwB;MAAW,GAAI;gBACrC,aAAa,UAAU,WAAW;OACtB;MACL;KACR;IACC;GACK;EAElB;AAKF,MAAM,WAAWF;AACjB,MAAM,UAAUE;AAChB,MAAM,cAAc;AAEpB,oBAAe"}

package/dist/modal/modal.types.d.ts

@@ -1,7 +1,9 @@
 import { MouseEvent } from "../utils/types.js";
+import "../utils/index.js";
 import { ThemingProps } from "../theme/types.js";
 import { AnimationProp } from "../system/animations.js";
 import { SystemProps } from "../system/system.js";
+import "../system/index.js";
 import { FocusableElement } from "../focusLock/focusLock.types.js";
 import { ReactElement } from "react";
 

package/dist/modal/modal.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.types.d.ts","names":[],"sources":["../../src/modal/modal.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAOY,kBAAA,CAAA,CAAA,CAAqB;KAErB,iBAAA,CAAA,CAAA,CAAoB;KAEpB,YAAA,CAAA,CAAA,CAAe,KAAK;AAJpB,IAAA,CAMA,UAAA,CAAA,CAAA,CAAa,WANK,CAAA,CAAA,CAO5B,YAP0C,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA;EAEhC,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,IAAA,CAAA,KAAA,CAAA,QAAA,CAAA,EAAA,CAAA,GAAA,CAAA,OAAA,CAAA,IAAA,CAAA,MAAA,CAAA,OAAA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAEA,cAAA,CAAY,CAAA,CAAA,OAAA;EAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,SAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,CAAA,CAAA,OAAA,CAAA,QAAA,CAAA,CAAA;WAAQ,CAAA,CAAA,CAOhB,aAPgB;;EAAD,QAAA,CAAA,CASjB,YATiB;EAEnB,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,QAAA,CAAA,YAAA,CAAA,SAAA,CAAA,CAAA,CAAA;EAAU,YAAA,CAAA,CAAA,CASH,iBATG;;kBACpB,CAAA,CAAA,CAAA,OAAA;;sBAMY,CAAA,CAAA,CAAA,OAAA;;iBAkBsB,CAAA,CAAA,CAAA,OAAA;;eAIE,CAAA,CAAA,CAAA,OAAA;;oBAIZ,CAAA,CAAA,CAAA,OAAA;EAAU,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,SAAA,CAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,OAAA,CAAA,OAAA,CAAA,GAAA,CAAA,KAAA,CAAA,CAAA,CAAA;;;;;kBARhB,KAAA,CAAM,UAAU;;;;oBAId,KAAA,CAAM,UAAU;;;;wBAIZ"}
+{"version":3,"file":"modal.types.d.ts","names":[],"sources":["../../src/modal/modal.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KAOY,kBAAA,CAAA,CAAA,CAAqB;KAErB,iBAAA,CAAA,CAAA,CAAoB;KAEpB,YAAA,CAAA,CAAA,CAAe,KAAK;KAEpB,UAAA,CAAA,CAAA,CAAa,cACvB;;EAPU,cAAA,CAAA,CAAA,CAAA,OAAkB;EAElB,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,SAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,GAAA,CAAA,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,CAAA,CAAA,OAAA,CAAA,QAAA,CAAA,CAAA;EAEA,SAAA,CAAA,CAAA,CAOI,aAPQ;EAEZ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,KAAA,CAAA,OAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAAa,QAAA,CAAA,CAOX,YAPW;EACvB,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,QAAA,CAAA,YAAA,CAAA,SAAA,CAAA,CAAA,CAAA;EAIc,YAAA,CAAA,CAAA,CAIG,iBAJH;EAEF,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,GAAA,CAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA,GAAA,CAAA,KAAA,CAAA,QAAA,CAAA,OAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,QAAA,CAAA,CAAA,IAAA,CAAA,SAAA,CAAA,MAAA,CAAA,CAAA,CAAA;EAEK,gBAAA,CAAA,CAAA,CAAA,OAAA;EAgBiB,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,QAAA,CAAA,OAAA,CAAA,IAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA;EAAhB,oBAAM,CAAA,CAAA,CAAA,OAAA;EAIY,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,MAAA,CAAA,CAAA,IAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA;EAAhB,eAAM,CAAA,CAAA,CAAA,OAAA;EAIF,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,QAAA,CAAA,IAAA,CAAA,EAAA,CAAA,KAAA,CAAA,GAAA,CAAA,GAAA,CAAA,SAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,SAAA,CAAA,CAAA,CAAA;EAAU,aAAA,CAAA,CAAA,CAAA,OAAA;;;;;;;;kBARhB,KAAA,CAAM,UAAU;;;;oBAId,KAAA,CAAM,UAAU;;;;wBAIZ"}

package/dist/modal/modalBackdrop.d.ts

@@ -1,9 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
-import * as styled_components387 from "styled-components";
+import "../index.js";
+import * as styled_components406 from "styled-components";
 
 //#region src/modal/modalBackdrop.d.ts
-declare const ModalBackdropBase: styled_components387.StyledComponent<"div", styled_components387.DefaultTheme, SystemProps, never>;
+declare const ModalBackdropBase: styled_components406.StyledComponent<"div", styled_components406.DefaultTheme, SystemProps, never>;
 /** Displays a dark overlay underneath modal content, but on top of page content. */
 declare const ModalBackdrop: VuiComponent<"div", SystemProps>;
 //#endregion

package/dist/modal/modalBackdrop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modalBackdrop.d.ts","names":[],"sources":["../../src/modal/modalBackdrop.tsx"],"sourcesContent":[],"mappings":";;;;;cASa,mBAAiB,oBAAA,CAAA,uBAK7B,oBAAA,CAL6B,YAAA,CAAA,CAAA,WAAA,CAAA;;cAQjB,eAAa,oBAaxB,WAAA"}
+{"version":3,"file":"modalBackdrop.d.ts","names":[],"sources":["../../src/modal/modalBackdrop.tsx"],"sourcesContent":[],"mappings":";;;;;;cASa,mBAAiB,oBAAA,CAAA,uBAK7B,oBAAA,CAL6B,YAAA,CAAA,CAAA,WAAA,CAAA;;cAQjB,eAAa,oBAaxB,WAAA"}

package/dist/modal/modalBackdrop.js

@@ -1,7 +1,36 @@
-import e from"../theme/foundations/colors.js";import{HSLToRGBA as t,cs as n,parseHSL as r}from"../utils/styles.js";import{useStyleConfig as i}from"../core/theme.js";import{styled as a}from"../core/styled.js";import{vui as o}from"../core/vui.js";import{useModalContext as s}from"./context.js";import{jsx as c}from"react/jsx-runtime";const{h:l,s:u,l:d}=r(e.sandstone[5]),f=t(l,u,d,.6),p=a.divBox`
-  background-color: ${f};
+import colors_default from "../theme/foundations/colors.js";
+import { HSLToRGBA, cs, parseHSL } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { useModalContext } from "./context.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/modal/modalBackdrop.tsx
+const { h, s, l } = parseHSL(colors_default.sandstone[5]);
+const rgba = HSLToRGBA(h, s, l, .6);
+const ModalBackdropBase = styled.divBox`
+  background-color: ${rgba};
   inset: 0;
   position: fixed;
   z-index: modal;
-`,m=o((e,t)=>{let{className:r,...a}=e,o=i(`Modal`,s());return c(p,{animation:`fadeIn`,className:n(`vui-modalBackdrop`,r),ref:t,...o.backdrop,...a})});m.displayName=`ModalBackdrop`;var h=m;export{m as ModalBackdrop,p as ModalBackdropBase,h as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/** Displays a dark overlay underneath modal content, but on top of page content. */
+const ModalBackdrop = vui((props, ref) => {
+	const { className,...rest } = props;
+	const styles = useStyleConfig("Modal", useModalContext());
+	return /* @__PURE__ */ jsx(ModalBackdropBase, {
+		animation: "fadeIn",
+		className: cs("vui-modalBackdrop", className),
+		ref,
+		...styles.backdrop,
+		...rest
+	});
+});
+ModalBackdrop.displayName = "ModalBackdrop";
+var modalBackdrop_default = ModalBackdrop;
+
+//#endregion
+export { ModalBackdrop, ModalBackdropBase, modalBackdrop_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=modalBackdrop.js.map

package/dist/modal/modalBackdrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"modalBackdrop.js","names":["colors"],"sources":["../../src/modal/modalBackdrop.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { colors } from '../theme'\nimport { cs, HSLToRGBA, parseHSL } from '../utils'\nimport { useModalContext } from './context'\nimport type { ModalBackdropProps } from './modal.types'\n\nconst { h, s, l } = parseHSL(colors.sandstone[5])\nconst rgba = HSLToRGBA(h, s, l, 0.6)\n\nexport const ModalBackdropBase = styled.divBox`\n  background-color: ${rgba};\n  inset: 0;\n  position: fixed;\n  z-index: modal;\n`\n\n/** Displays a dark overlay underneath modal content, but on top of page content. */\nexport const ModalBackdrop = vui<'div', ModalBackdropProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Modal', useModalContext())\n\n  return (\n    <ModalBackdropBase\n      animation=\"fadeIn\"\n      className={cs('vui-modalBackdrop', className)}\n      ref={ref}\n      {...styles.backdrop}\n      {...rest}\n    />\n  )\n})\n\nModalBackdrop.displayName = 'ModalBackdrop'\n\nexport default ModalBackdrop\n"],"mappings":"4UAMA,KAAM,CAAE,IAAG,IAAG,KAAM,EAASA,EAAO,UAAU,GAAG,CAC3C,EAAO,EAAU,EAAG,EAAG,EAAG,GAAI,CAEvB,EAAoB,EAAO,MAAM;sBACxB,EAAK;;;;EAOd,EAAgB,GAAgC,EAAO,IAAQ,CAC1E,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,QAAS,GAAiB,CAAC,CAEzD,OACE,EAAC,EAAA,CACC,UAAU,SACV,UAAW,EAAG,oBAAqB,EAAU,CACxC,MACL,GAAI,EAAO,SACX,GAAI,GACJ,EAEJ,CAEF,EAAc,YAAc,gBAE5B,IAAA,EAAe"}
+{"version":3,"file":"modalBackdrop.js","names":["colors"],"sources":["../../src/modal/modalBackdrop.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { colors } from '../theme'\nimport { cs, HSLToRGBA, parseHSL } from '../utils'\nimport { useModalContext } from './context'\nimport type { ModalBackdropProps } from './modal.types'\n\nconst { h, s, l } = parseHSL(colors.sandstone[5])\nconst rgba = HSLToRGBA(h, s, l, 0.6)\n\nexport const ModalBackdropBase = styled.divBox`\n  background-color: ${rgba};\n  inset: 0;\n  position: fixed;\n  z-index: modal;\n`\n\n/** Displays a dark overlay underneath modal content, but on top of page content. */\nexport const ModalBackdrop = vui<'div', ModalBackdropProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Modal', useModalContext())\n\n  return (\n    <ModalBackdropBase\n      animation=\"fadeIn\"\n      className={cs('vui-modalBackdrop', className)}\n      ref={ref}\n      {...styles.backdrop}\n      {...rest}\n    />\n  )\n})\n\nModalBackdrop.displayName = 'ModalBackdrop'\n\nexport default ModalBackdrop\n"],"mappings":";;;;;;;;;AAMA,MAAM,EAAE,GAAG,GAAG,MAAM,SAASA,eAAO,UAAU,GAAG;AACjD,MAAM,OAAO,UAAU,GAAG,GAAG,GAAG,GAAI;AAEpC,MAAa,oBAAoB,OAAO,MAAM;sBACxB,KAAK;;;;;;AAO3B,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,SAAS,iBAAiB,CAAC;AAEzD,QACE,oBAAC;EACC,WAAU;EACV,WAAW,GAAG,qBAAqB,UAAU;EACxC;EACL,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,cAAc,cAAc;AAE5B,4BAAe"}

package/dist/modal/modalContent.d.ts

@@ -1,9 +1,10 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
-import * as styled_components389 from "styled-components";
+import "../index.js";
+import * as styled_components408 from "styled-components";
 
 //#region src/modal/modalContent.d.ts
-declare const ModalContentBase: styled_components389.StyledComponent<"div", styled_components389.DefaultTheme, SystemProps, never>;
+declare const ModalContentBase: styled_components408.StyledComponent<"div", styled_components408.DefaultTheme, SystemProps, never>;
 /** Wraps the content provided to the Modal component. */
 declare const ModalContent: VuiComponent<"div", SystemProps>;
 //#endregion

package/dist/modal/modalContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modalContent.d.ts","names":[],"sources":["../../src/modal/modalContent.tsx"],"sourcesContent":[],"mappings":";;;;;cAKa,kBAAgB,oBAAA,CAAA,uBAK5B,oBAAA,CAL4B,YAAA,CAAA,CAAA,WAAA,CAAA;;cAQhB,cAAY,oBAevB,WAAA"}
+{"version":3,"file":"modalContent.d.ts","names":[],"sources":["../../src/modal/modalContent.tsx"],"sourcesContent":[],"mappings":";;;;;;cAKa,kBAAgB,oBAAA,CAAA,uBAK5B,oBAAA,CAL4B,YAAA,CAAA,CAAA,WAAA,CAAA;;cAQhB,cAAY,oBAevB,WAAA"}

package/dist/modal/modalContent.js

@@ -1,7 +1,36 @@
-import{callAll as e}from"../utils/function.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{styled as r}from"../core/styled.js";import{vui as i}from"../core/vui.js";import{useModalContext as a}from"./context.js";import{jsx as o}from"react/jsx-runtime";const s=r.divBox`
+import { callAll } from "../utils/function.js";
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { useModalContext } from "./context.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/modal/modalContent.tsx
+const ModalContentBase = styled.divBox`
   display: flex;
   inset: 0px;
   position: fixed;
   z-index: modal;
-`,c=i((r,i)=>{let{className:c,...l}=r,{onBackdropClick:u}=a()??{},d=n(`Modal`,a());return o(s,{className:t(`vui-modalContent`,c),ref:i,tabIndex:-1,...d.content,...l,onClick:e(r.onClick,u)})});c.displayName=`ModalContent`;var l=c;export{c as ModalContent,s as ModalContentBase,l as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/** Wraps the content provided to the Modal component. */
+const ModalContent = vui((props, ref) => {
+	const { className,...rest } = props;
+	const { onBackdropClick } = useModalContext() ?? {};
+	const styles = useStyleConfig("Modal", useModalContext());
+	return /* @__PURE__ */ jsx(ModalContentBase, {
+		className: cs("vui-modalContent", className),
+		ref,
+		tabIndex: -1,
+		...styles.content,
+		...rest,
+		onClick: callAll(props.onClick, onBackdropClick)
+	});
+});
+ModalContent.displayName = "ModalContent";
+var modalContent_default = ModalContent;
+
+//#endregion
+export { ModalContent, ModalContentBase, modalContent_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=modalContent.js.map

package/dist/modal/modalContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"modalContent.js","names":[],"sources":["../../src/modal/modalContent.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { callAll, cs } from '../utils'\nimport { useModalContext } from './context'\nimport type { ModalContentProps } from './modal.types'\n\nexport const ModalContentBase = styled.divBox`\n  display: flex;\n  inset: 0px;\n  position: fixed;\n  z-index: modal;\n`\n\n/** Wraps the content provided to the Modal component. */\nexport const ModalContent = vui<'div', ModalContentProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { onBackdropClick } = useModalContext() ?? {}\n  const styles = useStyleConfig('Modal', useModalContext())\n\n  return (\n    <ModalContentBase\n      className={cs('vui-modalContent', className)}\n      ref={ref}\n      tabIndex={-1}\n      {...styles.content}\n      {...rest}\n      onClick={callAll(props.onClick, onBackdropClick)}\n    />\n  )\n})\n\nModalContent.displayName = 'ModalContent'\n\nexport default ModalContent\n"],"mappings":"gTAKA,MAAa,EAAmB,EAAO,MAAM;;;;;EAQhC,EAAe,GAA+B,EAAO,IAAQ,CACxE,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,CAAE,mBAAoB,GAAiB,EAAI,EAAE,CAC7C,EAAS,EAAe,QAAS,GAAiB,CAAC,CAEzD,OACE,EAAC,EAAA,CACC,UAAW,EAAG,mBAAoB,EAAU,CACvC,MACL,SAAU,GACV,GAAI,EAAO,QACX,GAAI,EACJ,QAAS,EAAQ,EAAM,QAAS,EAAgB,EAChD,EAEJ,CAEF,EAAa,YAAc,eAE3B,IAAA,EAAe"}
+{"version":3,"file":"modalContent.js","names":[],"sources":["../../src/modal/modalContent.tsx"],"sourcesContent":["import { styled, useStyleConfig, vui } from '../core'\nimport { callAll, cs } from '../utils'\nimport { useModalContext } from './context'\nimport type { ModalContentProps } from './modal.types'\n\nexport const ModalContentBase = styled.divBox`\n  display: flex;\n  inset: 0px;\n  position: fixed;\n  z-index: modal;\n`\n\n/** Wraps the content provided to the Modal component. */\nexport const ModalContent = vui<'div', ModalContentProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { onBackdropClick } = useModalContext() ?? {}\n  const styles = useStyleConfig('Modal', useModalContext())\n\n  return (\n    <ModalContentBase\n      className={cs('vui-modalContent', className)}\n      ref={ref}\n      tabIndex={-1}\n      {...styles.content}\n      {...rest}\n      onClick={callAll(props.onClick, onBackdropClick)}\n    />\n  )\n})\n\nModalContent.displayName = 'ModalContent'\n\nexport default ModalContent\n"],"mappings":";;;;;;;;;AAKA,MAAa,mBAAmB,OAAO,MAAM;;;;;;;AAQ7C,MAAa,eAAe,KAA+B,OAAO,QAAQ;CACxE,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,oBAAoB,iBAAiB,IAAI,EAAE;CACnD,MAAM,SAAS,eAAe,SAAS,iBAAiB,CAAC;AAEzD,QACE,oBAAC;EACC,WAAW,GAAG,oBAAoB,UAAU;EACvC;EACL,UAAU;EACV,GAAI,OAAO;EACX,GAAI;EACJ,SAAS,QAAQ,MAAM,SAAS,gBAAgB;GAChD;EAEJ;AAEF,aAAa,cAAc;AAE3B,2BAAe"}

package/dist/modal/modalManager.js

@@ -1,2 +1,33 @@
-import{useBodyScrollLock as e}from"../core/vuiProvider/useBodyScrollLock.js";import{useEffect as t}from"react";const n=new class{modals=[];add=e=>this.modals.push(e);remove=e=>this.modals=this.modals.filter(t=>t!==e);isTopModal=e=>this.modals[this.modals.length-1]===e};function r(r,i,a){let{setIsScrollLocked:o}=e();t(()=>(i&&(n.add(r),a||o(!0)),()=>{n.remove(r),a||o(!1)}),[i,r])}export{n as manager,r as useModalManager};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { useBodyScrollLock } from "../core/vuiProvider/useBodyScrollLock.js";
+import { useEffect } from "react";
+
+//#region src/modal/modalManager.ts
+/** State management for nested modals. */
+var ModalManager = class {
+	modals = [];
+	add = (modal) => this.modals.push(modal);
+	remove = (modal) => this.modals = this.modals.filter((m) => m !== modal);
+	isTopModal = (modal) => {
+		return this.modals[this.modals.length - 1] === modal;
+	};
+};
+const manager = new ModalManager();
+/** Refs of new modals will be automatically added/removed from the state when rendering. */
+function useModalManager(ref, isOpen, disableScrollLock) {
+	const { setIsScrollLocked } = useBodyScrollLock();
+	useEffect(() => {
+		if (isOpen) {
+			manager.add(ref);
+			if (!disableScrollLock) setIsScrollLocked(true);
+		}
+		return () => {
+			manager.remove(ref);
+			if (!disableScrollLock) setIsScrollLocked(false);
+		};
+	}, [isOpen, ref]);
+}
+
+//#endregion
+export { manager, useModalManager };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=modalManager.js.map

package/dist/modal/modalManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"modalManager.js","names":[],"sources":["../../src/modal/modalManager.ts"],"sourcesContent":["import type { Ref } from 'react'\nimport { useEffect } from 'react'\n\nimport { useBodyScrollLock } from '../core'\n\n/** State management for nested modals. */\nclass ModalManager {\n  modals: any[] = []\n\n  add = (modal: any) => this.modals.push(modal)\n\n  remove = (modal: any) => (this.modals = this.modals.filter(m => m !== modal))\n\n  isTopModal = (modal: any) => {\n    const topmostModal = this.modals[this.modals.length - 1]\n    return topmostModal === modal\n  }\n}\n\nexport const manager = new ModalManager()\n\n/** Refs of new modals will be automatically added/removed from the state when rendering. */\nexport function useModalManager(ref: Ref<any>, isOpen?: boolean, disableScrollLock?: boolean) {\n  const { setIsScrollLocked } = useBodyScrollLock()\n  useEffect(() => {\n    if (isOpen) {\n      manager.add(ref)\n      if (!disableScrollLock) setIsScrollLocked(true)\n    }\n\n    return () => {\n      manager.remove(ref)\n      if (!disableScrollLock) setIsScrollLocked(false)\n    }\n  }, [isOpen, ref])\n}\n"],"mappings":"+GAmBA,MAAa,EAAU,IAbvB,KAAmB,CACjB,OAAgB,EAAE,CAElB,IAAO,GAAe,KAAK,OAAO,KAAK,EAAM,CAE7C,OAAU,GAAgB,KAAK,OAAS,KAAK,OAAO,OAAO,GAAK,IAAM,EAAM,CAE5E,WAAc,GACS,KAAK,OAAO,KAAK,OAAO,OAAS,KAC9B,GAO5B,SAAgB,EAAgB,EAAe,EAAkB,EAA6B,CAC5F,GAAM,CAAE,qBAAsB,GAAmB,CACjD,OACM,IACF,EAAQ,IAAI,EAAI,CACX,GAAmB,EAAkB,GAAK,MAGpC,CACX,EAAQ,OAAO,EAAI,CACd,GAAmB,EAAkB,GAAM,GAEjD,CAAC,EAAQ,EAAI,CAAC"}
+{"version":3,"file":"modalManager.js","names":[],"sources":["../../src/modal/modalManager.ts"],"sourcesContent":["import type { Ref } from 'react'\nimport { useEffect } from 'react'\n\nimport { useBodyScrollLock } from '../core'\n\n/** State management for nested modals. */\nclass ModalManager {\n  modals: any[] = []\n\n  add = (modal: any) => this.modals.push(modal)\n\n  remove = (modal: any) => (this.modals = this.modals.filter(m => m !== modal))\n\n  isTopModal = (modal: any) => {\n    const topmostModal = this.modals[this.modals.length - 1]\n    return topmostModal === modal\n  }\n}\n\nexport const manager = new ModalManager()\n\n/** Refs of new modals will be automatically added/removed from the state when rendering. */\nexport function useModalManager(ref: Ref<any>, isOpen?: boolean, disableScrollLock?: boolean) {\n  const { setIsScrollLocked } = useBodyScrollLock()\n  useEffect(() => {\n    if (isOpen) {\n      manager.add(ref)\n      if (!disableScrollLock) setIsScrollLocked(true)\n    }\n\n    return () => {\n      manager.remove(ref)\n      if (!disableScrollLock) setIsScrollLocked(false)\n    }\n  }, [isOpen, ref])\n}\n"],"mappings":";;;;;AAMA,IAAM,eAAN,MAAmB;CACjB,SAAgB,EAAE;CAElB,OAAO,UAAe,KAAK,OAAO,KAAK,MAAM;CAE7C,UAAU,UAAgB,KAAK,SAAS,KAAK,OAAO,QAAO,MAAK,MAAM,MAAM;CAE5E,cAAc,UAAe;AAE3B,SADqB,KAAK,OAAO,KAAK,OAAO,SAAS,OAC9B;;;AAI5B,MAAa,UAAU,IAAI,cAAc;;AAGzC,SAAgB,gBAAgB,KAAe,QAAkB,mBAA6B;CAC5F,MAAM,EAAE,sBAAsB,mBAAmB;AACjD,iBAAgB;AACd,MAAI,QAAQ;AACV,WAAQ,IAAI,IAAI;AAChB,OAAI,CAAC,kBAAmB,mBAAkB,KAAK;;AAGjD,eAAa;AACX,WAAQ,OAAO,IAAI;AACnB,OAAI,CAAC,kBAAmB,mBAAkB,MAAM;;IAEjD,CAAC,QAAQ,IAAI,CAAC"}