@veracity/vui 3.0.0-beta.8 → 3.0.0

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.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { DialogFooterProps } from "./dialog.types.js";
+import "../index.js";
 
 //#region src/dialog/dialogFooter.d.ts
 /** Shows control buttons below the Dialog Body. By default includes cancel and submit buttons. */

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

@@ -1 +1 @@
-{"version":3,"file":"dialogFooter.d.ts","names":[],"sources":["../../src/dialog/dialogFooter.tsx"],"sourcesContent":[],"mappings":";;;;;cASa,cAAY,oBAAA"}
+{"version":3,"file":"dialogFooter.d.ts","names":[],"sources":["../../src/dialog/dialogFooter.tsx"],"sourcesContent":[],"mappings":";;;;;;cASa,cAAY,oBAAA"}

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"
 //# 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.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { DialogHeaderProps } from "./dialog.types.js";
+import "../index.js";
 
 //#region src/dialog/dialogHeader.d.ts
 /** Shows title, status icon and close button above the Dialog Body. */

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

@@ -1 +1 @@
-{"version":3,"file":"dialogHeader.d.ts","names":[],"sources":["../../src/dialog/dialogHeader.tsx"],"sourcesContent":[],"mappings":";;;;;cAUa,cAAY,oBAAA"}
+{"version":3,"file":"dialogHeader.d.ts","names":[],"sources":["../../src/dialog/dialogHeader.tsx"],"sourcesContent":[],"mappings":";;;;;;cAUa,cAAY,oBAAA"}

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"
 //# 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.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { DialogIconProps } from "./dialog.types.js";
+import "../index.js";
 
 //#region src/dialog/dialogIcon.d.ts
 /** Shows an icon based on a given status. Optionally, can be a custom icon. */

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

@@ -1 +1 @@
-{"version":3,"file":"dialogIcon.d.ts","names":[],"sources":["../../src/dialog/dialogIcon.tsx"],"sourcesContent":[],"mappings":";;;;;cAQa,YAAU,oBAAA"}
+{"version":3,"file":"dialogIcon.d.ts","names":[],"sources":["../../src/dialog/dialogIcon.tsx"],"sourcesContent":[],"mappings":";;;;;;cAQa,YAAU,oBAAA"}

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"
 //# 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.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { DialogSubmitButtonProps } from "./dialog.types.js";
+import "../index.js";
 
 //#region src/dialog/dialogSubmitButton.d.ts
 /** Shows a button in the Dialog Footer, which triggers the main action of the Dialog. */

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

