@veracity/vui 3.0.0-beta.8 → 3.0.0-beta.9

package/dist/dialog/dialog.d.ts

@@ -9,10 +9,10 @@ import { DialogHeader } from "./dialogHeader.js";
 import { DialogIcon } from "./dialogIcon.js";
 import { DialogSubmitButton } from "./dialogSubmitButton.js";
 import { DialogTitle } from "./dialogTitle.js";
-import * as styled_components17 from "styled-components";
+import * as styled_components371 from "styled-components";
 
 //#region src/dialog/dialog.d.ts
-declare const DialogBase: styled_components17.StyledComponent<"div", styled_components17.DefaultTheme, SystemProps, never>;
+declare const DialogBase: styled_components371.StyledComponent<"div", styled_components371.DefaultTheme, SystemProps, never>;
 /**
  * Displays content in a Modal window. Includes required accessibility configuration.
  *

package/dist/dialog/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","names":[],"sources":["../../src/dialog/dialog.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;cAkBa,YAAU,mBAAA,CAAA,uBAOtB,mBAAA,CAPsB,YAAA,CAAA,CAAA,WAAA,CAAA;;;;AAAvB,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,KAAA,CAAA;;;;AAAuB,OAAA,CAAA,KAAA,CAgBV,MAhBU,CAAA,CA2FjB,YA3FiB,CAAA,CAAA,GAAA,CAAA,CAAA,CA2FG,WA3FH,CAAA,CAAA,CAAA,CAAA;EAAA,IAAA,CAAA,CAAA,MAAA,CA4FR,UA5FQ;EAgBV,YAoFZ,CAAA,CAAA,MAAA,CAPsB,kBAOtB;EAAA,WAAA,CAAA,CAAA,MAAA,CANqB,iBAMrB;QATyB,CAAA,CAAA,MAAA,CAIT,YAJS;QAApB,CAAA,CAAA,MAAA,CAKW,YALX;MACS,CAAA,CAAA,MAAA,CAKA,UALA;cACQ,CAAA,CAAA,MAAA,CAKA,kBALA;OACD,CAAA,CAAA,MAAA,CAKN,WALM"}
+{"version":3,"file":"dialog.d.ts","names":[],"sources":["../../src/dialog/dialog.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;cAkBa,YAAU,oBAAA,CAAA,uBAOtB,oBAAA,CAPsB,YAAA,CAAA,CAAA,WAAA,CAAA;;;;AAAvB,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,KAAA,CAAA;;;;AAAuB,OAAA,CAAA,KAAA,CAgBV,MAhBU,CAAA,CA2FjB,YA3FiB,CAAA,CAAA,GAAA,CAAA,CAAA,CA2FG,WA3FH,CAAA,CAAA,CAAA,CAAA;EAAA,IAAA,CAAA,CAAA,MAAA,CA4FR,UA5FQ;EAgBV,YAoFZ,CAAA,CAAA,MAAA,CAPsB,kBAOtB;EAAA,WAAA,CAAA,CAAA,MAAA,CANqB,iBAMrB;QATyB,CAAA,CAAA,MAAA,CAIT,YAJS;QAApB,CAAA,CAAA,MAAA,CAKW,YALX;MACS,CAAA,CAAA,MAAA,CAKA,UALA;cACQ,CAAA,CAAA,MAAA,CAKA,kBALA;OACD,CAAA,CAAA,MAAA,CAKN,WALM"}

package/dist/dialog/dialog.js

@@ -1,9 +1,119 @@
-import{isJsx as e,isReactText as t}from"../utils/assertion.js";import{random as n}from"../utils/number.js";import{useIds as r}from"../utils/react.js";import{cs as i}from"../utils/styles.js";import{useStyleConfig as a}from"../core/theme.js";import{styled as o}from"../core/styled.js";import{vui as s}from"../core/vui.js";import{modalAnimation as c,modalJustifyContent as l}from"./consts.js";import{DialogProvider as u}from"./context.js";import d from"../modal/modal.js";import f from"./dialogBody.js";import p from"./dialogCancelButton.js";import m from"./dialogCloseButton.js";import h from"./dialogSubmitButton.js";import g from"./dialogFooter.js";import _ from"./dialogIcon.js";import v from"./dialogTitle.js";import y from"./dialogHeader.js";import{useRef as b}from"react";import{Fragment as x,jsx as S,jsxs as C}from"react/jsx-runtime";const w=o.divBox`
+import { isJsx, isReactText } from "../utils/assertion.js";
+import { random } from "../utils/number.js";
+import { useIds } from "../utils/react.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 { modalAnimation, modalJustifyContent } from "./consts.js";
+import { DialogProvider } from "./context.js";
+import modal_default from "../modal/modal.js";
+import dialogBody_default from "./dialogBody.js";
+import dialogCancelButton_default from "./dialogCancelButton.js";
+import dialogCloseButton_default from "./dialogCloseButton.js";
+import dialogSubmitButton_default from "./dialogSubmitButton.js";
+import dialogFooter_default from "./dialogFooter.js";
+import dialogIcon_default from "./dialogIcon.js";
+import dialogTitle_default from "./dialogTitle.js";
+import dialogHeader_default from "./dialogHeader.js";
+import { useRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/dialog/dialog.tsx
+const DialogBase = styled.divBox`
   background-color: white;
   border-radius: 1px;
   box-shadow: modal;
   display: flex;
   flex-direction: column;
   width: 100%;
-`,T=s((o,s)=>{let{body:p,cancelButton:m,children:h,className:_,closeButton:v,disableBackdropClose:T,footer:E,header:D,icon:O,id:k,isOpen:A,modalProps:j,placement:M=`center`,onClose:N,size:P,status:F,submitButton:I,title:L,variant:R,...z}=o,B=a(`Dialog`,o),[V,H,U]=r(b(k??n().toString()).current,[`dialog`,`dialog-body`,`dialog-title`]),W=t(p)?{children:p}:p,G=!!(D||v||O||L),K=!!(E||m||I),q={"aria-describedby":H,"aria-labelledby":U},J={animation:c[M],contentProps:{alignItems:M===`center`?`center`:`auto`,justifyContent:l[M],...j?.contentProps},...j};return S(u,{value:{bodyId:H,icon:O,isOpen:A,onClose:N,size:P,status:F,titleId:U,variant:R},children:S(d,{isOpen:A,onClose:N,...J,disableBackdropClose:T,children:S(w,{className:i(`vui-dialog`,_),id:V,maxH:M===`center`?`calc(100vh - 32px)`:`100%`,ref:s,role:`dialog`,...q,...B.container,...z,children:h??C(x,{children:[e(D)?D:G&&S(y,{closeButton:v,icon:O,title:L,...D}),e(W)?W:W&&S(f,{...W}),e(E)?E:K&&S(g,{cancelButton:m,submitButton:I,...E})]})})})})});T.Body=f,T.CancelButton=p,T.CloseButton=m,T.Footer=g,T.Header=y,T.Icon=_,T.SubmitButton=h,T.Title=v,T.displayName=`Dialog`;var E=T;export{w as DialogBase,E as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/**
+* Displays content in a Modal window. Includes required accessibility configuration.
+*
+* Dialog is built upon `Modal`.
+*
+* The content can include important information, like warnings or errors, simple forms or prompts for user's decision. It blocks interaction with the rest of the page, but often can be disabled by pressing Escape, clicking on the backdrop or close button.
+*/
+const Dialog = vui((props, ref) => {
+	const { body: bodyProp, cancelButton, children, className, closeButton, disableBackdropClose, footer, header, icon, id, isOpen, modalProps: modalPropsProp, placement = "center", onClose, size, status, submitButton, title, variant,...rest } = props;
+	const styles = useStyleConfig("Dialog", props);
+	const [dialogId, bodyId, titleId] = useIds(useRef(id ?? random().toString()).current, [
+		"dialog",
+		"dialog-body",
+		"dialog-title"
+	]);
+	const body = isReactText(bodyProp) ? { children: bodyProp } : bodyProp;
+	const showHeader = Boolean(header || closeButton || icon || title);
+	const showFooter = Boolean(footer || cancelButton || submitButton);
+	const ariaProps = {
+		"aria-describedby": bodyId,
+		"aria-labelledby": titleId
+	};
+	const modalProps = {
+		animation: modalAnimation[placement],
+		contentProps: {
+			alignItems: placement === "center" ? "center" : "auto",
+			justifyContent: modalJustifyContent[placement],
+			...modalPropsProp?.contentProps
+		},
+		...modalPropsProp
+	};
+	return /* @__PURE__ */ jsx(DialogProvider, {
+		value: {
+			bodyId,
+			icon,
+			isOpen,
+			onClose,
+			size,
+			status,
+			titleId,
+			variant
+		},
+		children: /* @__PURE__ */ jsx(modal_default, {
+			isOpen,
+			onClose,
+			...modalProps,
+			disableBackdropClose,
+			children: /* @__PURE__ */ jsx(DialogBase, {
+				className: cs("vui-dialog", className),
+				id: dialogId,
+				maxH: placement === "center" ? "calc(100vh - 32px)" : "100%",
+				ref,
+				role: "dialog",
+				...ariaProps,
+				...styles.container,
+				...rest,
+				children: children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+					isJsx(header) ? header : showHeader && /* @__PURE__ */ jsx(dialogHeader_default, {
+						closeButton,
+						icon,
+						title,
+						...header
+					}),
+					isJsx(body) ? body : body && /* @__PURE__ */ jsx(dialogBody_default, { ...body }),
+					isJsx(footer) ? footer : showFooter && /* @__PURE__ */ jsx(dialogFooter_default, {
+						cancelButton,
+						submitButton,
+						...footer
+					})
+				] })
+			})
+		})
+	});
+});
+Dialog.Body = dialogBody_default;
+Dialog.CancelButton = dialogCancelButton_default;
+Dialog.CloseButton = dialogCloseButton_default;
+Dialog.Footer = dialogFooter_default;
+Dialog.Header = dialogHeader_default;
+Dialog.Icon = dialogIcon_default;
+Dialog.SubmitButton = dialogSubmitButton_default;
+Dialog.Title = dialogTitle_default;
+Dialog.displayName = "Dialog";
+var dialog_default = Dialog;
+
+//#endregion
+export { DialogBase, dialog_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=dialog.js.map

package/dist/dialog/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","names":["Modal","DialogHeader","DialogBody","DialogFooter","DialogCancelButton","DialogCloseButton","DialogIcon","DialogSubmitButton","DialogTitle"],"sources":["../../src/dialog/dialog.tsx"],"sourcesContent":["import { useRef } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { Modal } from '../modal'\nimport { cs, isJsx, isReactText, random, useIds } from '../utils'\nimport { modalAnimation, modalJustifyContent } from './consts'\nimport { DialogProvider } from './context'\nimport type { DialogProps } from './dialog.types'\nimport DialogBody from './dialogBody'\nimport DialogCancelButton from './dialogCancelButton'\nimport DialogCloseButton from './dialogCloseButton'\nimport DialogFooter from './dialogFooter'\nimport DialogHeader from './dialogHeader'\nimport DialogIcon from './dialogIcon'\nimport DialogSubmitButton from './dialogSubmitButton'\nimport DialogTitle from './dialogTitle'\n\nexport const DialogBase = styled.divBox`\n  background-color: white;\n  border-radius: 1px;\n  box-shadow: modal;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n`\n\n/**\n * Displays content in a Modal window. Includes required accessibility configuration.\n *\n * Dialog is built upon `Modal`.\n *\n * The content can include important information, like warnings or errors, simple forms or prompts for user's decision. It blocks interaction with the rest of the page, but often can be disabled by pressing Escape, clicking on the backdrop or close button.\n */\nexport const Dialog = vui<'div', DialogProps>((props, ref) => {\n  const {\n    body: bodyProp,\n    cancelButton,\n    children,\n    className,\n    closeButton,\n    disableBackdropClose,\n    footer,\n    header,\n    icon,\n    id,\n    isOpen,\n    modalProps: modalPropsProp,\n    placement = 'center',\n    onClose,\n    size,\n    status,\n    submitButton,\n    title,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Dialog', props)\n\n  const idRef = useRef(id ?? random().toString())\n  const [dialogId, bodyId, titleId] = useIds(idRef.current, ['dialog', 'dialog-body', 'dialog-title'])\n\n  const body = isReactText(bodyProp) ? { children: bodyProp } : bodyProp\n  const showHeader = Boolean(header || closeButton || icon || title)\n  const showFooter = Boolean(footer || cancelButton || submitButton)\n\n  const ariaProps = {\n    'aria-describedby': bodyId,\n    'aria-labelledby': titleId,\n  }\n\n  const modalProps = {\n    animation: modalAnimation[placement as keyof typeof modalAnimation],\n    contentProps: {\n      alignItems: placement === 'center' ? 'center' : 'auto',\n      justifyContent: modalJustifyContent[placement as keyof typeof modalJustifyContent],\n      ...modalPropsProp?.contentProps,\n    },\n    ...modalPropsProp,\n  }\n\n  const context = { bodyId, icon, isOpen, onClose, size, status, titleId, variant }\n\n  return (\n    <DialogProvider value={context}>\n      <Modal {...{ isOpen, onClose }} {...{ ...modalProps, disableBackdropClose }}>\n        <DialogBase\n          className={cs('vui-dialog', className)}\n          id={dialogId}\n          maxH={placement === 'center' ? 'calc(100vh - 32px)' : '100%'}\n          ref={ref}\n          role=\"dialog\"\n          {...ariaProps}\n          {...styles.container}\n          {...rest}\n        >\n          {children ?? (\n            <>\n              {isJsx(header) ? header : showHeader && <DialogHeader {...{ closeButton, icon, title }} {...header} />}\n\n              {isJsx(body) ? body : body && <DialogBody {...body} />}\n\n              {isJsx(footer) ? footer : showFooter && <DialogFooter {...{ cancelButton, submitButton }} {...footer} />}\n            </>\n          )}\n        </DialogBase>\n      </Modal>\n    </DialogProvider>\n  )\n}) as VuiComponent<'div', DialogProps> & {\n  Body: typeof DialogBody\n  CancelButton: typeof DialogCancelButton\n  CloseButton: typeof DialogCloseButton\n  Footer: typeof DialogFooter\n  Header: typeof DialogHeader\n  Icon: typeof DialogIcon\n  SubmitButton: typeof DialogSubmitButton\n  Title: typeof DialogTitle\n}\n\nDialog.Body = DialogBody\nDialog.CancelButton = DialogCancelButton\nDialog.CloseButton = DialogCloseButton\nDialog.Footer = DialogFooter\nDialog.Header = DialogHeader\nDialog.Icon = DialogIcon\nDialog.SubmitButton = DialogSubmitButton\nDialog.Title = DialogTitle\nDialog.displayName = 'Dialog'\n\nexport default Dialog\n"],"mappings":"w0BAkBA,MAAa,EAAa,EAAO,MAAM;;;;;;;EAgB1B,EAAS,GAAyB,EAAO,IAAQ,CAC5D,GAAM,CACJ,KAAM,EACN,eACA,WACA,YACA,cACA,uBACA,SACA,SACA,OACA,KACA,SACA,WAAY,EACZ,YAAY,SACZ,UACA,OACA,SACA,eACA,QACA,UACA,GAAG,GACD,EACE,EAAS,EAAe,SAAU,EAAM,CAGxC,CAAC,EAAU,EAAQ,GAAW,EADtB,EAAO,GAAM,GAAQ,CAAC,UAAU,CAAC,CACE,QAAS,CAAC,SAAU,cAAe,eAAe,CAAC,CAE9F,EAAO,EAAY,EAAS,CAAG,CAAE,SAAU,EAAU,CAAG,EACxD,EAAa,GAAQ,GAAU,GAAe,GAAQ,GACtD,EAAa,GAAQ,GAAU,GAAgB,GAE/C,EAAY,CAChB,mBAAoB,EACpB,kBAAmB,EACpB,CAEK,EAAa,CACjB,UAAW,EAAe,GAC1B,aAAc,CACZ,WAAY,IAAc,SAAW,SAAW,OAChD,eAAgB,EAAoB,GACpC,GAAG,GAAgB,aACpB,CACD,GAAG,EACJ,CAID,OACE,EAAC,EAAA,CAAe,MAHF,CAAE,SAAQ,OAAM,SAAQ,UAAS,OAAM,SAAQ,UAAS,UAAS,UAI7E,EAACA,EAAAA,CAAY,SAAQ,UAAiB,GAAG,EAAY,gCACnD,EAAC,EAAA,CACC,UAAW,EAAG,aAAc,EAAU,CACtC,GAAI,EACJ,KAAM,IAAc,SAAW,qBAAuB,OACjD,MACL,KAAK,SACL,GAAI,EACJ,GAAI,EAAO,UACX,GAAI,WAEH,GACC,EAAA,EAAA,CAAA,SAAA,CACG,EAAM,EAAO,CAAG,EAAS,GAAc,EAACC,EAAAA,CAAmB,cAAa,OAAM,QAAS,GAAI,GAAU,CAErG,EAAM,EAAK,CAAG,EAAO,GAAQ,EAACC,EAAAA,CAAW,GAAI,EAAA,CAAQ,CAErD,EAAM,EAAO,CAAG,EAAS,GAAc,EAACC,EAAAA,CAAmB,eAAc,eAAgB,GAAI,GAAU,GACvG,EAEM,EACP,EACO,EAEnB,CAWF,EAAO,KAAOD,EACd,EAAO,aAAeE,EACtB,EAAO,YAAcC,EACrB,EAAO,OAASF,EAChB,EAAO,OAASF,EAChB,EAAO,KAAOK,EACd,EAAO,aAAeC,EACtB,EAAO,MAAQC,EACf,EAAO,YAAc,SAErB,IAAA,EAAe"}
+{"version":3,"file":"dialog.js","names":["Modal","DialogHeader","DialogBody","DialogFooter","DialogCancelButton","DialogCloseButton","DialogIcon","DialogSubmitButton","DialogTitle"],"sources":["../../src/dialog/dialog.tsx"],"sourcesContent":["import { useRef } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { Modal } from '../modal'\nimport { cs, isJsx, isReactText, random, useIds } from '../utils'\nimport { modalAnimation, modalJustifyContent } from './consts'\nimport { DialogProvider } from './context'\nimport type { DialogProps } from './dialog.types'\nimport DialogBody from './dialogBody'\nimport DialogCancelButton from './dialogCancelButton'\nimport DialogCloseButton from './dialogCloseButton'\nimport DialogFooter from './dialogFooter'\nimport DialogHeader from './dialogHeader'\nimport DialogIcon from './dialogIcon'\nimport DialogSubmitButton from './dialogSubmitButton'\nimport DialogTitle from './dialogTitle'\n\nexport const DialogBase = styled.divBox`\n  background-color: white;\n  border-radius: 1px;\n  box-shadow: modal;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n`\n\n/**\n * Displays content in a Modal window. Includes required accessibility configuration.\n *\n * Dialog is built upon `Modal`.\n *\n * The content can include important information, like warnings or errors, simple forms or prompts for user's decision. It blocks interaction with the rest of the page, but often can be disabled by pressing Escape, clicking on the backdrop or close button.\n */\nexport const Dialog = vui<'div', DialogProps>((props, ref) => {\n  const {\n    body: bodyProp,\n    cancelButton,\n    children,\n    className,\n    closeButton,\n    disableBackdropClose,\n    footer,\n    header,\n    icon,\n    id,\n    isOpen,\n    modalProps: modalPropsProp,\n    placement = 'center',\n    onClose,\n    size,\n    status,\n    submitButton,\n    title,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Dialog', props)\n\n  const idRef = useRef(id ?? random().toString())\n  const [dialogId, bodyId, titleId] = useIds(idRef.current, ['dialog', 'dialog-body', 'dialog-title'])\n\n  const body = isReactText(bodyProp) ? { children: bodyProp } : bodyProp\n  const showHeader = Boolean(header || closeButton || icon || title)\n  const showFooter = Boolean(footer || cancelButton || submitButton)\n\n  const ariaProps = {\n    'aria-describedby': bodyId,\n    'aria-labelledby': titleId,\n  }\n\n  const modalProps = {\n    animation: modalAnimation[placement as keyof typeof modalAnimation],\n    contentProps: {\n      alignItems: placement === 'center' ? 'center' : 'auto',\n      justifyContent: modalJustifyContent[placement as keyof typeof modalJustifyContent],\n      ...modalPropsProp?.contentProps,\n    },\n    ...modalPropsProp,\n  }\n\n  const context = { bodyId, icon, isOpen, onClose, size, status, titleId, variant }\n\n  return (\n    <DialogProvider value={context}>\n      <Modal {...{ isOpen, onClose }} {...{ ...modalProps, disableBackdropClose }}>\n        <DialogBase\n          className={cs('vui-dialog', className)}\n          id={dialogId}\n          maxH={placement === 'center' ? 'calc(100vh - 32px)' : '100%'}\n          ref={ref}\n          role=\"dialog\"\n          {...ariaProps}\n          {...styles.container}\n          {...rest}\n        >\n          {children ?? (\n            <>\n              {isJsx(header) ? header : showHeader && <DialogHeader {...{ closeButton, icon, title }} {...header} />}\n\n              {isJsx(body) ? body : body && <DialogBody {...body} />}\n\n              {isJsx(footer) ? footer : showFooter && <DialogFooter {...{ cancelButton, submitButton }} {...footer} />}\n            </>\n          )}\n        </DialogBase>\n      </Modal>\n    </DialogProvider>\n  )\n}) as VuiComponent<'div', DialogProps> & {\n  Body: typeof DialogBody\n  CancelButton: typeof DialogCancelButton\n  CloseButton: typeof DialogCloseButton\n  Footer: typeof DialogFooter\n  Header: typeof DialogHeader\n  Icon: typeof DialogIcon\n  SubmitButton: typeof DialogSubmitButton\n  Title: typeof DialogTitle\n}\n\nDialog.Body = DialogBody\nDialog.CancelButton = DialogCancelButton\nDialog.CloseButton = DialogCloseButton\nDialog.Footer = DialogFooter\nDialog.Header = DialogHeader\nDialog.Icon = DialogIcon\nDialog.SubmitButton = DialogSubmitButton\nDialog.Title = DialogTitle\nDialog.displayName = 'Dialog'\n\nexport default Dialog\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAa,aAAa,OAAO,MAAM;;;;;;;;;;;;;;;AAgBvC,MAAa,SAAS,KAAyB,OAAO,QAAQ;CAC5D,MAAM,EACJ,MAAM,UACN,cACA,UACA,WACA,aACA,sBACA,QACA,QACA,MACA,IACA,QACA,YAAY,gBACZ,YAAY,UACZ,SACA,MACA,QACA,cACA,OACA,QACA,GAAG,SACD;CACJ,MAAM,SAAS,eAAe,UAAU,MAAM;CAG9C,MAAM,CAAC,UAAU,QAAQ,WAAW,OADtB,OAAO,MAAM,QAAQ,CAAC,UAAU,CAAC,CACE,SAAS;EAAC;EAAU;EAAe;EAAe,CAAC;CAEpG,MAAM,OAAO,YAAY,SAAS,GAAG,EAAE,UAAU,UAAU,GAAG;CAC9D,MAAM,aAAa,QAAQ,UAAU,eAAe,QAAQ,MAAM;CAClE,MAAM,aAAa,QAAQ,UAAU,gBAAgB,aAAa;CAElE,MAAM,YAAY;EAChB,oBAAoB;EACpB,mBAAmB;EACpB;CAED,MAAM,aAAa;EACjB,WAAW,eAAe;EAC1B,cAAc;GACZ,YAAY,cAAc,WAAW,WAAW;GAChD,gBAAgB,oBAAoB;GACpC,GAAG,gBAAgB;GACpB;EACD,GAAG;EACJ;AAID,QACE,oBAAC;EAAe,OAHF;GAAE;GAAQ;GAAM;GAAQ;GAAS;GAAM;GAAQ;GAAS;GAAS;YAI7E,oBAACA;GAAY;GAAQ;GAAiB,GAAG;GAAY;aACnD,oBAAC;IACC,WAAW,GAAG,cAAc,UAAU;IACtC,IAAI;IACJ,MAAM,cAAc,WAAW,uBAAuB;IACjD;IACL,MAAK;IACL,GAAI;IACJ,GAAI,OAAO;IACX,GAAI;cAEH,YACC;KACG,MAAM,OAAO,GAAG,SAAS,cAAc,oBAACC;MAAmB;MAAa;MAAM;MAAS,GAAI;OAAU;KAErG,MAAM,KAAK,GAAG,OAAO,QAAQ,oBAACC,sBAAW,GAAI,OAAQ;KAErD,MAAM,OAAO,GAAG,SAAS,cAAc,oBAACC;MAAmB;MAAc;MAAgB,GAAI;OAAU;QACvG;KAEM;IACP;GACO;EAEnB;AAWF,OAAO,OAAOD;AACd,OAAO,eAAeE;AACtB,OAAO,cAAcC;AACrB,OAAO,SAASF;AAChB,OAAO,SAASF;AAChB,OAAO,OAAOK;AACd,OAAO,eAAeC;AACtB,OAAO,QAAQC;AACf,OAAO,cAAc;AAErB,qBAAe"}

package/dist/dialog/dialogBody.js

@@ -1,2 +1,56 @@
-import{mergeRefs as e}from"../utils/react.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import{Box as i}from"../box/box.js";import{useDialogContext as a}from"./context.js";import{useEffect as o,useRef as s,useState as c}from"react";import{jsx as l}from"react/jsx-runtime";const u=r((r,u)=>{let{className:d,...f}=r,{bodyId:p,icon:m,status:h}=a()??{},g=n(`Dialog`,a()),[_,v]=c(!1),y=s(null),b=s(new ResizeObserver(()=>{if(y.current){let{clientHeight:e,scrollHeight:t}=y.current;v(t>e)}}));o(()=>{y.current&&b.current?.observe(y.current)},[]);let x=_?{borderColor:`grey.30`}:{},S=(m??h)===void 0?{px:3}:{px:8};return l(i,{borderBottom:`1px solid transparent`,borderTop:`1px solid transparent`,className:t(`vui-dialogBody`,d),column:!0,id:p,overflowY:`auto`,pb:2,pt:1.5,ref:e(u,y),...x,...S,...g.body,...f})});u.displayName=`DialogBody`;var d=u;export{u as DialogBody,d as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { mergeRefs } from "../utils/react.js";
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import { Box } from "../box/box.js";
+import { useDialogContext } from "./context.js";
+import { useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/dialog/dialogBody.tsx
+/**
+* Shows the main content between the Dialog Header and Footer.
+* It becomes scrollable when content does not fit vertically. Borders are shown automatically.
+* Receives more horizontal padding when Dialog has icon, so align text with title.
+* Receives id linked to aria-describedby on the Dialog for accessibility.
+*/
+const DialogBody = vui((props, ref) => {
+	const { className,...rest } = props;
+	const { bodyId, icon, status } = useDialogContext() ?? {};
+	const styles = useStyleConfig("Dialog", useDialogContext());
+	const [isScrolled, setIsScrolled] = useState(false);
+	const bodyRef = useRef(null);
+	const observerRef = useRef(new ResizeObserver(() => {
+		if (bodyRef.current) {
+			const { clientHeight, scrollHeight } = bodyRef.current;
+			setIsScrolled(scrollHeight > clientHeight);
+		}
+	}));
+	useEffect(() => {
+		bodyRef.current && observerRef.current?.observe(bodyRef.current);
+	}, []);
+	const borderProps = isScrolled ? { borderColor: "grey.30" } : {};
+	const paddingProps = (icon ?? status) !== void 0 ? { px: 8 } : { px: 3 };
+	return /* @__PURE__ */ jsx(Box, {
+		borderBottom: "1px solid transparent",
+		borderTop: "1px solid transparent",
+		className: cs("vui-dialogBody", className),
+		column: true,
+		id: bodyId,
+		overflowY: "auto",
+		pb: 2,
+		pt: 1.5,
+		ref: mergeRefs(ref, bodyRef),
+		...borderProps,
+		...paddingProps,
+		...styles.body,
+		...rest
+	});
+});
+DialogBody.displayName = "DialogBody";
+var dialogBody_default = DialogBody;
+
+//#endregion
+export { DialogBody, dialogBody_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=dialogBody.js.map

package/dist/dialog/dialogBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogBody.js","names":[],"sources":["../../src/dialog/dialogBody.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport { Box } from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, mergeRefs } from '../utils'\nimport { useDialogContext } from './context'\nimport type { DialogBodyProps } from './dialog.types'\n\n/**\n * Shows the main content between the Dialog Header and Footer.\n * It becomes scrollable when content does not fit vertically. Borders are shown automatically.\n * Receives more horizontal padding when Dialog has icon, so align text with title.\n * Receives id linked to aria-describedby on the Dialog for accessibility.\n */\nexport const DialogBody = vui<'div', DialogBodyProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { bodyId, icon, status } = useDialogContext() ?? {}\n  const styles = useStyleConfig('Dialog', useDialogContext())\n\n  const [isScrolled, setIsScrolled] = useState(false)\n  const bodyRef = useRef<HTMLDivElement>(null)\n\n  // Observe size changes of the body to detect if it becomes vertically scrollable\n  const observerRef = useRef(\n    new ResizeObserver(() => {\n      if (bodyRef.current) {\n        const { clientHeight, scrollHeight } = bodyRef.current\n        setIsScrolled(scrollHeight > clientHeight)\n      }\n    }),\n  )\n\n  useEffect(() => {\n    bodyRef.current && observerRef.current?.observe(bodyRef.current)\n  }, [])\n\n  // If body can be scrolled vertically, add dividing lines on top and bottom\n  const borderProps = isScrolled ? { borderColor: 'grey.30' } : {}\n\n  // Add more body padding when custom or status icon is displayed\n  const paddingProps = (icon ?? status) !== undefined ? { px: 8 } : { px: 3 }\n\n  return (\n    <Box\n      borderBottom=\"1px solid transparent\"\n      borderTop=\"1px solid transparent\"\n      className={cs('vui-dialogBody', className)}\n      column\n      id={bodyId}\n      overflowY=\"auto\"\n      pb={2}\n      pt={1.5}\n      ref={mergeRefs(ref, bodyRef)}\n      {...borderProps}\n      {...paddingProps}\n      {...styles.body}\n      {...rest}\n    />\n  )\n})\n\nDialogBody.displayName = 'DialogBody'\n\nexport default DialogBody\n"],"mappings":"qWAcA,MAAa,EAAa,GAA6B,EAAO,IAAQ,CACpE,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,CAAE,SAAQ,OAAM,UAAW,GAAkB,EAAI,EAAE,CACnD,EAAS,EAAe,SAAU,GAAkB,CAAC,CAErD,CAAC,EAAY,GAAiB,EAAS,GAAM,CAC7C,EAAU,EAAuB,KAAK,CAGtC,EAAc,EAClB,IAAI,mBAAqB,CACvB,GAAI,EAAQ,QAAS,CACnB,GAAM,CAAE,eAAc,gBAAiB,EAAQ,QAC/C,EAAc,EAAe,EAAa,GAE5C,CACH,CAED,MAAgB,CACd,EAAQ,SAAW,EAAY,SAAS,QAAQ,EAAQ,QAAQ,EAC/D,EAAE,CAAC,CAGN,IAAM,EAAc,EAAa,CAAE,YAAa,UAAW,CAAG,EAAE,CAG1D,GAAgB,GAAQ,KAAY,IAAA,GAAwB,CAAE,GAAI,EAAG,CAArB,CAAE,GAAI,EAAG,CAE/D,OACE,EAAC,EAAA,CACC,aAAa,wBACb,UAAU,wBACV,UAAW,EAAG,iBAAkB,EAAU,CAC1C,OAAA,GACA,GAAI,EACJ,UAAU,OACV,GAAI,EACJ,GAAI,IACJ,IAAK,EAAU,EAAK,EAAQ,CAC5B,GAAI,EACJ,GAAI,EACJ,GAAI,EAAO,KACX,GAAI,GACJ,EAEJ,CAEF,EAAW,YAAc,aAEzB,IAAA,EAAe"}
+{"version":3,"file":"dialogBody.js","names":[],"sources":["../../src/dialog/dialogBody.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport { Box } from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, mergeRefs } from '../utils'\nimport { useDialogContext } from './context'\nimport type { DialogBodyProps } from './dialog.types'\n\n/**\n * Shows the main content between the Dialog Header and Footer.\n * It becomes scrollable when content does not fit vertically. Borders are shown automatically.\n * Receives more horizontal padding when Dialog has icon, so align text with title.\n * Receives id linked to aria-describedby on the Dialog for accessibility.\n */\nexport const DialogBody = vui<'div', DialogBodyProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { bodyId, icon, status } = useDialogContext() ?? {}\n  const styles = useStyleConfig('Dialog', useDialogContext())\n\n  const [isScrolled, setIsScrolled] = useState(false)\n  const bodyRef = useRef<HTMLDivElement>(null)\n\n  // Observe size changes of the body to detect if it becomes vertically scrollable\n  const observerRef = useRef(\n    new ResizeObserver(() => {\n      if (bodyRef.current) {\n        const { clientHeight, scrollHeight } = bodyRef.current\n        setIsScrolled(scrollHeight > clientHeight)\n      }\n    }),\n  )\n\n  useEffect(() => {\n    bodyRef.current && observerRef.current?.observe(bodyRef.current)\n  }, [])\n\n  // If body can be scrolled vertically, add dividing lines on top and bottom\n  const borderProps = isScrolled ? { borderColor: 'grey.30' } : {}\n\n  // Add more body padding when custom or status icon is displayed\n  const paddingProps = (icon ?? status) !== undefined ? { px: 8 } : { px: 3 }\n\n  return (\n    <Box\n      borderBottom=\"1px solid transparent\"\n      borderTop=\"1px solid transparent\"\n      className={cs('vui-dialogBody', className)}\n      column\n      id={bodyId}\n      overflowY=\"auto\"\n      pb={2}\n      pt={1.5}\n      ref={mergeRefs(ref, bodyRef)}\n      {...borderProps}\n      {...paddingProps}\n      {...styles.body}\n      {...rest}\n    />\n  )\n})\n\nDialogBody.displayName = 'DialogBody'\n\nexport default DialogBody\n"],"mappings":";;;;;;;;;;;;;;;;AAcA,MAAa,aAAa,KAA6B,OAAO,QAAQ;CACpE,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,QAAQ,MAAM,WAAW,kBAAkB,IAAI,EAAE;CACzD,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAE3D,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CACnD,MAAM,UAAU,OAAuB,KAAK;CAG5C,MAAM,cAAc,OAClB,IAAI,qBAAqB;AACvB,MAAI,QAAQ,SAAS;GACnB,MAAM,EAAE,cAAc,iBAAiB,QAAQ;AAC/C,iBAAc,eAAe,aAAa;;GAE5C,CACH;AAED,iBAAgB;AACd,UAAQ,WAAW,YAAY,SAAS,QAAQ,QAAQ,QAAQ;IAC/D,EAAE,CAAC;CAGN,MAAM,cAAc,aAAa,EAAE,aAAa,WAAW,GAAG,EAAE;CAGhE,MAAM,gBAAgB,QAAQ,YAAY,SAAY,EAAE,IAAI,GAAG,GAAG,EAAE,IAAI,GAAG;AAE3E,QACE,oBAAC;EACC,cAAa;EACb,WAAU;EACV,WAAW,GAAG,kBAAkB,UAAU;EAC1C;EACA,IAAI;EACJ,WAAU;EACV,IAAI;EACJ,IAAI;EACJ,KAAK,UAAU,KAAK,QAAQ;EAC5B,GAAI;EACJ,GAAI;EACJ,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,WAAW,cAAc;AAEzB,yBAAe"}

package/dist/dialog/dialogCancelButton.js

@@ -1,2 +1,28 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{LineButton as r}from"../button/buttons.js";import{useDialogContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,{onClose:l}=i()??{},u=t(`Dialog`,i());return a(r,{className:e(`vui-dialogCancelButton`,s),onClick:l,ref:o,...u.cancelButton,...c})});o.displayName=`DialogCancelButton`;var s=o;export{o as DialogCancelButton,s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import { LineButton } from "../button/buttons.js";
+import { useDialogContext } from "./context.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/dialog/dialogCancelButton.tsx
+/** Shows an outlined Button in the Dialog Footer, which by default closes the Dialog. */
+const DialogCancelButton = vui((props, ref) => {
+	const { className,...rest } = props;
+	const { onClose } = useDialogContext() ?? {};
+	const styles = useStyleConfig("Dialog", useDialogContext());
+	return /* @__PURE__ */ jsx(LineButton, {
+		className: cs("vui-dialogCancelButton", className),
+		onClick: onClose,
+		ref,
+		...styles.cancelButton,
+		...rest
+	});
+});
+DialogCancelButton.displayName = "DialogCancelButton";
+var dialogCancelButton_default = DialogCancelButton;
+
+//#endregion
+export { DialogCancelButton, dialogCancelButton_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=dialogCancelButton.js.map

package/dist/dialog/dialogCancelButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogCancelButton.js","names":[],"sources":["../../src/dialog/dialogCancelButton.tsx"],"sourcesContent":["import { LineButton } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useDialogContext } from './context'\nimport type { DialogCancelButtonProps } from './dialog.types'\n\n/** Shows an outlined Button in the Dialog Footer, which by default closes the Dialog. */\nexport const DialogCancelButton = vui<'button', DialogCancelButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { onClose } = useDialogContext() ?? {}\n  const styles = useStyleConfig('Dialog', useDialogContext())\n\n  return (\n    <LineButton\n      className={cs('vui-dialogCancelButton', className)}\n      onClick={onClose}\n      ref={ref}\n      {...styles.cancelButton}\n      {...rest}\n    />\n  )\n})\n\nDialogCancelButton.displayName = 'DialogCancelButton'\nexport default DialogCancelButton\n"],"mappings":"yQAOA,MAAa,EAAqB,GAAwC,EAAO,IAAQ,CACvF,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,CAAE,WAAY,GAAkB,EAAI,EAAE,CACtC,EAAS,EAAe,SAAU,GAAkB,CAAC,CAE3D,OACE,EAAC,EAAA,CACC,UAAW,EAAG,yBAA0B,EAAU,CAClD,QAAS,EACJ,MACL,GAAI,EAAO,aACX,GAAI,GACJ,EAEJ,CAEF,EAAmB,YAAc,qBACjC,IAAA,EAAe"}
+{"version":3,"file":"dialogCancelButton.js","names":[],"sources":["../../src/dialog/dialogCancelButton.tsx"],"sourcesContent":["import { LineButton } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useDialogContext } from './context'\nimport type { DialogCancelButtonProps } from './dialog.types'\n\n/** Shows an outlined Button in the Dialog Footer, which by default closes the Dialog. */\nexport const DialogCancelButton = vui<'button', DialogCancelButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { onClose } = useDialogContext() ?? {}\n  const styles = useStyleConfig('Dialog', useDialogContext())\n\n  return (\n    <LineButton\n      className={cs('vui-dialogCancelButton', className)}\n      onClick={onClose}\n      ref={ref}\n      {...styles.cancelButton}\n      {...rest}\n    />\n  )\n})\n\nDialogCancelButton.displayName = 'DialogCancelButton'\nexport default DialogCancelButton\n"],"mappings":";;;;;;;;;AAOA,MAAa,qBAAqB,KAAwC,OAAO,QAAQ;CACvF,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,YAAY,kBAAkB,IAAI,EAAE;CAC5C,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAAC;EACC,WAAW,GAAG,0BAA0B,UAAU;EAClD,SAAS;EACJ;EACL,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,mBAAmB,cAAc;AACjC,iCAAe"}

package/dist/dialog/dialogCloseButton.js

@@ -1,2 +1,33 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{CloseButton as r}from"../button/buttons.js";import{useDialogContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,size:c=`md`,...l}=n,{onClose:u}=i()??{},d=t(`Dialog`,i());return a(r,{className:e(`vui-dialogCloseButton`,s),onClick:u,position:`absolute`,ref:o,right:16,size:c,top:16,variant:`tertiaryDark`,...d.closeButton,...l})});o.displayName=`DialogCloseButton`;var s=o;export{o as DialogCloseButton,s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import { CloseButton } from "../button/buttons.js";
+import { useDialogContext } from "./context.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/dialog/dialogCloseButton.tsx
+/** Shows a CloseButton in the Dialog Header, which by default closes the Dialog. */
+const DialogCloseButton = vui((props, ref) => {
+	const { className, size = "md",...rest } = props;
+	const { onClose } = useDialogContext() ?? {};
+	const styles = useStyleConfig("Dialog", useDialogContext());
+	return /* @__PURE__ */ jsx(CloseButton, {
+		className: cs("vui-dialogCloseButton", className),
+		onClick: onClose,
+		position: "absolute",
+		ref,
+		right: 16,
+		size,
+		top: 16,
+		variant: "tertiaryDark",
+		...styles.closeButton,
+		...rest
+	});
+});
+DialogCloseButton.displayName = "DialogCloseButton";
+var dialogCloseButton_default = DialogCloseButton;
+
+//#endregion
+export { DialogCloseButton, dialogCloseButton_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=dialogCloseButton.js.map

package/dist/dialog/dialogCloseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogCloseButton.js","names":[],"sources":["../../src/dialog/dialogCloseButton.tsx"],"sourcesContent":["import { CloseButton } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useDialogContext } from './context'\nimport type { DialogCloseButtonProps } from './dialog.types'\n\n/** Shows a CloseButton in the Dialog Header, which by default closes the Dialog. */\nexport const DialogCloseButton = vui<'button', DialogCloseButtonProps>((props, ref) => {\n  const { className, size = 'md', ...rest } = props\n  const { onClose } = useDialogContext() ?? {}\n  const styles = useStyleConfig('Dialog', useDialogContext())\n\n  return (\n    <CloseButton\n      className={cs('vui-dialogCloseButton', className)}\n      onClick={onClose}\n      position=\"absolute\"\n      ref={ref}\n      right={16}\n      size={size}\n      top={16}\n      variant=\"tertiaryDark\"\n      {...styles.closeButton}\n      {...rest}\n    />\n  )\n})\n\nDialogCloseButton.displayName = 'DialogCloseButton'\n\nexport default DialogCloseButton\n"],"mappings":"0QAOA,MAAa,EAAoB,GAAuC,EAAO,IAAQ,CACrF,GAAM,CAAE,YAAW,OAAO,KAAM,GAAG,GAAS,EACtC,CAAE,WAAY,GAAkB,EAAI,EAAE,CACtC,EAAS,EAAe,SAAU,GAAkB,CAAC,CAE3D,OACE,EAAC,EAAA,CACC,UAAW,EAAG,wBAAyB,EAAU,CACjD,QAAS,EACT,SAAS,WACJ,MACL,MAAO,GACD,OACN,IAAK,GACL,QAAQ,eACR,GAAI,EAAO,YACX,GAAI,GACJ,EAEJ,CAEF,EAAkB,YAAc,oBAEhC,IAAA,EAAe"}
+{"version":3,"file":"dialogCloseButton.js","names":[],"sources":["../../src/dialog/dialogCloseButton.tsx"],"sourcesContent":["import { CloseButton } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useDialogContext } from './context'\nimport type { DialogCloseButtonProps } from './dialog.types'\n\n/** Shows a CloseButton in the Dialog Header, which by default closes the Dialog. */\nexport const DialogCloseButton = vui<'button', DialogCloseButtonProps>((props, ref) => {\n  const { className, size = 'md', ...rest } = props\n  const { onClose } = useDialogContext() ?? {}\n  const styles = useStyleConfig('Dialog', useDialogContext())\n\n  return (\n    <CloseButton\n      className={cs('vui-dialogCloseButton', className)}\n      onClick={onClose}\n      position=\"absolute\"\n      ref={ref}\n      right={16}\n      size={size}\n      top={16}\n      variant=\"tertiaryDark\"\n      {...styles.closeButton}\n      {...rest}\n    />\n  )\n})\n\nDialogCloseButton.displayName = 'DialogCloseButton'\n\nexport default DialogCloseButton\n"],"mappings":";;;;;;;;;AAOA,MAAa,oBAAoB,KAAuC,OAAO,QAAQ;CACrF,MAAM,EAAE,WAAW,OAAO,KAAM,GAAG,SAAS;CAC5C,MAAM,EAAE,YAAY,kBAAkB,IAAI,EAAE;CAC5C,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAAC;EACC,WAAW,GAAG,yBAAyB,UAAU;EACjD,SAAS;EACT,UAAS;EACJ;EACL,OAAO;EACD;EACN,KAAK;EACL,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,kBAAkB,cAAc;AAEhC,gCAAe"}

package/dist/dialog/dialogFooter.js

@@ -1,2 +1,33 @@
-import{isJsx as e}from"../utils/assertion.js";import{cs as t}from"../utils/styles.js";import{useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import{Box as i}from"../box/box.js";import{useDialogContext as a}from"./context.js";import o from"./dialogCancelButton.js";import s from"./dialogSubmitButton.js";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";const d=r((r,d)=>{let{cancelButton:f,children:p,className:m,submitButton:h,...g}=r,_=n(`Dialog`,a());return l(i,{className:t(`vui-dialogFooter`,m),justifyContent:`flex-end`,p:3,pt:2,ref:d,..._.footer,...g,children:p??u(c,{children:[e(f)?f:f&&l(o,{...f}),e(h)?h:h&&l(s,{...h})]})})});d.displayName=`DialogFooter`;var f=d;export{d as DialogFooter,f as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { isJsx } from "../utils/assertion.js";
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import { Box } from "../box/box.js";
+import { useDialogContext } from "./context.js";
+import dialogCancelButton_default from "./dialogCancelButton.js";
+import dialogSubmitButton_default from "./dialogSubmitButton.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/dialog/dialogFooter.tsx
+/** Shows control buttons below the Dialog Body. By default includes cancel and submit buttons. */
+const DialogFooter = vui((props, ref) => {
+	const { cancelButton, children, className, submitButton,...rest } = props;
+	const styles = useStyleConfig("Dialog", useDialogContext());
+	return /* @__PURE__ */ jsx(Box, {
+		className: cs("vui-dialogFooter", className),
+		justifyContent: "flex-end",
+		p: 3,
+		pt: 2,
+		ref,
+		...styles.footer,
+		...rest,
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [isJsx(cancelButton) ? cancelButton : cancelButton && /* @__PURE__ */ jsx(dialogCancelButton_default, { ...cancelButton }), isJsx(submitButton) ? submitButton : submitButton && /* @__PURE__ */ jsx(dialogSubmitButton_default, { ...submitButton })] })
+	});
+});
+DialogFooter.displayName = "DialogFooter";
+var dialogFooter_default = DialogFooter;
+
+//#endregion
+export { DialogFooter, dialogFooter_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=dialogFooter.js.map

package/dist/dialog/dialogFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogFooter.js","names":["DialogCancelButton","DialogSubmitButton"],"sources":["../../src/dialog/dialogFooter.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, isJsx } from '../utils'\nimport { useDialogContext } from './context'\nimport type { DialogFooterProps } from './dialog.types'\nimport DialogCancelButton from './dialogCancelButton'\nimport DialogSubmitButton from './dialogSubmitButton'\n\n/** Shows control buttons below the Dialog Body. By default includes cancel and submit buttons. */\nexport const DialogFooter = vui<'div', DialogFooterProps>((props, ref) => {\n  const { cancelButton, children, className, submitButton, ...rest } = props\n  const styles = useStyleConfig('Dialog', useDialogContext())\n\n  return (\n    <Box\n      className={cs('vui-dialogFooter', className)}\n      justifyContent=\"flex-end\"\n      p={3}\n      pt={2}\n      ref={ref}\n      {...styles.footer}\n      {...rest}\n    >\n      {children ?? (\n        <>\n          {isJsx(cancelButton) ? cancelButton : cancelButton && <DialogCancelButton {...cancelButton} />}\n\n          {isJsx(submitButton) ? submitButton : submitButton && <DialogSubmitButton {...submitButton} />}\n        </>\n      )}\n    </Box>\n  )\n})\n\nDialogFooter.displayName = 'DialogFooter'\nexport default DialogFooter\n"],"mappings":"+YASA,MAAa,EAAe,GAA+B,EAAO,IAAQ,CACxE,GAAM,CAAE,eAAc,WAAU,YAAW,eAAc,GAAG,GAAS,EAC/D,EAAS,EAAe,SAAU,GAAkB,CAAC,CAE3D,OACE,EAAC,EAAA,CACC,UAAW,EAAG,mBAAoB,EAAU,CAC5C,eAAe,WACf,EAAG,EACH,GAAI,EACC,MACL,GAAI,EAAO,OACX,GAAI,WAEH,GACC,EAAA,EAAA,CAAA,SAAA,CACG,EAAM,EAAa,CAAG,EAAe,GAAgB,EAACA,EAAAA,CAAmB,GAAI,EAAA,CAAgB,CAE7F,EAAM,EAAa,CAAG,EAAe,GAAgB,EAACC,EAAAA,CAAmB,GAAI,EAAA,CAAgB,CAAA,CAAA,CAC7F,EAED,EAER,CAEF,EAAa,YAAc,eAC3B,IAAA,EAAe"}
+{"version":3,"file":"dialogFooter.js","names":["DialogCancelButton","DialogSubmitButton"],"sources":["../../src/dialog/dialogFooter.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, isJsx } from '../utils'\nimport { useDialogContext } from './context'\nimport type { DialogFooterProps } from './dialog.types'\nimport DialogCancelButton from './dialogCancelButton'\nimport DialogSubmitButton from './dialogSubmitButton'\n\n/** Shows control buttons below the Dialog Body. By default includes cancel and submit buttons. */\nexport const DialogFooter = vui<'div', DialogFooterProps>((props, ref) => {\n  const { cancelButton, children, className, submitButton, ...rest } = props\n  const styles = useStyleConfig('Dialog', useDialogContext())\n\n  return (\n    <Box\n      className={cs('vui-dialogFooter', className)}\n      justifyContent=\"flex-end\"\n      p={3}\n      pt={2}\n      ref={ref}\n      {...styles.footer}\n      {...rest}\n    >\n      {children ?? (\n        <>\n          {isJsx(cancelButton) ? cancelButton : cancelButton && <DialogCancelButton {...cancelButton} />}\n\n          {isJsx(submitButton) ? submitButton : submitButton && <DialogSubmitButton {...submitButton} />}\n        </>\n      )}\n    </Box>\n  )\n})\n\nDialogFooter.displayName = 'DialogFooter'\nexport default DialogFooter\n"],"mappings":";;;;;;;;;;;;AASA,MAAa,eAAe,KAA+B,OAAO,QAAQ;CACxE,MAAM,EAAE,cAAc,UAAU,WAAW,aAAc,GAAG,SAAS;CACrE,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAAC;EACC,WAAW,GAAG,oBAAoB,UAAU;EAC5C,gBAAe;EACf,GAAG;EACH,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;YAEH,YACC,4CACG,MAAM,aAAa,GAAG,eAAe,gBAAgB,oBAACA,8BAAmB,GAAI,eAAgB,EAE7F,MAAM,aAAa,GAAG,eAAe,gBAAgB,oBAACC,8BAAmB,GAAI,eAAgB,IAC7F;GAED;EAER;AAEF,aAAa,cAAc;AAC3B,2BAAe"}

package/dist/dialog/dialogHeader.js

@@ -1,2 +1,46 @@
-import{isJsx as e,isReactText as t,isString as n}from"../utils/assertion.js";import{cs as r}from"../utils/styles.js";import{useStyleConfig as i}from"../core/theme.js";import{vui as a}from"../core/vui.js";import{Box as o}from"../box/box.js";import{useDialogContext as s}from"./context.js";import c from"./dialogCloseButton.js";import l from"./dialogIcon.js";import u from"./dialogTitle.js";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";const m=a((a,m)=>{let{children:h,className:g,closeButton:_,icon:v,title:y,...b}=a,{onClose:x,status:S}=s()??{},C=i(`Dialog`,s()),w=n(v)?{name:v}:v,T=!!(_===void 0?x:_),E=!!(w||S),D=t(y)?{text:y}:y;return f(o,{className:r(`vui-dialogHeader`,g),icon:w,pb:1.5,pl:3,position:`relative`,pr:8,pt:3,ref:m,...C.header,...b,children:h??p(d,{children:[e(w)?w:E&&f(l,{...w}),e(D)?D:D&&f(u,{...D}),e(_)?_:T&&f(c,{})]})})});m.displayName=`DialogHeader`;var h=m;export{m as DialogHeader,h as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { isJsx, isReactText, isString } from "../utils/assertion.js";
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import { Box } from "../box/box.js";
+import { useDialogContext } from "./context.js";
+import dialogCloseButton_default from "./dialogCloseButton.js";
+import dialogIcon_default from "./dialogIcon.js";
+import dialogTitle_default from "./dialogTitle.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/dialog/dialogHeader.tsx
+/** Shows title, status icon and close button above the Dialog Body. */
+const DialogHeader = vui((props, ref) => {
+	const { children, className, closeButton, icon: iconProp, title: titleProp,...rest } = props;
+	const { onClose, status } = useDialogContext() ?? {};
+	const styles = useStyleConfig("Dialog", useDialogContext());
+	const icon = isString(iconProp) ? { name: iconProp } : iconProp;
+	const showCloseButton = Boolean(closeButton !== void 0 ? closeButton : onClose);
+	const showIcon = Boolean(icon || status);
+	const title = isReactText(titleProp) ? { text: titleProp } : titleProp;
+	return /* @__PURE__ */ jsx(Box, {
+		className: cs("vui-dialogHeader", className),
+		icon,
+		pb: 1.5,
+		pl: 3,
+		position: "relative",
+		pr: 8,
+		pt: 3,
+		ref,
+		...styles.header,
+		...rest,
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+			isJsx(icon) ? icon : showIcon && /* @__PURE__ */ jsx(dialogIcon_default, { ...icon }),
+			isJsx(title) ? title : title && /* @__PURE__ */ jsx(dialogTitle_default, { ...title }),
+			isJsx(closeButton) ? closeButton : showCloseButton && /* @__PURE__ */ jsx(dialogCloseButton_default, {})
+		] })
+	});
+});
+DialogHeader.displayName = "DialogHeader";
+var dialogHeader_default = DialogHeader;
+
+//#endregion
+export { DialogHeader, dialogHeader_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=dialogHeader.js.map

package/dist/dialog/dialogHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogHeader.js","names":["DialogIcon","DialogTitle","DialogCloseButton"],"sources":["../../src/dialog/dialogHeader.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, isJsx, isReactText, isString } from '../utils'\nimport { useDialogContext } from './context'\nimport type { DialogHeaderProps } from './dialog.types'\nimport DialogCloseButton from './dialogCloseButton'\nimport DialogIcon from './dialogIcon'\nimport DialogTitle from './dialogTitle'\n\n/** Shows title, status icon and close button above the Dialog Body. */\nexport const DialogHeader = vui<'div', DialogHeaderProps>((props, ref) => {\n  const { children, className, closeButton, icon: iconProp, title: titleProp, ...rest } = props\n  const { onClose, status } = useDialogContext() ?? {}\n  const styles = useStyleConfig('Dialog', useDialogContext())\n\n  const icon = isString(iconProp) ? { name: iconProp } : iconProp\n  const showCloseButton = Boolean(closeButton !== undefined ? closeButton : onClose)\n  const showIcon = Boolean(icon || status)\n  const title = isReactText(titleProp) ? { text: titleProp } : titleProp\n\n  return (\n    <Box\n      className={cs('vui-dialogHeader', className)}\n      icon={icon}\n      pb={1.5}\n      pl={3}\n      position=\"relative\"\n      pr={8}\n      pt={3}\n      ref={ref}\n      {...styles.header}\n      {...rest}\n    >\n      {children ?? (\n        <>\n          {isJsx(icon) ? icon : showIcon && <DialogIcon {...icon} />}\n\n          {isJsx(title) ? title : title && <DialogTitle {...(title as any)} />}\n\n          {isJsx(closeButton) ? closeButton : showCloseButton && <DialogCloseButton />}\n        </>\n      )}\n    </Box>\n  )\n})\n\nDialogHeader.displayName = 'DialogHeader'\nexport default DialogHeader\n"],"mappings":"qcAUA,MAAa,EAAe,GAA+B,EAAO,IAAQ,CACxE,GAAM,CAAE,WAAU,YAAW,cAAa,KAAM,EAAU,MAAO,EAAW,GAAG,GAAS,EAClF,CAAE,UAAS,UAAW,GAAkB,EAAI,EAAE,CAC9C,EAAS,EAAe,SAAU,GAAkB,CAAC,CAErD,EAAO,EAAS,EAAS,CAAG,CAAE,KAAM,EAAU,CAAG,EACjD,EAAkB,GAAQ,IAAgB,IAAA,GAA0B,EAAd,GACtD,EAAW,GAAQ,GAAQ,GAC3B,EAAQ,EAAY,EAAU,CAAG,CAAE,KAAM,EAAW,CAAG,EAE7D,OACE,EAAC,EAAA,CACC,UAAW,EAAG,mBAAoB,EAAU,CACtC,OACN,GAAI,IACJ,GAAI,EACJ,SAAS,WACT,GAAI,EACJ,GAAI,EACC,MACL,GAAI,EAAO,OACX,GAAI,WAEH,GACC,EAAA,EAAA,CAAA,SAAA,CACG,EAAM,EAAK,CAAG,EAAO,GAAY,EAACA,EAAAA,CAAW,GAAI,EAAA,CAAQ,CAEzD,EAAM,EAAM,CAAG,EAAQ,GAAS,EAACC,EAAAA,CAAY,GAAK,EAAA,CAAiB,CAEnE,EAAM,EAAY,CAAG,EAAc,GAAmB,EAACC,EAAAA,EAAAA,CAAoB,GAC3E,EAED,EAER,CAEF,EAAa,YAAc,eAC3B,IAAA,EAAe"}
+{"version":3,"file":"dialogHeader.js","names":["DialogIcon","DialogTitle","DialogCloseButton"],"sources":["../../src/dialog/dialogHeader.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, isJsx, isReactText, isString } from '../utils'\nimport { useDialogContext } from './context'\nimport type { DialogHeaderProps } from './dialog.types'\nimport DialogCloseButton from './dialogCloseButton'\nimport DialogIcon from './dialogIcon'\nimport DialogTitle from './dialogTitle'\n\n/** Shows title, status icon and close button above the Dialog Body. */\nexport const DialogHeader = vui<'div', DialogHeaderProps>((props, ref) => {\n  const { children, className, closeButton, icon: iconProp, title: titleProp, ...rest } = props\n  const { onClose, status } = useDialogContext() ?? {}\n  const styles = useStyleConfig('Dialog', useDialogContext())\n\n  const icon = isString(iconProp) ? { name: iconProp } : iconProp\n  const showCloseButton = Boolean(closeButton !== undefined ? closeButton : onClose)\n  const showIcon = Boolean(icon || status)\n  const title = isReactText(titleProp) ? { text: titleProp } : titleProp\n\n  return (\n    <Box\n      className={cs('vui-dialogHeader', className)}\n      icon={icon}\n      pb={1.5}\n      pl={3}\n      position=\"relative\"\n      pr={8}\n      pt={3}\n      ref={ref}\n      {...styles.header}\n      {...rest}\n    >\n      {children ?? (\n        <>\n          {isJsx(icon) ? icon : showIcon && <DialogIcon {...icon} />}\n\n          {isJsx(title) ? title : title && <DialogTitle {...(title as any)} />}\n\n          {isJsx(closeButton) ? closeButton : showCloseButton && <DialogCloseButton />}\n        </>\n      )}\n    </Box>\n  )\n})\n\nDialogHeader.displayName = 'DialogHeader'\nexport default DialogHeader\n"],"mappings":";;;;;;;;;;;;;AAUA,MAAa,eAAe,KAA+B,OAAO,QAAQ;CACxE,MAAM,EAAE,UAAU,WAAW,aAAa,MAAM,UAAU,OAAO,UAAW,GAAG,SAAS;CACxF,MAAM,EAAE,SAAS,WAAW,kBAAkB,IAAI,EAAE;CACpD,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAE3D,MAAM,OAAO,SAAS,SAAS,GAAG,EAAE,MAAM,UAAU,GAAG;CACvD,MAAM,kBAAkB,QAAQ,gBAAgB,SAAY,cAAc,QAAQ;CAClF,MAAM,WAAW,QAAQ,QAAQ,OAAO;CACxC,MAAM,QAAQ,YAAY,UAAU,GAAG,EAAE,MAAM,WAAW,GAAG;AAE7D,QACE,oBAAC;EACC,WAAW,GAAG,oBAAoB,UAAU;EACtC;EACN,IAAI;EACJ,IAAI;EACJ,UAAS;EACT,IAAI;EACJ,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;YAEH,YACC;GACG,MAAM,KAAK,GAAG,OAAO,YAAY,oBAACA,sBAAW,GAAI,OAAQ;GAEzD,MAAM,MAAM,GAAG,QAAQ,SAAS,oBAACC,uBAAY,GAAK,QAAiB;GAEnE,MAAM,YAAY,GAAG,cAAc,mBAAmB,oBAACC,8BAAoB;MAC3E;GAED;EAER;AAEF,aAAa,cAAc;AAC3B,2BAAe"}

package/dist/dialog/dialogIcon.js

@@ -1,2 +1,31 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{Icon as r}from"../icon/icon.js";import{dialogStatusMapping as i}from"./consts.js";import{useDialogContext as a}from"./context.js";import{jsx as o}from"react/jsx-runtime";const s=n((n,s)=>{let{className:c,...l}=n,{status:u=``}=a()??{},d=t(`Dialog`,a()),{iconProps:f}=i[u]??{};return o(r,{className:e(`vui-dialogIcon`,c),mr:2,ref:s,...d.icon,...f,...l})});s.displayName=`DialogIcon`;var c=s;export{s as DialogIcon,c as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import { Icon } from "../icon/icon.js";
+import { dialogStatusMapping } from "./consts.js";
+import { useDialogContext } from "./context.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/dialog/dialogIcon.tsx
+/** Shows an icon based on a given status. Optionally, can be a custom icon. */
+const DialogIcon = vui((props, ref) => {
+	const { className,...rest } = props;
+	const { status = "" } = useDialogContext() ?? {};
+	const styles = useStyleConfig("Dialog", useDialogContext());
+	const { iconProps } = dialogStatusMapping[status] ?? {};
+	return /* @__PURE__ */ jsx(Icon, {
+		className: cs("vui-dialogIcon", className),
+		mr: 2,
+		ref,
+		...styles.icon,
+		...iconProps,
+		...rest
+	});
+});
+DialogIcon.displayName = "DialogIcon";
+var dialogIcon_default = DialogIcon;
+
+//#endregion
+export { DialogIcon, dialogIcon_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=dialogIcon.js.map

package/dist/dialog/dialogIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogIcon.js","names":[],"sources":["../../src/dialog/dialogIcon.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport { Icon } from '../icon'\nimport { cs } from '../utils'\nimport { dialogStatusMapping } from './consts'\nimport { useDialogContext } from './context'\nimport type { DialogIconProps } from './dialog.types'\n\n/** Shows an icon based on a given status. Optionally, can be a custom icon. */\nexport const DialogIcon = vui<'svg', DialogIconProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { status = '' } = useDialogContext() ?? {}\n  const styles = useStyleConfig('Dialog', useDialogContext())\n  const { iconProps } = dialogStatusMapping[status] ?? {}\n\n  return <Icon className={cs('vui-dialogIcon', className)} mr={2} ref={ref} {...styles.icon} {...iconProps} {...rest} />\n})\n\nDialogIcon.displayName = 'DialogIcon'\n\nexport default DialogIcon\n"],"mappings":"gTAQA,MAAa,EAAa,GAA6B,EAAO,IAAQ,CACpE,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,CAAE,SAAS,IAAO,GAAkB,EAAI,EAAE,CAC1C,EAAS,EAAe,SAAU,GAAkB,CAAC,CACrD,CAAE,aAAc,EAAoB,IAAW,EAAE,CAEvD,OAAO,EAAC,EAAA,CAAK,UAAW,EAAG,iBAAkB,EAAU,CAAE,GAAI,EAAQ,MAAK,GAAI,EAAO,KAAM,GAAI,EAAW,GAAI,GAAQ,EACtH,CAEF,EAAW,YAAc,aAEzB,IAAA,EAAe"}
+{"version":3,"file":"dialogIcon.js","names":[],"sources":["../../src/dialog/dialogIcon.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport { Icon } from '../icon'\nimport { cs } from '../utils'\nimport { dialogStatusMapping } from './consts'\nimport { useDialogContext } from './context'\nimport type { DialogIconProps } from './dialog.types'\n\n/** Shows an icon based on a given status. Optionally, can be a custom icon. */\nexport const DialogIcon = vui<'svg', DialogIconProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { status = '' } = useDialogContext() ?? {}\n  const styles = useStyleConfig('Dialog', useDialogContext())\n  const { iconProps } = dialogStatusMapping[status] ?? {}\n\n  return <Icon className={cs('vui-dialogIcon', className)} mr={2} ref={ref} {...styles.icon} {...iconProps} {...rest} />\n})\n\nDialogIcon.displayName = 'DialogIcon'\n\nexport default DialogIcon\n"],"mappings":";;;;;;;;;;AAQA,MAAa,aAAa,KAA6B,OAAO,QAAQ;CACpE,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,SAAS,OAAO,kBAAkB,IAAI,EAAE;CAChD,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;CAC3D,MAAM,EAAE,cAAc,oBAAoB,WAAW,EAAE;AAEvD,QAAO,oBAAC;EAAK,WAAW,GAAG,kBAAkB,UAAU;EAAE,IAAI;EAAQ;EAAK,GAAI,OAAO;EAAM,GAAI;EAAW,GAAI;GAAQ;EACtH;AAEF,WAAW,cAAc;AAEzB,yBAAe"}

package/dist/dialog/dialogSubmitButton.js

@@ -1,2 +1,28 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{Button as r}from"../button/button.js";import{useDialogContext as i}from"./context.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,l=t(`Dialog`,i());return a(r,{className:e(`vui-dialogSubmitButton`,s),ml:2,ref:o,text:`Submit`,...l.submitButton,...c})});o.displayName=`DialogSubmitButton`;var s=o;export{o as DialogSubmitButton,s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import { Button } from "../button/button.js";
+import { useDialogContext } from "./context.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/dialog/dialogSubmitButton.tsx
+/** Shows a button in the Dialog Footer, which triggers the main action of the Dialog. */
+const DialogSubmitButton = vui((props, ref) => {
+	const { className,...rest } = props;
+	const styles = useStyleConfig("Dialog", useDialogContext());
+	return /* @__PURE__ */ jsx(Button, {
+		className: cs("vui-dialogSubmitButton", className),
+		ml: 2,
+		ref,
+		text: "Submit",
+		...styles.submitButton,
+		...rest
+	});
+});
+DialogSubmitButton.displayName = "DialogSubmitButton";
+var dialogSubmitButton_default = DialogSubmitButton;
+
+//#endregion
+export { DialogSubmitButton, dialogSubmitButton_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=dialogSubmitButton.js.map

package/dist/dialog/dialogSubmitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogSubmitButton.js","names":[],"sources":["../../src/dialog/dialogSubmitButton.tsx"],"sourcesContent":["import { Button } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useDialogContext } from './context'\nimport type { DialogSubmitButtonProps } from './dialog.types'\n\n/** Shows a button in the Dialog Footer, which triggers the main action of the Dialog. */\nexport const DialogSubmitButton = vui<'button', DialogSubmitButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Dialog', useDialogContext())\n\n  return (\n    <Button\n      className={cs('vui-dialogSubmitButton', className)}\n      ml={2}\n      ref={ref}\n      text=\"Submit\"\n      {...styles.submitButton}\n      {...rest}\n    />\n  )\n})\n\nDialogSubmitButton.displayName = 'DialogSubmitButton'\nexport default DialogSubmitButton\n"],"mappings":"oQAOA,MAAa,EAAqB,GAAwC,EAAO,IAAQ,CACvF,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,SAAU,GAAkB,CAAC,CAE3D,OACE,EAAC,EAAA,CACC,UAAW,EAAG,yBAA0B,EAAU,CAClD,GAAI,EACC,MACL,KAAK,SACL,GAAI,EAAO,aACX,GAAI,GACJ,EAEJ,CAEF,EAAmB,YAAc,qBACjC,IAAA,EAAe"}
+{"version":3,"file":"dialogSubmitButton.js","names":[],"sources":["../../src/dialog/dialogSubmitButton.tsx"],"sourcesContent":["import { Button } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useDialogContext } from './context'\nimport type { DialogSubmitButtonProps } from './dialog.types'\n\n/** Shows a button in the Dialog Footer, which triggers the main action of the Dialog. */\nexport const DialogSubmitButton = vui<'button', DialogSubmitButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Dialog', useDialogContext())\n\n  return (\n    <Button\n      className={cs('vui-dialogSubmitButton', className)}\n      ml={2}\n      ref={ref}\n      text=\"Submit\"\n      {...styles.submitButton}\n      {...rest}\n    />\n  )\n})\n\nDialogSubmitButton.displayName = 'DialogSubmitButton'\nexport default DialogSubmitButton\n"],"mappings":";;;;;;;;;AAOA,MAAa,qBAAqB,KAAwC,OAAO,QAAQ;CACvF,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAAC;EACC,WAAW,GAAG,0BAA0B,UAAU;EAClD,IAAI;EACC;EACL,MAAK;EACL,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,mBAAmB,cAAc;AACjC,iCAAe"}

package/dist/dialog/dialogTitle.js

@@ -1,2 +1,28 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{useDialogContext as r}from"./context.js";import{H4 as i}from"../heading/headings.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,{titleId:l}=r()??{},u=t(`Dialog`,r());return a(i,{className:e(`vui-dialogTitle`,s),id:l,ref:o,...u.title,...c})});o.displayName=`DialogTitle`;var s=o;export{o as DialogTitle,s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import { useDialogContext } from "./context.js";
+import { H4 } from "../heading/headings.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/dialog/dialogTitle.tsx
+/** Shows a title in the Dialog Header. Receives id linked to aria-labelledby on the Dialog for accessibility. */
+const DialogTitle = vui((props, ref) => {
+	const { className,...rest } = props;
+	const { titleId } = useDialogContext() ?? {};
+	const styles = useStyleConfig("Dialog", useDialogContext());
+	return /* @__PURE__ */ jsx(H4, {
+		className: cs("vui-dialogTitle", className),
+		id: titleId,
+		ref,
+		...styles.title,
+		...rest
+	});
+});
+DialogTitle.displayName = "DialogTitle";
+var dialogTitle_default = DialogTitle;
+
+//#endregion
+export { DialogTitle, dialogTitle_default as default };
+globalThis.__vuiVersion__ = "3.0.0-beta.9"
 //# sourceMappingURL=dialogTitle.js.map

package/dist/dialog/dialogTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogTitle.js","names":[],"sources":["../../src/dialog/dialogTitle.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport { H4 } from '../heading'\nimport { cs } from '../utils'\nimport { useDialogContext } from './context'\nimport type { DialogTitleProps } from './dialog.types'\n\n/** Shows a title in the Dialog Header. Receives id linked to aria-labelledby on the Dialog for accessibility. */\nexport const DialogTitle = vui<'h4', DialogTitleProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { titleId } = useDialogContext() ?? {}\n  const styles = useStyleConfig('Dialog', useDialogContext())\n\n  return <H4 className={cs('vui-dialogTitle', className)} id={titleId} ref={ref} {...styles.title} {...rest} />\n})\n\nDialogTitle.displayName = 'DialogTitle'\nexport default DialogTitle\n"],"mappings":"mQAOA,MAAa,EAAc,GAA6B,EAAO,IAAQ,CACrE,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,CAAE,WAAY,GAAkB,EAAI,EAAE,CACtC,EAAS,EAAe,SAAU,GAAkB,CAAC,CAE3D,OAAO,EAAC,EAAA,CAAG,UAAW,EAAG,kBAAmB,EAAU,CAAE,GAAI,EAAc,MAAK,GAAI,EAAO,MAAO,GAAI,GAAQ,EAC7G,CAEF,EAAY,YAAc,cAC1B,IAAA,EAAe"}
+{"version":3,"file":"dialogTitle.js","names":[],"sources":["../../src/dialog/dialogTitle.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport { H4 } from '../heading'\nimport { cs } from '../utils'\nimport { useDialogContext } from './context'\nimport type { DialogTitleProps } from './dialog.types'\n\n/** Shows a title in the Dialog Header. Receives id linked to aria-labelledby on the Dialog for accessibility. */\nexport const DialogTitle = vui<'h4', DialogTitleProps>((props, ref) => {\n  const { className, ...rest } = props\n  const { titleId } = useDialogContext() ?? {}\n  const styles = useStyleConfig('Dialog', useDialogContext())\n\n  return <H4 className={cs('vui-dialogTitle', className)} id={titleId} ref={ref} {...styles.title} {...rest} />\n})\n\nDialogTitle.displayName = 'DialogTitle'\nexport default DialogTitle\n"],"mappings":";;;;;;;;;AAOA,MAAa,cAAc,KAA6B,OAAO,QAAQ;CACrE,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,YAAY,kBAAkB,IAAI,EAAE;CAC5C,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QAAO,oBAAC;EAAG,WAAW,GAAG,mBAAmB,UAAU;EAAE,IAAI;EAAc;EAAK,GAAI,OAAO;EAAO,GAAI;GAAQ;EAC7G;AAEF,YAAY,cAAc;AAC1B,0BAAe"}