@veracity/vui 3.2.0 → 4.0.0-floatinguitake3.2154362

package/dist/definition/definition.d.ts

@@ -13,4 +13,5 @@ declare const DefinitionHorizontalBase: styled_components0.StyledComponent<"dl",
 declare const Definition: VuiComponent<"dl", DefinitionProps>;
 //#endregion
 export { Definition, DefinitionHorizontalBase, DefinitionVerticalBase };
+
 //# sourceMappingURL=definition.d.ts.map

package/dist/definition/definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","names":[],"sources":["../../src/definition/definition.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;cAQa,wBAAsB,kBAAA,CAAA,sBAqBlC,kBAAA,CArBkC,YAAA,CAAA,CAAA,WAAA,CAAA;cAuBtB,0BAAwB,kBAAA,CAAA,sBA+BpC,kBAAA,CA/BoC,YAAA,CAAA,CAAA,WAAA,CAAA;cAiCxB,YAAU,mBAAA"}
+{"version":3,"file":"definition.d.ts","names":[],"sources":["../../src/definition/definition.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;cAQa,wBAAsB,kBAAA,CAAA,sBAqBlC,kBAAA,CArBkC,YAAA,EAAA,WAAA;cAuBtB,0BAAwB,kBAAA,CAAA,sBA+BpC,kBAAA,CA/BoC,YAAA,EAAA,WAAA;cAiCxB,YAAU,mBAAA"}

package/dist/definition/definition.js

@@ -64,7 +64,7 @@ const DefinitionHorizontalBase = styled.dlBox`
   }
 `;
 const Definition = vui((props, ref) => {
-	const { orientation = "horizontal", className,...rest } = omitThemingProps(props);
+	const { orientation = "horizontal", className, ...rest } = omitThemingProps(props);
 	const styles = useStyleConfig("Definition", props);
 	return orientation === "horizontal" ? /* @__PURE__ */ jsx(DefinitionHorizontalBase, {
 		className: cs("vui-definition vui-definition-horizontal", className),
@@ -90,5 +90,5 @@ Definition.displayName = "Definition";
 
 //#endregion
 export { Definition, DefinitionHorizontalBase, DefinitionVerticalBase };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=definition.js.map

package/dist/definition/definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.js","names":[],"sources":["../../src/definition/definition.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { DefinitionProps } from './definition.types'\nimport { DefinitionContent } from './definitionContent'\n\n/**\n * Properties are definition lists\n * */\nexport const DefinitionVerticalBase = styled.dlBox`\n  display: grid;\n  gap: 1em;\n  grid-template-columns: repeat(auto-fit, minmax(10em, 20em));\n\n  .vui-definitionItemWrapper {\n    display: flex;\n    flex-direction: column;\n  }\n\n  dt {\n    display: inline-flex;\n  }\n\n  dd {\n    white-space: pre-wrap;\n  }\n\n  dd > * {\n    margin-left: 0 !important;\n  }\n`\n\nexport const DefinitionHorizontalBase = styled.dlBox`\n  padding: 10px;\n  display: grid;\n  gap: 0;\n\n  .vui-definitionItemWrapper {\n    display: flex;\n    flex-direction: column;\n    @media (min-width: 1024px) {\n      flex-direction: row;\n    }\n  }\n\n  dt,\n  dd {\n    display: inline-flex;\n    padding-left: 5px;\n  }\n\n  dt {\n    width: 20%;\n    min-width: 130px;\n  }\n\n  dd {\n    white-space: pre-wrap;\n  }\n\n  dd > * {\n    margin-left: 0 !important;\n  }\n`\n\nexport const Definition = vui<'dl', DefinitionProps>((props, ref) => {\n  const { orientation = 'horizontal', className, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Definition', props)\n  return orientation === 'horizontal' ? (\n    <DefinitionHorizontalBase\n      className={cs('vui-definition vui-definition-horizontal', className)}\n      ref={ref}\n      {...styles.container}\n      {...rest}\n    >\n      <DefinitionContent orientation=\"horizontal\" {...rest} />\n    </DefinitionHorizontalBase>\n  ) : (\n    <DefinitionVerticalBase\n      className={cs('vui-definition vui-definition-vertical', className)}\n      ref={ref}\n      {...styles.container}\n      {...rest}\n    >\n      <DefinitionContent orientation=\"vertical\" {...rest} />\n    </DefinitionVerticalBase>\n  )\n})\n\nDefinition.displayName = 'Definition'\nexport default Definition\n"],"mappings":";;;;;;;;;;;AAQA,MAAa,yBAAyB,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;;;AAuBlD,MAAa,2BAA2B,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCpD,MAAa,aAAa,KAA4B,OAAO,QAAQ;CACnE,MAAM,EAAE,cAAc,cAAc,UAAW,GAAG,SAAS,iBAAiB,MAAM;CAClF,MAAM,SAAS,eAAe,cAAc,MAAM;AAClD,QAAO,gBAAgB,eACrB,oBAAC;EACC,WAAW,GAAG,4CAA4C,UAAU;EAC/D;EACL,GAAI,OAAO;EACX,GAAI;YAEJ,oBAAC;GAAkB,aAAY;GAAa,GAAI;IAAQ;GAC/B,GAE3B,oBAAC;EACC,WAAW,GAAG,0CAA0C,UAAU;EAC7D;EACL,GAAI,OAAO;EACX,GAAI;YAEJ,oBAAC;GAAkB,aAAY;GAAW,GAAI;IAAQ;GAC/B;EAE3B;AAEF,WAAW,cAAc"}
+{"version":3,"file":"definition.js","names":[],"sources":["../../src/definition/definition.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { DefinitionProps } from './definition.types'\nimport { DefinitionContent } from './definitionContent'\n\n/**\n * Properties are definition lists\n * */\nexport const DefinitionVerticalBase = styled.dlBox`\n  display: grid;\n  gap: 1em;\n  grid-template-columns: repeat(auto-fit, minmax(10em, 20em));\n\n  .vui-definitionItemWrapper {\n    display: flex;\n    flex-direction: column;\n  }\n\n  dt {\n    display: inline-flex;\n  }\n\n  dd {\n    white-space: pre-wrap;\n  }\n\n  dd > * {\n    margin-left: 0 !important;\n  }\n`\n\nexport const DefinitionHorizontalBase = styled.dlBox`\n  padding: 10px;\n  display: grid;\n  gap: 0;\n\n  .vui-definitionItemWrapper {\n    display: flex;\n    flex-direction: column;\n    @media (min-width: 1024px) {\n      flex-direction: row;\n    }\n  }\n\n  dt,\n  dd {\n    display: inline-flex;\n    padding-left: 5px;\n  }\n\n  dt {\n    width: 20%;\n    min-width: 130px;\n  }\n\n  dd {\n    white-space: pre-wrap;\n  }\n\n  dd > * {\n    margin-left: 0 !important;\n  }\n`\n\nexport const Definition = vui<'dl', DefinitionProps>((props, ref) => {\n  const { orientation = 'horizontal', className, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Definition', props)\n  return orientation === 'horizontal' ? (\n    <DefinitionHorizontalBase\n      className={cs('vui-definition vui-definition-horizontal', className)}\n      ref={ref}\n      {...styles.container}\n      {...rest}\n    >\n      <DefinitionContent orientation=\"horizontal\" {...rest} />\n    </DefinitionHorizontalBase>\n  ) : (\n    <DefinitionVerticalBase\n      className={cs('vui-definition vui-definition-vertical', className)}\n      ref={ref}\n      {...styles.container}\n      {...rest}\n    >\n      <DefinitionContent orientation=\"vertical\" {...rest} />\n    </DefinitionVerticalBase>\n  )\n})\n\nDefinition.displayName = 'Definition'\nexport default Definition\n"],"mappings":";;;;;;;;;;;AAQA,MAAa,yBAAyB,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;;;AAuBlD,MAAa,2BAA2B,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCpD,MAAa,aAAa,KAA4B,OAAO,QAAQ;CACnE,MAAM,EAAE,cAAc,cAAc,WAAW,GAAG,SAAS,iBAAiB,MAAM;CAClF,MAAM,SAAS,eAAe,cAAc,MAAM;AAClD,QAAO,gBAAgB,eACrB,oBAAC;EACC,WAAW,GAAG,4CAA4C,UAAU;EAC/D;EACL,GAAI,OAAO;EACX,GAAI;YAEJ,oBAAC;GAAkB,aAAY;GAAa,GAAI;IAAQ;GAC/B,GAE3B,oBAAC;EACC,WAAW,GAAG,0CAA0C,UAAU;EAC7D;EACL,GAAI,OAAO;EACX,GAAI;YAEJ,oBAAC;GAAkB,aAAY;GAAW,GAAI;IAAQ;GAC/B;EAE3B;AAEF,WAAW,cAAc"}

package/dist/definition/definition.types.d.ts

@@ -27,4 +27,5 @@ type DefinitionProps = SystemProps & ThemingProps<'Definition'> & {
 };
 //#endregion
 export { DefinitionProps };
+
 //# sourceMappingURL=definition.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"definition.types.d.ts","names":[],"sources":["../../src/definition/definition.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAMY,cAAA,CAAA,CAAA,CAAiB;;;sCAGS;EAH1B,YAAA,CAAA,CAAA,CAAA,OAAc;AAO1B,CAAA;AAA8B,IAAA,CAAlB,eAAA,CAAA,CAAA,CAAkB,WAAA,CAAA,CAAA,CAC5B,YAD4B,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA;EAC5B,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAEa,QAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAW,GAAA,CAAI,OAAf;EAAW,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAEV,SAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAW,GAAA,CAAI,OAAf;EAAW,WAAI,CAAA,CAAA,CAAA,OAAA;EAGnB,WAAA,CAAA,CAAA,CAAA,OAAA;EAAc,KAAA,CAAA,CAAA,CAAd,cAAc,CAAA,CAAA"}
+{"version":3,"file":"definition.types.d.ts","names":[],"sources":["../../src/definition/definition.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAMY,cAAA,GAAiB;;;sCAGS;EAH1B,YAAA,CAAA,EAAA,OAAc;AAO1B,CAAA;AAA8B,KAAlB,eAAA,GAAkB,WAAA,GAC5B,YAD4B,CAAA,YAAA,CAAA,GAAA;EAC5B;EAEa,QAAA,CAAA,EAAA,QAAA,GAAW,GAAA,CAAI,OAAf;EAAW;EAEV,SAAA,CAAA,EAAA,QAAA,GAAW,GAAA,CAAI,OAAf;EAAW,WAAI,CAAA,EAAA,OAAA;EAGnB,WAAA,CAAA,EAAA,OAAA;EAAc,KAAA,CAAA,EAAd,cAAc,EAAA"}

package/dist/definition/definitionContent.js

@@ -15,7 +15,7 @@ const DefinitionItemValue = styled.ddBox``;
 const DefinitionContent = vui((props, ref) => {
 	const { iconLeft, iconRight, isLabelBold, isValueBold, items, orientation } = props;
 	const styles = useStyleConfig("Definition", props);
-	return /* @__PURE__ */ jsx(Fragment$1, { children: isArray(items) ? items.map(({ key, value,...props$1 }, index) => /* @__PURE__ */ jsxs(box_default, {
+	return /* @__PURE__ */ jsx(Fragment$1, { children: isArray(items) ? items.map(({ key, value, ...props$1 }, index) => /* @__PURE__ */ jsxs(box_default, {
 		className: "vui-definitionItemWrapper",
 		ref,
 		children: [/* @__PURE__ */ jsxs(DefinitionItemKey, {
@@ -77,5 +77,5 @@ DefinitionContent.displayName = "DefinitionContent";
 
 //#endregion
 export { DefinitionContent };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=definitionContent.js.map

package/dist/definition/definitionContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"definitionContent.js","names":["props","Box","Icon","P","value","index"],"sources":["../../src/definition/definitionContent.tsx"],"sourcesContent":["import Box from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport P from '../p'\nimport { cs, isArray } from '../utils'\nimport type { DefinitionItem, DefinitionProps } from './definition.types'\n\nexport const DefinitionItemKey = styled.dtBox``\nexport const DefinitionItemValue = styled.ddBox``\n\nexport const DefinitionContent = vui<'dl', DefinitionProps>((props, ref) => {\n  const { iconLeft, iconRight, isLabelBold, isValueBold, items, orientation } = props as DefinitionProps\n\n  const styles = useStyleConfig('Definition', props)\n\n  return (\n    <>\n      {isArray<DefinitionItem>(items)\n        ? items.map(({ key, value, ...props }, index) => (\n            <Box className=\"vui-definitionItemWrapper\" key={index} ref={ref}>\n              <DefinitionItemKey fontWeight={isLabelBold ? 'demi' : 'default'} {...styles.dt}>\n                {props.keyHasIcon && iconLeft && (\n                  <Icon className={cs('vui-definitionIcon')} name={iconLeft} {...styles.icon} />\n                )}\n                {key}\n                {props.keyHasIcon && iconRight && (\n                  <Icon className={cs('vui-definitionIcon')} name={iconRight} {...styles.icon} />\n                )}\n              </DefinitionItemKey>\n              {isArray(value) ? (\n                <DefinitionItemValue\n                  display=\"block\"\n                  fontWeight={isValueBold ? 'demi' : 'default'}\n                  {...styles.dd}\n                  key={index}\n                >\n                  {orientation === 'horizontal'\n                    ? value.join(', ')\n                    : value.map((value, index) => (\n                        <P display=\"flex\" key={index + value}>\n                          {props.valueHasIcon && iconLeft && (\n                            <Icon className={cs('vui-definitionIcon')} name={iconLeft} {...styles.icon} />\n                          )}\n                          {value}\n                          {props.valueHasIcon && iconRight && (\n                            <Icon className={cs('vui-definitionIcon')} name={iconRight} {...styles.icon} />\n                          )}\n                        </P>\n                      ))}\n                  {}\n                </DefinitionItemValue>\n              ) : (\n                <DefinitionItemValue fontWeight={isValueBold ? 'demi' : 'default'} {...styles.dd}>\n                  {props.valueHasIcon && iconLeft && (\n                    <Icon className={cs('vui-definitionIcon')} name={iconLeft} {...styles.icon} />\n                  )}\n                  {value}\n                  {props.valueHasIcon && iconRight && (\n                    <Icon className={cs('vui-definitionIcon')} name={iconRight} {...styles.icon} />\n                  )}\n                </DefinitionItemValue>\n              )}\n            </Box>\n          ))\n        : items}\n    </>\n  )\n})\n\nDefinitionContent.displayName = 'DefinitionContent'\n\nexport default DefinitionContent\n"],"mappings":";;;;;;;;;;;;AAOA,MAAa,oBAAoB,OAAO,KAAK;AAC7C,MAAa,sBAAsB,OAAO,KAAK;AAE/C,MAAa,oBAAoB,KAA4B,OAAO,QAAQ;CAC1E,MAAM,EAAE,UAAU,WAAW,aAAa,aAAa,OAAO,gBAAgB;CAE9E,MAAM,SAAS,eAAe,cAAc,MAAM;AAElD,QACE,4CACG,QAAwB,MAAM,GAC3B,MAAM,KAAK,EAAE,KAAK,MAAO,GAAGA,WAAS,UACnC,qBAACC;EAAI,WAAU;EAA6C;aAC1D,qBAAC;GAAkB,YAAY,cAAc,SAAS;GAAW,GAAI,OAAO;;IACzED,QAAM,cAAc,YACnB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAU,GAAI,OAAO;MAAQ;IAE/E;IACAF,QAAM,cAAc,aACnB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAW,GAAI,OAAO;MAAQ;;IAE/D,EACnB,QAAQ,MAAM,GACb,8BAAC;GACC,SAAQ;GACR,YAAY,cAAc,SAAS;GACnC,GAAI,OAAO;GACX,KAAK;KAEJ,gBAAgB,eACb,MAAM,KAAK,KAAK,GAChB,MAAM,KAAK,SAAO,YAChB,qBAACC;GAAE,SAAQ;;IACRH,QAAM,gBAAgB,YACrB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAU,GAAI,OAAO;MAAQ;IAE/EE;IACAJ,QAAM,gBAAgB,aACrB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAW,GAAI,OAAO;MAAQ;;KAN5DG,UAAQD,QAQ3B,CACJ,CAEc,GAEtB,qBAAC;GAAoB,YAAY,cAAc,SAAS;GAAW,GAAI,OAAO;;IAC3EJ,QAAM,gBAAgB,YACrB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAU,GAAI,OAAO;MAAQ;IAE/E;IACAF,QAAM,gBAAgB,aACrB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAW,GAAI,OAAO;MAAQ;;IAE7D;IAzCsB,MA2C1C,CACN,GACF,QACH;EAEL;AAEF,kBAAkB,cAAc"}
+{"version":3,"file":"definitionContent.js","names":["props","Box","Icon","P","value","index"],"sources":["../../src/definition/definitionContent.tsx"],"sourcesContent":["import Box from '../box'\nimport { styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport P from '../p'\nimport { cs, isArray } from '../utils'\nimport type { DefinitionItem, DefinitionProps } from './definition.types'\n\nexport const DefinitionItemKey = styled.dtBox``\nexport const DefinitionItemValue = styled.ddBox``\n\nexport const DefinitionContent = vui<'dl', DefinitionProps>((props, ref) => {\n  const { iconLeft, iconRight, isLabelBold, isValueBold, items, orientation } = props as DefinitionProps\n\n  const styles = useStyleConfig('Definition', props)\n\n  return (\n    <>\n      {isArray<DefinitionItem>(items)\n        ? items.map(({ key, value, ...props }, index) => (\n            <Box className=\"vui-definitionItemWrapper\" key={index} ref={ref}>\n              <DefinitionItemKey fontWeight={isLabelBold ? 'demi' : 'default'} {...styles.dt}>\n                {props.keyHasIcon && iconLeft && (\n                  <Icon className={cs('vui-definitionIcon')} name={iconLeft} {...styles.icon} />\n                )}\n                {key}\n                {props.keyHasIcon && iconRight && (\n                  <Icon className={cs('vui-definitionIcon')} name={iconRight} {...styles.icon} />\n                )}\n              </DefinitionItemKey>\n              {isArray(value) ? (\n                <DefinitionItemValue\n                  display=\"block\"\n                  fontWeight={isValueBold ? 'demi' : 'default'}\n                  {...styles.dd}\n                  key={index}\n                >\n                  {orientation === 'horizontal'\n                    ? value.join(', ')\n                    : value.map((value, index) => (\n                        <P display=\"flex\" key={index + value}>\n                          {props.valueHasIcon && iconLeft && (\n                            <Icon className={cs('vui-definitionIcon')} name={iconLeft} {...styles.icon} />\n                          )}\n                          {value}\n                          {props.valueHasIcon && iconRight && (\n                            <Icon className={cs('vui-definitionIcon')} name={iconRight} {...styles.icon} />\n                          )}\n                        </P>\n                      ))}\n                  {}\n                </DefinitionItemValue>\n              ) : (\n                <DefinitionItemValue fontWeight={isValueBold ? 'demi' : 'default'} {...styles.dd}>\n                  {props.valueHasIcon && iconLeft && (\n                    <Icon className={cs('vui-definitionIcon')} name={iconLeft} {...styles.icon} />\n                  )}\n                  {value}\n                  {props.valueHasIcon && iconRight && (\n                    <Icon className={cs('vui-definitionIcon')} name={iconRight} {...styles.icon} />\n                  )}\n                </DefinitionItemValue>\n              )}\n            </Box>\n          ))\n        : items}\n    </>\n  )\n})\n\nDefinitionContent.displayName = 'DefinitionContent'\n\nexport default DefinitionContent\n"],"mappings":";;;;;;;;;;;;AAOA,MAAa,oBAAoB,OAAO,KAAK;AAC7C,MAAa,sBAAsB,OAAO,KAAK;AAE/C,MAAa,oBAAoB,KAA4B,OAAO,QAAQ;CAC1E,MAAM,EAAE,UAAU,WAAW,aAAa,aAAa,OAAO,gBAAgB;CAE9E,MAAM,SAAS,eAAe,cAAc,MAAM;AAElD,QACE,4CACG,QAAwB,MAAM,GAC3B,MAAM,KAAK,EAAE,KAAK,OAAO,GAAGA,WAAS,UACnC,qBAACC;EAAI,WAAU;EAA6C;aAC1D,qBAAC;GAAkB,YAAY,cAAc,SAAS;GAAW,GAAI,OAAO;;IACzED,QAAM,cAAc,YACnB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAU,GAAI,OAAO;MAAQ;IAE/E;IACAF,QAAM,cAAc,aACnB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAW,GAAI,OAAO;MAAQ;;IAE/D,EACnB,QAAQ,MAAM,GACb,8BAAC;GACC,SAAQ;GACR,YAAY,cAAc,SAAS;GACnC,GAAI,OAAO;GACX,KAAK;KAEJ,gBAAgB,eACb,MAAM,KAAK,KAAK,GAChB,MAAM,KAAK,SAAO,YAChB,qBAACC;GAAE,SAAQ;;IACRH,QAAM,gBAAgB,YACrB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAU,GAAI,OAAO;MAAQ;IAE/EE;IACAJ,QAAM,gBAAgB,aACrB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAW,GAAI,OAAO;MAAQ;;KAN5DG,UAAQD,QAQ3B,CACJ,CAEc,GAEtB,qBAAC;GAAoB,YAAY,cAAc,SAAS;GAAW,GAAI,OAAO;;IAC3EJ,QAAM,gBAAgB,YACrB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAU,GAAI,OAAO;MAAQ;IAE/E;IACAF,QAAM,gBAAgB,aACrB,oBAACE;KAAK,WAAW,GAAG,qBAAqB;KAAE,MAAM;KAAW,GAAI,OAAO;MAAQ;;IAE7D;IAzCsB,MA2C1C,CACN,GACF,QACH;EAEL;AAEF,kBAAkB,cAAc"}

package/dist/definition/index.d.ts

@@ -1 +1 @@
-import { Definition, DefinitionHorizontalBase, DefinitionVerticalBase } from "./definition.js";
+import { Definition, DefinitionHorizontalBase, DefinitionVerticalBase } from "./definition.js";

package/dist/definition/theme.js

@@ -67,5 +67,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=theme.js.map

package/dist/dialog/consts.d.ts

@@ -17,4 +17,5 @@ declare const containerId = "vui-dynamic-container";
 declare const modalClass = "vui-modal";
 //#endregion
 export { containerId, dialogStatusMapping, modalAnimation, modalClass, modalJustifyContent };
+
 //# sourceMappingURL=consts.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","names":[],"sources":["../../src/dialog/consts.ts"],"sourcesContent":[],"mappings":";;;;cAGa,qBAAqB;AAArB,OAAA,CAAA,KAAA,CA2BA,cAFZ,CAAA,CAAA;EAEY,IAAA,CAAA,CAAA,MAAA;EAMA,MAAA,CAAA,CAAA,MAAA;EAMA,KAAA,CAAA,CAAA,MAAA;AAEb,CAAA;cARa;;;;;cAMA,WAAA,CAAA,CAAA;cAEA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"consts.d.ts","names":[],"sources":["../../src/dialog/consts.ts"],"sourcesContent":[],"mappings":";;;;cAGa,qBAAqB;AAArB,cA2BA,cAFZ,EAAA;EAEY,IAAA,EAAA,MAAA;EAMA,MAAA,EAAA,MAAA;EAMA,KAAA,EAAA,MAAA;AAEb,CAAA;cARa;;;;;cAMA,WAAA;cAEA,UAAA"}

package/dist/dialog/consts.js

@@ -33,5 +33,5 @@ const modalClass = "vui-modal";
 
 //#endregion
 export { containerId, dialogStatusMapping, modalAnimation, modalClass, modalJustifyContent };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=consts.js.map

package/dist/dialog/context.d.ts

@@ -1,8 +1,9 @@
 import { DialogContext } from "./dialog.types.js";
-import * as react936 from "react";
+import * as react15 from "react";
 
 //#region src/dialog/context.d.ts
-declare const DialogProvider: react936.Provider<DialogContext>, useDialogContext: () => DialogContext;
+declare const DialogProvider: react15.Provider<DialogContext>, useDialogContext: () => DialogContext;
 //#endregion
 export { DialogProvider, useDialogContext };
+
 //# sourceMappingURL=context.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/dialog/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,gBAAc,QAAA,CAAA,SAAA,gBAAE,wBAAgB"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/dialog/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,gBAAc,OAAA,CAAA,SAAA,gBAAE,wBAAgB"}

package/dist/dialog/context.js

@@ -5,5 +5,5 @@ const [DialogProvider, useDialogContext] = createContext({ isOptional: true });
 
 //#endregion
 export { DialogProvider, useDialogContext };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=context.js.map

package/dist/dialog/dialog.d.ts

@@ -11,10 +11,10 @@ import { DialogIcon } from "./dialogIcon.js";
 import { DialogSubmitButton } from "./dialogSubmitButton.js";
 import { DialogTitle } from "./dialogTitle.js";
 import "../index.js";
-import * as styled_components371 from "styled-components";
+import * as styled_components54 from "styled-components";
 
 //#region src/dialog/dialog.d.ts
-declare const DialogBase: styled_components371.StyledComponent<"div", styled_components371.DefaultTheme, SystemProps, never>;
+declare const DialogBase: styled_components54.StyledComponent<"div", styled_components54.DefaultTheme, SystemProps, never>;
 /**
  * Displays content in a Modal window. Includes required accessibility configuration.
  *
@@ -34,4 +34,5 @@ declare const Dialog: VuiComponent<"div", DialogProps> & {
 };
 //#endregion
 export { Dialog, DialogBase };
+
 //# sourceMappingURL=dialog.d.ts.map

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,oBAAA,CAAA,uBAOtB,oBAAA,CAPsB,YAAA,CAAA,CAAA,WAAA,CAAA;;;;;;AAAvB,CAAA,CAAA,CAAA,GAAA,CAAA,OAAA,CAAA,GAAA,CAAA,OAAA,CAAA,SAAA,CAAA,WAAA,CAAA,CAAA,IAAA,CAAA,QAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA,MAAA,CAAA,KAAA,CAAA,EAAA,CAAA,OAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,EAAA,CAAA,MAAA,CAAA,WAAA,CAAA,IAAA,CAAA,GAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,GAAA,CAAA,KAAA,CAAA,GAAA,CAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,QAAA,CAAA,MAAA,CAAA,CAAA,QAAA,CAAA,EAAA,CAAA,GAAA,CAAA,QAAA,CAAA,EAAA,CAAA,KAAA,CAAA,MAAA;;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;EAAA,YAAA,CAAA,CAAA,MAAA,CA6FA,kBA7FA;EAgBV,WAoFZ,CAAA,CAAA,MAAA,CANqB,iBAMrB;EATyB,MAAA,CAAA,CAAA,MAAA,CAIT,YAJS;EAApB,MAAA,CAAA,CAAA,MAAA,CAKW,YALX;EACS,IAAA,CAAA,CAAA,MAAA,CAKA,UALA;EACQ,YAAA,CAAA,CAAA,MAAA,CAKA,kBALA;EACD,KAAA,CAAA,CAAA,MAAA,CAKN,WALM;CACL"}
+{"version":3,"file":"dialog.d.ts","names":[],"sources":["../../src/dialog/dialog.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;cAkBa,YAAU,mBAAA,CAAA,uBAOtB,mBAAA,CAPsB,YAAA,EAAA,WAAA;;;;;;AAAvB;;AAAuB,cAgBV,MAhBU,EA2FjB,YA3FiB,CAAA,KAAA,EA2FG,WA3FH,CAAA,GAAA;EAAA,IAAA,EAAA,OA4FR,UA5FQ;EAAA,YAAA,EAAA,OA6FA,kBA7FA;EAgBV,WAoFZ,EAAA,OANqB,iBAMrB;EATyB,MAAA,EAAA,OAIT,YAJS;EAApB,MAAA,EAAA,OAKW,YALX;EACS,IAAA,EAAA,OAKA,UALA;EACQ,YAAA,EAAA,OAKA,kBALA;EACD,KAAA,EAAA,OAKN,WALM;CACL"}

package/dist/dialog/dialog.js

@@ -36,7 +36,7 @@ const DialogBase = styled.divBox`
 * 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 { 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",
@@ -115,5 +115,5 @@ var dialog_default = Dialog;
 
 //#endregion
 export { DialogBase, dialog_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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":";;;;;;;;;;;;;;;;;;;;;;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"}
+{"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,SACA,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/dialog.types.d.ts

@@ -60,4 +60,5 @@ type DialogSubmitButtonProps = PropsOf<'button', ButtonProps>;
 type DialogTitleProps = PropsOf<'h4', HeadingProps>;
 //#endregion
 export { DialogBodyProps, DialogCancelButtonProps, DialogCloseButtonProps, DialogContext, DialogFooterProps, DialogHeaderProps, DialogIconProps, DialogPlacement, DialogProps, DialogStatus, DialogStatusMapping, DialogSubmitButtonProps, DialogTitleProps };
+
 //# sourceMappingURL=dialog.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.types.d.ts","names":[],"sources":["../../src/dialog/dialog.types.ts"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"dialog.types.d.ts","names":[],"sources":["../../src/dialog/dialog.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;KASY,eAAA,GAAkB,eAAe;KAEjC,uBAAA,GAA0B,kBAAkB;KAE5C,sBAAA,GAAyB,kBAAkB;KAE3C,aAAA,GAAgB,KAAK;;;;KAKrB,iBAAA,GAAoB,eAAe,WAAW,KAAK;KAEnD,iBAAA,GAAoB,eAAe,WAAW,KAAK;AAbnD,KAeA,eAAA,GAAkB,OAfe,CAAA,KAAA,EAeA,SAfR,CAAA;AAEzB,KAeA,eAAA,GAfuB,MAAA,GAAA,QAAqB,GAAA,OAAlB;AAE1B,KAeA,WAAA,GAAc,WAfQ,GAgBhC,YAhBqD,CAAA,QAAlB,CAAA,GAiBnC,IAjB0C,CAiBrC,UAjBqC,EAAA,QAAA,GAAA,SAAA,CAAA,GAAA;EAEhC;EAKA,IAAA,CAAA,EAAA,MAAA,GAAA,MAAiB,GAYA,eAZA,GAYkB,GAAA,CAAI,OAZtB;EAAkB;EAAgB,YAAA,CAAA,EAc5C,uBAd4C,GAclB,GAAA,CAAI,OAdc;EAAL;EAA1B,WAAA,CAAA,EAAA,OAAA,GAgBJ,sBAhBI,GAgBqB,GAAA,CAAI,OAhBzB;EAAO;EAE3B,oBAAiB,CAAA,EAAA,OAAA;EAAkB;EAAgB,MAAA,CAAA,EAkBlD,iBAlBkD,GAkB9B,GAAA,CAAI,OAlB0B;EAAL;EAA1B,MAAA,CAAA,EAoBnB,iBApBmB,GAoBC,GAAA,CAAI,OApBL;EAAO;EAE3B,IAAA,CAAA,EAoBD,QApBC,GAoBU,eApBuB,GAoBL,GAAA,CAAI,OApBd;EAElB;EAEA,UAAA,CAAA,EAkBK,UAlBM;EAAG;EACxB,SAAA,CAAA,EAmBc,eAnBd;EACK;EAAL,MAAA,CAAA,EAoBW,YApBX;EAE2B;EAAkB,YAAI,CAAA,EAoBhC,uBApBgC,GAoBN,GAAA,CAAI,OApBE;EAEhC;EAA0B,KAAI,CAAA,EAoBrC,YApBqC,CAAA,MAAA,CAAA,GAoBd,gBApBc,GAoBK,GAAA,CAAI,OApBT;CAErB;AAA6B,KAqB7C,YAAA,GArB6C,QAAA,GAAA,OAAA,GAAA,MAAA,GAAA,SAAA;AAI5C,KAmBD,mBAAA,GAAsB,MAnBrB,CAAA,MAAA,EAAA;EAAoB,SAAI,EAmByB,SAnBzB;CAExB,CAAA;AAAwB,KAmBzB,uBAAA,GAA0B,OAnBD,CAAA,QAAA,EAmBmB,WAnBnB,CAAA;AAE1B,KAmBC,gBAAA,GAAmB,OAnBpB,CAAA,IAAA,EAmBkC,YAnBlC,CAAA"}

package/dist/dialog/dialogBody.d.ts

@@ -13,4 +13,5 @@ import "../index.js";
 declare const DialogBody: VuiComponent<"div", DialogBodyProps>;
 //#endregion
 export { DialogBody };
+
 //# sourceMappingURL=dialogBody.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialogBody.d.ts","names":[],"sources":["../../src/dialog/dialogBody.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAcA,CAAA,CAAA,CAAA,QAAA,CAAA,EAAA,CAAA,MAAA,CAAA,EAAA,CAAA,IAAA,CAAA,WAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,GAAA,CAAA,aAAA;;cAAa,YAAU,oBAAA"}
+{"version":3,"file":"dialogBody.d.ts","names":[],"sources":["../../src/dialog/dialogBody.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAcA;;cAAa,YAAU,oBAAA"}

package/dist/dialog/dialogBody.js

@@ -15,7 +15,7 @@ import { jsx } from "react/jsx-runtime";
 * Receives id linked to aria-describedby on the Dialog for accessibility.
 */
 const DialogBody = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const { bodyId, icon, status } = useDialogContext() ?? {};
 	const styles = useStyleConfig("Dialog", useDialogContext());
 	const [isScrolled, setIsScrolled] = useState(false);
@@ -52,5 +52,5 @@ var dialogBody_default = DialogBody;
 
 //#endregion
 export { DialogBody, dialogBody_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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":";;;;;;;;;;;;;;;;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"}
+{"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,WAAW,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.d.ts

@@ -7,4 +7,5 @@ import "../index.js";
 declare const DialogCancelButton: VuiComponent<"button", DialogCancelButtonProps>;
 //#endregion
 export { DialogCancelButton };
+
 //# sourceMappingURL=dialogCancelButton.d.ts.map

package/dist/dialog/dialogCancelButton.js

@@ -8,7 +8,7 @@ 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 { className, ...rest } = props;
 	const { onClose } = useDialogContext() ?? {};
 	const styles = useStyleConfig("Dialog", useDialogContext());
 	return /* @__PURE__ */ jsx(LineButton, {
@@ -24,5 +24,5 @@ var dialogCancelButton_default = DialogCancelButton;
 
 //#endregion
 export { DialogCancelButton, dialogCancelButton_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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":";;;;;;;;;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"}
+{"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,WAAW,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.d.ts

@@ -7,4 +7,5 @@ import "../index.js";
 declare const DialogCloseButton: VuiComponent<"button", DialogCloseButtonProps>;
 //#endregion
 export { DialogCloseButton };
+
 //# sourceMappingURL=dialogCloseButton.d.ts.map

package/dist/dialog/dialogCloseButton.js

@@ -8,7 +8,7 @@ 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 { className, size = "md", ...rest } = props;
 	const { onClose } = useDialogContext() ?? {};
 	const styles = useStyleConfig("Dialog", useDialogContext());
 	return /* @__PURE__ */ jsx(CloseButton, {
@@ -29,5 +29,5 @@ var dialogCloseButton_default = DialogCloseButton;
 
 //#endregion
 export { DialogCloseButton, dialogCloseButton_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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":";;;;;;;;;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"}
+{"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,MAAM,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

@@ -7,4 +7,5 @@ import "../index.js";
 declare const DialogFooter: VuiComponent<"div", DialogFooterProps>;
 //#endregion
 export { DialogFooter };
+
 //# sourceMappingURL=dialogFooter.d.ts.map

package/dist/dialog/dialogFooter.js

@@ -11,7 +11,7 @@ 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 { cancelButton, children, className, submitButton, ...rest } = props;
 	const styles = useStyleConfig("Dialog", useDialogContext());
 	return /* @__PURE__ */ jsx(Box, {
 		className: cs("vui-dialogFooter", className),
@@ -29,5 +29,5 @@ var dialogFooter_default = DialogFooter;
 
 //#endregion
 export { DialogFooter, dialogFooter_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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":";;;;;;;;;;;;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"}
+{"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,cAAc,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

@@ -7,4 +7,5 @@ import "../index.js";
 declare const DialogHeader: VuiComponent<"div", DialogHeaderProps>;
 //#endregion
 export { DialogHeader };
+
 //# sourceMappingURL=dialogHeader.d.ts.map

package/dist/dialog/dialogHeader.js

@@ -12,7 +12,7 @@ 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 { 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;
@@ -42,5 +42,5 @@ var dialogHeader_default = DialogHeader;
 
 //#endregion
 export { DialogHeader, dialogHeader_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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":";;;;;;;;;;;;;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"}
+{"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,WAAW,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

@@ -7,4 +7,5 @@ import "../index.js";
 declare const DialogIcon: VuiComponent<"svg", DialogIconProps>;
 //#endregion
 export { DialogIcon };
+
 //# sourceMappingURL=dialogIcon.d.ts.map

package/dist/dialog/dialogIcon.js

@@ -9,7 +9,7 @@ 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 { className, ...rest } = props;
 	const { status = "" } = useDialogContext() ?? {};
 	const styles = useStyleConfig("Dialog", useDialogContext());
 	const { iconProps } = dialogStatusMapping[status] ?? {};
@@ -27,5 +27,5 @@ var dialogIcon_default = DialogIcon;
 
 //#endregion
 export { DialogIcon, dialogIcon_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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":";;;;;;;;;;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"}
+{"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,WAAW,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

@@ -7,4 +7,5 @@ import "../index.js";
 declare const DialogSubmitButton: VuiComponent<"button", DialogSubmitButtonProps>;
 //#endregion
 export { DialogSubmitButton };
+
 //# sourceMappingURL=dialogSubmitButton.d.ts.map

package/dist/dialog/dialogSubmitButton.js

@@ -8,7 +8,7 @@ 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 { className, ...rest } = props;
 	const styles = useStyleConfig("Dialog", useDialogContext());
 	return /* @__PURE__ */ jsx(Button, {
 		className: cs("vui-dialogSubmitButton", className),
@@ -24,5 +24,5 @@ var dialogSubmitButton_default = DialogSubmitButton;
 
 //#endregion
 export { DialogSubmitButton, dialogSubmitButton_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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":";;;;;;;;;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"}
+{"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,WAAW,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

@@ -7,4 +7,5 @@ import "../index.js";
 declare const DialogTitle: VuiComponent<"h4", DialogTitleProps>;
 //#endregion
 export { DialogTitle };
+
 //# sourceMappingURL=dialogTitle.d.ts.map

package/dist/dialog/dialogTitle.js

@@ -8,7 +8,7 @@ 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 { className, ...rest } = props;
 	const { titleId } = useDialogContext() ?? {};
 	const styles = useStyleConfig("Dialog", useDialogContext());
 	return /* @__PURE__ */ jsx(H4, {
@@ -24,5 +24,5 @@ var dialogTitle_default = DialogTitle;
 
 //#endregion
 export { DialogTitle, dialogTitle_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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":";;;;;;;;;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"}
+{"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,WAAW,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

@@ -10,4 +10,4 @@ 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";
+import { useDialog } from "./useDialog.js";

package/dist/dialog/theme.js

@@ -28,5 +28,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=theme.js.map

package/dist/dialog/useDialog.d.ts

@@ -5,4 +5,5 @@ declare const useDialog: () => {
 };
 //#endregion
 export { useDialog };
+
 //# sourceMappingURL=useDialog.d.ts.map