@@ -1 +1 @@
-{"version":3,"file":"dialogSubmitButton.d.ts","names":[],"sources":["../../src/dialog/dialogSubmitButton.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,oBAAkB,uBAAA"}
+{"version":3,"file":"dialogSubmitButton.d.ts","names":[],"sources":["../../src/dialog/dialogSubmitButton.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOa,oBAAkB,uBAAA"}

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"
 //# 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.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { DialogTitleProps } from "./dialog.types.js";
+import "../index.js";
 
 //#region src/dialog/dialogTitle.d.ts
 /** Shows a title in the Dialog Header. Receives id linked to aria-labelledby on the Dialog for accessibility. */

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

@@ -1 +1 @@
-{"version":3,"file":"dialogTitle.d.ts","names":[],"sources":["../../src/dialog/dialogTitle.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,aAAW,mBAAA"}
+{"version":3,"file":"dialogTitle.d.ts","names":[],"sources":["../../src/dialog/dialogTitle.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOa,aAAW,mBAAA"}

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"
 //# 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"}

package/dist/dialog/index.d.ts

@@ -0,0 +1,13 @@
+import { DialogBodyProps, DialogCancelButtonProps, DialogCloseButtonProps, DialogContext, DialogFooterProps, DialogHeaderProps, DialogIconProps, DialogPlacement, DialogProps, DialogStatus, DialogStatusMapping, DialogSubmitButtonProps, DialogTitleProps } from "./dialog.types.js";
+import { containerId, dialogStatusMapping, modalAnimation, modalClass, modalJustifyContent } from "./consts.js";
+import { DialogProvider, useDialogContext } from "./context.js";
+import { DialogBody } from "./dialogBody.js";
+import { DialogCancelButton } from "./dialogCancelButton.js";
+import { DialogCloseButton } from "./dialogCloseButton.js";
+import { DialogFooter } from "./dialogFooter.js";
+import { DialogHeader } from "./dialogHeader.js";
+import { DialogIcon } from "./dialogIcon.js";
+import { DialogSubmitButton } from "./dialogSubmitButton.js";
+import { DialogTitle } from "./dialogTitle.js";
+import { Dialog, DialogBase } from "./dialog.js";
+import { useDialog } from "./useDialog.js";

package/dist/dialog/theme.js

@@ -1,2 +1,32 @@
-var e={baseStyle:{},defaultProps:{size:`md`},parts:[`container`,`body`,`cancelButton`,`closeButton`,`footer`,`header`,`icon`,`submitButton`,`title`],sizes:{md:{container:{maxW:520}},lg:{container:{maxW:640}},fullWidth:{}},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/dialog/theme.ts
+const baseStyle = {};
+const defaultProps = { size: "md" };
+const parts = [
+	"container",
+	"body",
+	"cancelButton",
+	"closeButton",
+	"footer",
+	"header",
+	"icon",
+	"submitButton",
+	"title"
+];
+const sizes = {
+	md: { container: { maxW: 520 } },
+	lg: { container: { maxW: 640 } },
+	fullWidth: {}
+};
+const variants = {};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	parts,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=theme.js.map

package/dist/dialog/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/dialog/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n}\n\nconst parts = ['container', 'body', 'cancelButton', 'closeButton', 'footer', 'header', 'icon', 'submitButton', 'title']\n\nconst sizes = {\n  md: {\n    container: {\n      maxW: 520,\n    },\n  },\n  lg: {\n    container: {\n      maxW: 640,\n    },\n  },\n  fullWidth: {},\n}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"AAwBA,IAAA,EAAe,CACb,UAzBgB,EAAE,CA0BlB,aAxBmB,CACnB,KAAM,KACP,CAuBC,MArBY,CAAC,YAAa,OAAQ,eAAgB,cAAe,SAAU,SAAU,OAAQ,eAAgB,QAAQ,CAsBrH,MApBY,CACZ,GAAI,CACF,UAAW,CACT,KAAM,IACP,CACF,CACD,GAAI,CACF,UAAW,CACT,KAAM,IACP,CACF,CACD,UAAW,EAAE,CACd,CASC,SAPe,EAAE,CAQlB"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/dialog/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {\n  size: 'md',\n}\n\nconst parts = ['container', 'body', 'cancelButton', 'closeButton', 'footer', 'header', 'icon', 'submitButton', 'title']\n\nconst sizes = {\n  md: {\n    container: {\n      maxW: 520,\n    },\n  },\n  lg: {\n    container: {\n      maxW: 640,\n    },\n  },\n  fullWidth: {},\n}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe,EACnB,MAAM,MACP;AAED,MAAM,QAAQ;CAAC;CAAa;CAAQ;CAAgB;CAAe;CAAU;CAAU;CAAQ;CAAgB;CAAQ;AAEvH,MAAM,QAAQ;CACZ,IAAI,EACF,WAAW,EACT,MAAM,KACP,EACF;CACD,IAAI,EACF,WAAW,EACT,MAAM,KACP,EACF;CACD,WAAW,EAAE;CACd;AAED,MAAM,WAAW,EAAE;AAEnB,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}

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

@@ -1 +1 @@
-{"version":3,"file":"useDialog.d.ts","names":[],"sources":["../../src/dialog/useDialog.tsx"],"sourcesContent":[],"mappings":";cAKa;EAAA,WAAA,CAAA,CA6DZ,CAAA,KAAA,CAAA,CAAA,MAAA,CAAA,CAAA,OAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CA1DuD,OA0DvD,CAAA,OAAA,CAAA;EAAA,UAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,MAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAhCiD,OAgCjD,CAAA,MAAA,CAAA,CAAA,CAAA,KAAA,CAAA"}
+{"version":3,"file":"useDialog.d.ts","names":[],"sources":["../../src/dialog/useDialog.tsx"],"sourcesContent":[],"mappings":";cAKa;EAAA,WAAA,CAAA,CA6DZ,CAAA,KAAA,CAAA,CAAA,MA1DuD,CAAA,CAAA,OA0BN,CAAA,CAAA,MAAO,CAAA,CAAA,CAAA,CAAA,CA1BD,OA0BC,CAAA,OAAA,CAAA;iDAAP"}

package/dist/dialog/useDialog.js

@@ -1,2 +1,69 @@
-import{useVuiContext as e}from"../core/vuiProvider/context.js";import{Box as t}from"../box/box.js";import{Input as n}from"../input/input.js";import r from"./dialog.js";import{jsx as i}from"react/jsx-runtime";const a=()=>{let{setPortalSlot:a}=e();return{showConfirm:(e,t)=>new Promise(n=>a(i(r,{body:t,cancelButton:{onClick:()=>{n(!1),a(null)},text:`Cancel`},closeButton:!1,isOpen:!0,submitButton:{onClick:()=>{n(!0),a(null)},text:`Confirm`},title:e}))),showPrompt:(e,o=``)=>new Promise(s=>{let c=o;a(i(r,{body:i(t,{px:3,py:2,children:i(n,{onChange:e=>c=e.target.value,value:o})}),cancelButton:{onClick:()=>{s(!1),a(null)},text:`Cancel`},closeButton:!1,isOpen:!0,submitButton:{onClick:()=>{s(c),a(null)},text:`Submit`},title:e}))})}};export{a as useDialog};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { useVuiContext } from "../core/vuiProvider/context.js";
+import { Box } from "../box/box.js";
+import { Input } from "../input/input.js";
+import dialog_default from "./dialog.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/dialog/useDialog.tsx
+const useDialog = () => {
+	const { setPortalSlot } = useVuiContext();
+	const showConfirm = (title, message) => new Promise((resolve) => setPortalSlot(/* @__PURE__ */ jsx(dialog_default, {
+		body: message,
+		cancelButton: {
+			onClick: () => {
+				resolve(false);
+				setPortalSlot(null);
+			},
+			text: "Cancel"
+		},
+		closeButton: false,
+		isOpen: true,
+		submitButton: {
+			onClick: () => {
+				resolve(true);
+				setPortalSlot(null);
+			},
+			text: "Confirm"
+		},
+		title
+	})));
+	const showPrompt = (title, value = "") => new Promise((resolve) => {
+		let inputValue = value;
+		setPortalSlot(/* @__PURE__ */ jsx(dialog_default, {
+			body: /* @__PURE__ */ jsx(Box, {
+				px: 3,
+				py: 2,
+				children: /* @__PURE__ */ jsx(Input, {
+					onChange: (e) => inputValue = e.target.value,
+					value
+				})
+			}),
+			cancelButton: {
+				onClick: () => {
+					resolve(false);
+					setPortalSlot(null);
+				},
+				text: "Cancel"
+			},
+			closeButton: false,
+			isOpen: true,
+			submitButton: {
+				onClick: () => {
+					resolve(inputValue);
+					setPortalSlot(null);
+				},
+				text: "Submit"
+			},
+			title
+		}));
+	});
+	return {
+		showConfirm,
+		showPrompt
+	};
+};
+
+//#endregion
+export { useDialog };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=useDialog.js.map

package/dist/dialog/useDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDialog.js","names":["Dialog"],"sources":["../../src/dialog/useDialog.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { useVuiContext } from '../core'\nimport { Dialog } from '../dialog'\nimport { Input } from '../input'\n\nexport const useDialog = () => {\n  const { setPortalSlot } = useVuiContext()\n\n  const showConfirm = (title: string, message: string): Promise<boolean> =>\n    new Promise(resolve =>\n      setPortalSlot(\n        <Dialog\n          body={message}\n          cancelButton={{\n            onClick: () => {\n              resolve(false)\n              setPortalSlot(null)\n            },\n            text: 'Cancel',\n          }}\n          closeButton={false}\n          isOpen\n          submitButton={{\n            onClick: () => {\n              resolve(true)\n              setPortalSlot(null)\n            },\n            text: 'Confirm',\n          }}\n          title={title}\n        />,\n      ),\n    )\n\n  const showPrompt = (title: string, value = ''): Promise<string | false> =>\n    new Promise(resolve => {\n      let inputValue = value\n      setPortalSlot(\n        <Dialog\n          body={\n            <Box px={3} py={2}>\n              <Input onChange={e => (inputValue = e.target.value)} value={value} />\n            </Box>\n          }\n          cancelButton={{\n            onClick: () => {\n              resolve(false)\n              setPortalSlot(null)\n            },\n            text: 'Cancel',\n          }}\n          closeButton={false}\n          isOpen\n          submitButton={{\n            onClick: () => {\n              resolve(inputValue)\n              setPortalSlot(null)\n            },\n            text: 'Submit',\n          }}\n          title={title}\n        />,\n      )\n    })\n\n  return { showConfirm, showPrompt }\n}\n"],"mappings":"gNAKA,MAAa,MAAkB,CAC7B,GAAM,CAAE,iBAAkB,GAAe,CA2DzC,MAAO,CAAE,aAzDY,EAAe,IAClC,IAAI,QAAQ,GACV,EACE,EAACA,EAAAA,CACC,KAAM,EACN,aAAc,CACZ,YAAe,CACb,EAAQ,GAAM,CACd,EAAc,KAAK,EAErB,KAAM,SACP,CACD,YAAa,GACb,OAAA,GACA,aAAc,CACZ,YAAe,CACb,EAAQ,GAAK,CACb,EAAc,KAAK,EAErB,KAAM,UACP,CACM,SACP,CACH,CACF,CAiCmB,YA/BF,EAAe,EAAQ,KACzC,IAAI,QAAQ,GAAW,CACrB,IAAI,EAAa,EACjB,EACE,EAACA,EAAAA,CACC,KACE,EAAC,EAAA,CAAI,GAAI,EAAG,GAAI,WACd,EAAC,EAAA,CAAM,SAAU,GAAM,EAAa,EAAE,OAAO,MAAe,SAAS,EACjE,CAER,aAAc,CACZ,YAAe,CACb,EAAQ,GAAM,CACd,EAAc,KAAK,EAErB,KAAM,SACP,CACD,YAAa,GACb,OAAA,GACA,aAAc,CACZ,YAAe,CACb,EAAQ,EAAW,CACnB,EAAc,KAAK,EAErB,KAAM,SACP,CACM,SACP,CACH,EACD,CAE8B"}
+{"version":3,"file":"useDialog.js","names":["Dialog"],"sources":["../../src/dialog/useDialog.tsx"],"sourcesContent":["import { Box } from '../box'\nimport { useVuiContext } from '../core'\nimport { Dialog } from '../dialog'\nimport { Input } from '../input'\n\nexport const useDialog = () => {\n  const { setPortalSlot } = useVuiContext()\n\n  const showConfirm = (title: string, message: string): Promise<boolean> =>\n    new Promise(resolve =>\n      setPortalSlot(\n        <Dialog\n          body={message}\n          cancelButton={{\n            onClick: () => {\n              resolve(false)\n              setPortalSlot(null)\n            },\n            text: 'Cancel',\n          }}\n          closeButton={false}\n          isOpen\n          submitButton={{\n            onClick: () => {\n              resolve(true)\n              setPortalSlot(null)\n            },\n            text: 'Confirm',\n          }}\n          title={title}\n        />,\n      ),\n    )\n\n  const showPrompt = (title: string, value = ''): Promise<string | false> =>\n    new Promise(resolve => {\n      let inputValue = value\n      setPortalSlot(\n        <Dialog\n          body={\n            <Box px={3} py={2}>\n              <Input onChange={e => (inputValue = e.target.value)} value={value} />\n            </Box>\n          }\n          cancelButton={{\n            onClick: () => {\n              resolve(false)\n              setPortalSlot(null)\n            },\n            text: 'Cancel',\n          }}\n          closeButton={false}\n          isOpen\n          submitButton={{\n            onClick: () => {\n              resolve(inputValue)\n              setPortalSlot(null)\n            },\n            text: 'Submit',\n          }}\n          title={title}\n        />,\n      )\n    })\n\n  return { showConfirm, showPrompt }\n}\n"],"mappings":";;;;;;;AAKA,MAAa,kBAAkB;CAC7B,MAAM,EAAE,kBAAkB,eAAe;CAEzC,MAAM,eAAe,OAAe,YAClC,IAAI,SAAQ,YACV,cACE,oBAACA;EACC,MAAM;EACN,cAAc;GACZ,eAAe;AACb,YAAQ,MAAM;AACd,kBAAc,KAAK;;GAErB,MAAM;GACP;EACD,aAAa;EACb;EACA,cAAc;GACZ,eAAe;AACb,YAAQ,KAAK;AACb,kBAAc,KAAK;;GAErB,MAAM;GACP;EACM;GACP,CACH,CACF;CAEH,MAAM,cAAc,OAAe,QAAQ,OACzC,IAAI,SAAQ,YAAW;EACrB,IAAI,aAAa;AACjB,gBACE,oBAACA;GACC,MACE,oBAAC;IAAI,IAAI;IAAG,IAAI;cACd,oBAAC;KAAM,WAAU,MAAM,aAAa,EAAE,OAAO;KAAe;MAAS;KACjE;GAER,cAAc;IACZ,eAAe;AACb,aAAQ,MAAM;AACd,mBAAc,KAAK;;IAErB,MAAM;IACP;GACD,aAAa;GACb;GACA,cAAc;IACZ,eAAe;AACb,aAAQ,WAAW;AACnB,mBAAc,KAAK;;IAErB,MAAM;IACP;GACM;IACP,CACH;GACD;AAEJ,QAAO;EAAE;EAAa;EAAY"}

package/dist/divider/divider.d.ts

@@ -1,10 +1,11 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { DividerProps } from "./divider.types.js";
-import * as styled_components23 from "styled-components";
+import "../index.js";
+import * as styled_components367 from "styled-components";
 
 //#region src/divider/divider.d.ts
-declare const DividerBase: styled_components23.StyledComponent<"hr", styled_components23.DefaultTheme, SystemProps, never>;
+declare const DividerBase: styled_components367.StyledComponent<"hr", styled_components367.DefaultTheme, SystemProps, never>;
 /** Visually separates content with a horizontal or vertical line. */
 declare const Divider: VuiComponent<"hr", DividerProps>;
 //#endregion

package/dist/divider/divider.d.ts.map

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

package/dist/divider/divider.js

@@ -1,4 +1,34 @@
-import{filterUndefined as e}from"../utils/object.js";import{cs as t}from"../utils/styles.js";import{omitThemingProps as n,useStyleConfig as r}from"../core/theme.js";import{styled as i}from"../core/styled.js";import{vui as a}from"../core/vui.js";import{jsx as o}from"react/jsx-runtime";const s=i.hrBox`
+import { filterUndefined } from "../utils/object.js";
+import { cs } from "../utils/styles.js";
+import { omitThemingProps, useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/divider/divider.tsx
+const DividerBase = styled.hrBox`
   border-color: sandstone.90;
-`,c=a((i,a)=>{let{className:c,isVertical:l,width:u,...d}=n(i),f=r(`Divider`,i),p=`border${l?`Right`:`Bottom`}Width`,m=l?`100%`:``,h=e({[p]:u??1});return o(s,{className:t(`vui-divider`,c),h:m,ref:a,...f,...h,...d})});c.displayName=`Divider`;var l=c;export{c as Divider,s as DividerBase,l as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/** Visually separates content with a horizontal or vertical line. */
+const Divider = vui((props, ref) => {
+	const { className, isVertical, width,...rest } = omitThemingProps(props);
+	const styles = useStyleConfig("Divider", props);
+	const borderWidth = `border${isVertical ? "Right" : "Bottom"}Width`;
+	const height = isVertical ? "100%" : "";
+	const aliasedProps = filterUndefined({ [borderWidth]: width ?? 1 });
+	return /* @__PURE__ */ jsx(DividerBase, {
+		className: cs("vui-divider", className),
+		h: height,
+		ref,
+		...styles,
+		...aliasedProps,
+		...rest
+	});
+});
+Divider.displayName = "Divider";
+var divider_default = Divider;
+
+//#endregion
+export { Divider, DividerBase, divider_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=divider.js.map

package/dist/divider/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","names":[],"sources":["../../src/divider/divider.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { DividerProps } from './divider.types'\n\nexport const DividerBase = styled.hrBox`\n  border-color: sandstone.90;\n`\n\n/** Visually separates content with a horizontal or vertical line. */\nexport const Divider = vui<'hr', DividerProps>((props, ref) => {\n  const { className, isVertical, width, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Divider', props)\n\n  const borderSide = isVertical ? 'Right' : 'Bottom'\n  const borderWidth = `border${borderSide}Width`\n  const height = isVertical ? '100%' : ''\n\n  const aliasedProps = filterUndefined({\n    [borderWidth]: width ?? 1,\n  })\n\n  return (\n    <DividerBase\n      className={cs('vui-divider', className)}\n      h={height}\n      ref={ref}\n      {...styles}\n      {...aliasedProps}\n      {...rest}\n    />\n  )\n})\n\nDivider.displayName = 'Divider'\nexport default Divider\n"],"mappings":"6RAIA,MAAa,EAAc,EAAO,KAAK;;EAK1B,EAAU,GAAyB,EAAO,IAAQ,CAC7D,GAAM,CAAE,YAAW,aAAY,QAAO,GAAG,GAAS,EAAiB,EAAM,CACnE,EAAS,EAAe,UAAW,EAAM,CAGzC,EAAc,SADD,EAAa,QAAU,SACF,OAClC,EAAS,EAAa,OAAS,GAE/B,EAAe,EAAgB,EAClC,GAAc,GAAS,EACzB,CAAC,CAEF,OACE,EAAC,EAAA,CACC,UAAW,EAAG,cAAe,EAAU,CACvC,EAAG,EACE,MACL,GAAI,EACJ,GAAI,EACJ,GAAI,GACJ,EAEJ,CAEF,EAAQ,YAAc,UACtB,IAAA,EAAe"}
+{"version":3,"file":"divider.js","names":[],"sources":["../../src/divider/divider.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { DividerProps } from './divider.types'\n\nexport const DividerBase = styled.hrBox`\n  border-color: sandstone.90;\n`\n\n/** Visually separates content with a horizontal or vertical line. */\nexport const Divider = vui<'hr', DividerProps>((props, ref) => {\n  const { className, isVertical, width, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Divider', props)\n\n  const borderSide = isVertical ? 'Right' : 'Bottom'\n  const borderWidth = `border${borderSide}Width`\n  const height = isVertical ? '100%' : ''\n\n  const aliasedProps = filterUndefined({\n    [borderWidth]: width ?? 1,\n  })\n\n  return (\n    <DividerBase\n      className={cs('vui-divider', className)}\n      h={height}\n      ref={ref}\n      {...styles}\n      {...aliasedProps}\n      {...rest}\n    />\n  )\n})\n\nDivider.displayName = 'Divider'\nexport default Divider\n"],"mappings":";;;;;;;;AAIA,MAAa,cAAc,OAAO,KAAK;;;;AAKvC,MAAa,UAAU,KAAyB,OAAO,QAAQ;CAC7D,MAAM,EAAE,WAAW,YAAY,MAAO,GAAG,SAAS,iBAAiB,MAAM;CACzE,MAAM,SAAS,eAAe,WAAW,MAAM;CAG/C,MAAM,cAAc,SADD,aAAa,UAAU,SACF;CACxC,MAAM,SAAS,aAAa,SAAS;CAErC,MAAM,eAAe,gBAAgB,GAClC,cAAc,SAAS,GACzB,CAAC;AAEF,QACE,oBAAC;EACC,WAAW,GAAG,eAAe,UAAU;EACvC,GAAG;EACE;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;GACJ;EAEJ;AAEF,QAAQ,cAAc;AACtB,sBAAe"}

package/dist/divider/divider.types.d.ts

@@ -1,6 +1,7 @@
 import { ThemingProps } from "../theme/types.js";
 import { BordersProps } from "../system/borders.js";
 import { SystemProps } from "../system/system.js";
+import "../system/index.js";
 
 //#region src/divider/divider.types.d.ts
 type DividerProps = SystemProps & ThemingProps<'Divider'> & {

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

@@ -1 +1 @@
-{"version":3,"file":"divider.types.d.ts","names":[],"sources":["../../src/divider/divider.types.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,YAAA,CAAA,CAAA,CAAe,cACzB;;;EADU,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,IAAA,CAAA,UAAA,CAAA,KAAA,CAAA,GAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA;EAAY,UAAA,CAAA,CAAA,CAAA,OAAA;;OACtB,CAAA,CAAA,CAMU,YANV,CAAA,CAAA,WAAA,CAAA,CAAA"}
+{"version":3,"file":"divider.types.d.ts","names":[],"sources":["../../src/divider/divider.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAGY,YAAA,CAAA,CAAA,CAAe,cACzB;;;;EADU,UAAA,CAAA,CAAA,CAAA,OAAY;EAAG,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,SAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EACzB,KAAA,CAAA,CAAA,CAMU,YANV,CAAA,CAAA,WAAA,CAAA,CAAA;CAMU"}

package/dist/divider/index.d.ts

@@ -0,0 +1,2 @@
+import { DividerProps } from "./divider.types.js";
+import { Divider, DividerBase } from "./divider.js";

package/dist/divider/theme.js

@@ -1,2 +1,16 @@
-var e={baseStyle:{},defaultProps:{},sizes:{},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/divider/theme.ts
+const baseStyle = {};
+const defaultProps = {};
+const sizes = {};
+const variants = {};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=theme.js.map

package/dist/divider/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/divider/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {}\n\nconst sizes = {}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":"AAQA,IAAA,EAAe,CACb,UATgB,EAAE,CAUlB,aARmB,EAAE,CASrB,MAPY,EAAE,CAQd,SANe,EAAE,CAOlB"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/divider/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {}\n\nconst sizes = {}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe,EAAE;AAEvB,MAAM,QAAQ,EAAE;AAEhB,MAAM,WAAW,EAAE;AAEnB,oBAAe;CACb;CACA;CACA;CACA;CACD"}

package/dist/dragAndDrop/dragAndDrop.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { DragAndDropProps } from "./dragAndDrop.types.js";
+import "../index.js";
 
 //#region src/dragAndDrop/dragAndDrop.d.ts
 /** Prepares uploading files by selecting or dragging. */