@veracity/vui 5.2.2 → 5.3.0-alpha.399291.2606221048

package/dist/dialog/dialogFooter.js

@@ -28,5 +28,5 @@ DialogFooter.displayName = "DialogFooter";
 
 //#endregion
 export { DialogFooter as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=dialogFooter.js.map

package/dist/dialog/dialogFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogFooter.js","names":[],"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,iBAAiB,CAAC;CAE1D,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,oBAAoB,SAAS;EAC3C,gBAAe;EACf,GAAG;EACH,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;YAEH,YACC,4CACG,MAAM,YAAY,IAAI,eAAe,gBAAgB,oBAAC,oBAAD,EAAoB,GAAI,aAAe,IAE5F,MAAM,YAAY,IAAI,eAAe,gBAAgB,oBAAC,oBAAD,EAAoB,GAAI,aAAe,EAC7F;CAED;AAET,CAAC;AAED,aAAa,cAAc"}
+{"version":3,"file":"dialogFooter.js","names":[],"sources":["../../src/dialog/dialogFooter.tsx"],"sourcesContent":["import type { DialogFooterProps } from './dialog.types'\n\nimport { Box } from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, isJsx } from '../utils'\nimport { useDialogContext } from './context'\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":";;;;;;;;;;;;AAUA,MAAa,eAAe,KAA+B,OAAO,QAAQ;CACxE,MAAM,EAAE,cAAc,UAAU,WAAW,cAAc,GAAG,SAAS;CACrE,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,oBAAoB,SAAS;EAC3C,gBAAe;EACf,GAAG;EACH,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;YAEH,YACC,4CACG,MAAM,YAAY,IAAI,eAAe,gBAAgB,oBAAC,oBAAD,EAAoB,GAAI,aAAe,IAE5F,MAAM,YAAY,IAAI,eAAe,gBAAgB,oBAAC,oBAAD,EAAoB,GAAI,aAAe,EAC7F;CAED;AAET,CAAC;AAED,aAAa,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"dialogHeader.d.ts","names":[],"sources":["../../src/dialog/dialogHeader.tsx"],"mappings":";;;;cAUa,YAAA,EAAY,YAAA,QAAA,iBAAA"}
+{"version":3,"file":"dialogHeader.d.ts","names":[],"sources":["../../src/dialog/dialogHeader.tsx"],"mappings":";;;;cAWa,YAAA,EAAY,YAAA,QAAA,iBAAA"}

package/dist/dialog/dialogHeader.js

@@ -41,5 +41,5 @@ DialogHeader.displayName = "DialogHeader";
 
 //#endregion
 export { DialogHeader as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=dialogHeader.js.map

package/dist/dialog/dialogHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogHeader.js","names":[],"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,iBAAiB,KAAK,CAAC;CACnD,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,MAAM,OAAO,SAAS,QAAQ,IAAI,EAAE,MAAM,SAAS,IAAI;CACvD,MAAM,kBAAkB,QAAQ,gBAAgB,SAAY,cAAc,OAAO;CACjF,MAAM,WAAW,QAAQ,QAAQ,MAAM;CACvC,MAAM,QAAQ,YAAY,SAAS,IAAI,EAAE,MAAM,UAAU,IAAI;CAE7D,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,oBAAoB,SAAS;EACrC;EACN,IAAI;EACJ,IAAI;EACJ,UAAS;EACT,IAAI;EACJ,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;YAEH,YACC;GACG,MAAM,IAAI,IAAI,OAAO,YAAY,oBAAC,YAAD,EAAY,GAAI,KAAO;GAExD,MAAM,KAAK,IAAI,QAAQ,CAAC,CAAC,SAAS,oBAAC,aAAD,EAAa,GAAK,MAAgB;GAEpE,MAAM,WAAW,IAAI,cAAc,mBAAmB,oBAAC,mBAAD,CAAoB;EAC3E;CAED;AAET,CAAC;AAED,aAAa,cAAc"}
+{"version":3,"file":"dialogHeader.js","names":[],"sources":["../../src/dialog/dialogHeader.tsx"],"sourcesContent":["import type { DialogHeaderProps } from './dialog.types'\n\nimport { Box } from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, isJsx, isReactText, isString } from '../utils'\nimport { useDialogContext } from './context'\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":";;;;;;;;;;;;;AAWA,MAAa,eAAe,KAA+B,OAAO,QAAQ;CACxE,MAAM,EAAE,UAAU,WAAW,aAAa,MAAM,UAAU,OAAO,WAAW,GAAG,SAAS;CACxF,MAAM,EAAE,SAAS,WAAW,iBAAiB,KAAK,CAAC;CACnD,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,MAAM,OAAO,SAAS,QAAQ,IAAI,EAAE,MAAM,SAAS,IAAI;CACvD,MAAM,kBAAkB,QAAQ,gBAAgB,SAAY,cAAc,OAAO;CACjF,MAAM,WAAW,QAAQ,QAAQ,MAAM;CACvC,MAAM,QAAQ,YAAY,SAAS,IAAI,EAAE,MAAM,UAAU,IAAI;CAE7D,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,oBAAoB,SAAS;EACrC;EACN,IAAI;EACJ,IAAI;EACJ,UAAS;EACT,IAAI;EACJ,IAAI;EACC;EACL,GAAI,OAAO;EACX,GAAI;YAEH,YACC;GACG,MAAM,IAAI,IAAI,OAAO,YAAY,oBAAC,YAAD,EAAY,GAAI,KAAO;GAExD,MAAM,KAAK,IAAI,QAAQ,CAAC,CAAC,SAAS,oBAAC,aAAD,EAAa,GAAK,MAAgB;GAEpE,MAAM,WAAW,IAAI,cAAc,mBAAmB,oBAAC,mBAAD,CAAoB;EAC3E;CAED;AAET,CAAC;AAED,aAAa,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"dialogIcon.d.ts","names":[],"sources":["../../src/dialog/dialogIcon.tsx"],"mappings":";;;;cAQa,UAAA,EAAU,YAAA,QAAA,eAAA"}
+{"version":3,"file":"dialogIcon.d.ts","names":[],"sources":["../../src/dialog/dialogIcon.tsx"],"mappings":";;;;cASa,UAAA,EAAU,YAAA,QAAA,eAAA"}

package/dist/dialog/dialogIcon.js

@@ -26,5 +26,5 @@ DialogIcon.displayName = "DialogIcon";
 
 //#endregion
 export { DialogIcon as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.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":";;;;;;;;;;AAQA,MAAa,aAAa,KAA6B,OAAO,QAAQ;CACpE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,SAAS,OAAO,iBAAiB,KAAK,CAAC;CAC/C,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAC1D,MAAM,EAAE,cAAc,oBAAoB,WAAW,CAAC;CAEtD,OAAO,oBAAC,MAAD;EAAM,WAAW,GAAG,kBAAkB,SAAS;EAAG,IAAI;EAAQ;EAAK,GAAI,OAAO;EAAM,GAAI;EAAW,GAAI;CAAO;AACvH,CAAC;AAED,WAAW,cAAc"}
+{"version":3,"file":"dialogIcon.js","names":[],"sources":["../../src/dialog/dialogIcon.tsx"],"sourcesContent":["import type { DialogIconProps } from './dialog.types'\n\nimport { useStyleConfig, vui } from '../core'\nimport { Icon } from '../icon'\nimport { cs } from '../utils'\nimport { dialogStatusMapping } from './consts'\nimport { useDialogContext } from './context'\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":";;;;;;;;;;AASA,MAAa,aAAa,KAA6B,OAAO,QAAQ;CACpE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,SAAS,OAAO,iBAAiB,KAAK,CAAC;CAC/C,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAC1D,MAAM,EAAE,cAAc,oBAAoB,WAAW,CAAC;CAEtD,OAAO,oBAAC,MAAD;EAAM,WAAW,GAAG,kBAAkB,SAAS;EAAG,IAAI;EAAQ;EAAK,GAAI,OAAO;EAAM,GAAI;EAAW,GAAI;CAAO;AACvH,CAAC;AAED,WAAW,cAAc"}

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

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

package/dist/dialog/dialogSubmitButton.js

@@ -23,5 +23,5 @@ DialogSubmitButton.displayName = "DialogSubmitButton";
 
 //#endregion
 export { DialogSubmitButton as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.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":";;;;;;;;;AAOA,MAAa,qBAAqB,KAAwC,OAAO,QAAQ;CACvF,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,QAAD;EACE,WAAW,GAAG,0BAA0B,SAAS;EACjD,IAAI;EACC;EACL,MAAK;EACL,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,mBAAmB,cAAc"}
+{"version":3,"file":"dialogSubmitButton.js","names":[],"sources":["../../src/dialog/dialogSubmitButton.tsx"],"sourcesContent":["import type { DialogSubmitButtonProps } from './dialog.types'\n\nimport { Button } from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useDialogContext } from './context'\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":";;;;;;;;;AAQA,MAAa,qBAAqB,KAAwC,OAAO,QAAQ;CACvF,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,QAAD;EACE,WAAW,GAAG,0BAA0B,SAAS;EACjD,IAAI;EACC;EACL,MAAK;EACL,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,mBAAmB,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"dialogTitle.d.ts","names":[],"sources":["../../src/dialog/dialogTitle.tsx"],"mappings":";;;;cAOa,WAAA,EAAW,YAAA,OAAA,gBAAA"}
+{"version":3,"file":"dialogTitle.d.ts","names":[],"sources":["../../src/dialog/dialogTitle.tsx"],"mappings":";;;;cAQa,WAAA,EAAW,YAAA,OAAA,gBAAA"}

package/dist/dialog/dialogTitle.js

@@ -23,5 +23,5 @@ DialogTitle.displayName = "DialogTitle";
 
 //#endregion
 export { DialogTitle as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.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":";;;;;;;;;AAOA,MAAa,cAAc,KAA6B,OAAO,QAAQ;CACrE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,YAAY,iBAAiB,KAAK,CAAC;CAC3C,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OAAO,oBAAC,IAAD;EAAI,WAAW,GAAG,mBAAmB,SAAS;EAAG,IAAI;EAAc;EAAK,GAAI,OAAO;EAAO,GAAI;CAAO;AAC9G,CAAC;AAED,YAAY,cAAc"}
+{"version":3,"file":"dialogTitle.js","names":[],"sources":["../../src/dialog/dialogTitle.tsx"],"sourcesContent":["import type { DialogTitleProps } from './dialog.types'\n\nimport { useStyleConfig, vui } from '../core'\nimport { H4 } from '../heading'\nimport { cs } from '../utils'\nimport { useDialogContext } from './context'\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":";;;;;;;;;AAQA,MAAa,cAAc,KAA6B,OAAO,QAAQ;CACrE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,EAAE,YAAY,iBAAiB,KAAK,CAAC;CAC3C,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OAAO,oBAAC,IAAD;EAAI,WAAW,GAAG,mBAAmB,SAAS;EAAG,IAAI;EAAc;EAAK,GAAI,OAAO;EAAO,GAAI;CAAO;AAC9G,CAAC;AAED,YAAY,cAAc"}

package/dist/dialog/theme.js

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

package/dist/dialog/useDialog.js

@@ -65,5 +65,5 @@ const useDialog = () => {
 
 //#endregion
 export { useDialog };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=useDialog.js.map

package/dist/dismissButton/DismissButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DismissButton.d.ts","names":[],"sources":["../../src/dismissButton/DismissButton.tsx"],"mappings":";;;;KAYK,iBAAA;AAAA,cAEC,iBAAA,8BAAiB,eAAA,uCAAA,YAAA,EAwCtB,WAxCsB;;;;;AAZgB;;;;AAUjB;AAAA;;;;;;;;AAEC;KA4DX,kBAAA,GAAqB,OAAA,QAAe,iBAAA;EAAqB,IAAA,GAAO,iBAAA;AAAA;AAAA,cAE/D,aAAA,EAAwE,YAAA,6BAA3D,eAAA,uCAAA,YAAA,EASxB,WAAA;SATkE,iBAAA;AAAA"}
+{"version":3,"file":"DismissButton.d.ts","names":[],"sources":["../../src/dismissButton/DismissButton.tsx"],"mappings":";;;;KAaK,iBAAA;AAAA,cAEC,iBAAA,8BAAiB,eAAA,uCAAA,YAAA,EAwCtB,WAxCsB;;;;;AAfgB;;;;AAajB;AAAA;;;;;;;;AAEC;KA4DX,kBAAA,GAAqB,OAAA,QAAe,iBAAA;EAAqB,IAAA,GAAO,iBAAA;AAAA;AAAA,cAE/D,aAAA,EAAwE,YAAA,6BAA3D,eAAA,uCAAA,YAAA,EASxB,WAAA;SATkE,iBAAA;AAAA"}

package/dist/dismissButton/DismissButton.js

@@ -65,5 +65,5 @@ DismissButton.displayName = "DismissButton";
 
 //#endregion
 export { DismissButton };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=DismissButton.js.map

package/dist/dismissButton/DismissButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissButton.js","names":[],"sources":["../../src/dismissButton/DismissButton.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport type { PropsOf } from '../utils'\n\n// ---------------------------------------------------------------------------\n// DismissButton — Standalone icon-only dismiss action\n//\n// Optimized for compact, icon-only dismiss affordances in alerts, tags, dialogs.\n// Sizes: xs (20), sm (24), md (32), lg (40) — icon always 16px, centered with padding.\n// Simplified component: no Button inheritance, no variants, just dismiss styling.\n// ---------------------------------------------------------------------------\n\ntype DismissButtonSize = 'xs' | 'sm' | 'md' | 'lg'\n\nconst DismissButtonBase = styled.buttonBox`\n  align-items: center;\n  appearance: none;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  display: inline-flex;\n  justify-content: center;\n  outline: none;\n  padding: 0;\n  position: relative;\n\n  /* Inherit dismiss color from parent (Tag, Alert, etc) via CSS custom property */\n  --vui-dismiss-color: var(--vui-dismiss-fg, var(--vui-feedback-neutral-solid));\n  color: var(--vui-dismiss-text, var(--vui-dismiss-color));\n\n  /* Hover: grey solid hover @ 20% opacity */\n  &:hover {\n    background-color: color-mix(in srgb, var(--vui-action-grey-solid-hover) 20%, transparent);\n  }\n\n  /* Active/pressed: grey solid pressed @ 10% opacity */\n  &:active {\n    background-color: color-mix(in srgb, var(--vui-action-grey-solid-pressed) 10%, transparent);\n  }\n\n  /* Disabled state */\n  &:disabled {\n    color: var(--vui-action-disabled-foreground);\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  /* Focus visible (keyboard) */\n  &:focus-visible {\n    outline: 2px solid var(--vui-control-focus-ring, #00a1db);\n    outline-offset: 2px;\n  }\n\n  transition: background-color 150ms ease-out;\n`\n\n/**\n * DismissButton — Icon-only close/dismiss affordance\n *\n * Standalone button component for dismiss actions in compact layouts.\n * Uses currentColor for icon, controlled via CSS custom property --vui-dismiss-fg.\n *\n * @example\n * // Default (md): 32×32\n * <DismissButton onClick={onDismiss} aria-label=\"Close\" />\n *\n * // Small (sm): 24×24 for tags\n * <DismissButton size=\"sm\" onClick={onDismiss} aria-label=\"Dismiss\" />\n *\n * // With color inheritance from parent\n * <div style={{ '--vui-dismiss-fg': '#fff' }}>\n *   <DismissButton size=\"lg\" />\n * </div>\n */\nexport type DismissButtonProps = PropsOf<typeof DismissButtonBase, { size?: DismissButtonSize }>\n\nexport const DismissButton = vui<typeof DismissButtonBase, { size?: DismissButtonSize }>((props, ref) => {\n  const rest = omitThemingProps(props)\n  const styles = useStyleConfig('DismissButton', props)\n\n  return (\n    <DismissButtonBase ref={ref} type=\"button\" aria-label=\"Dismiss\" {...styles} {...rest}>\n      <Icon name=\"uiTimes\" h={16} w={16} />\n    </DismissButtonBase>\n  )\n})\n\nDismissButton.displayName = 'DismissButton'\n\nexport type { DismissButtonSize }\n"],"mappings":";;;;;;;AAcA,MAAM,oBAAoB,OAAO,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8D1C,MAAa,gBAAgB,KAA6D,OAAO,QAAQ;CACvG,MAAM,OAAO,iBAAiB,KAAK;CAGnC,OACE,oBAAC,mBAAD;EAAwB;EAAK,MAAK;EAAS,cAAW;EAAU,GAHnD,eAAe,iBAAiB,KAG4B;EAAG,GAAI;YAC9E,oBAAC,MAAD;GAAM,MAAK;GAAU,GAAG;GAAI,GAAG;EAAK;CACnB;AAEvB,CAAC;AAED,cAAc,cAAc"}
+{"version":3,"file":"DismissButton.js","names":[],"sources":["../../src/dismissButton/DismissButton.tsx"],"sourcesContent":["import type { PropsOf } from '../utils'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\n\n// ---------------------------------------------------------------------------\n// DismissButton — Standalone icon-only dismiss action\n//\n// Optimized for compact, icon-only dismiss affordances in alerts, tags, dialogs.\n// Sizes: xs (20), sm (24), md (32), lg (40) — icon always 16px, centered with padding.\n// Simplified component: no Button inheritance, no variants, just dismiss styling.\n// ---------------------------------------------------------------------------\n\ntype DismissButtonSize = 'xs' | 'sm' | 'md' | 'lg'\n\nconst DismissButtonBase = styled.buttonBox`\n  align-items: center;\n  appearance: none;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  display: inline-flex;\n  justify-content: center;\n  outline: none;\n  padding: 0;\n  position: relative;\n\n  /* Inherit dismiss color from parent (Tag, Alert, etc) via CSS custom property */\n  --vui-dismiss-color: var(--vui-dismiss-fg, var(--vui-feedback-neutral-solid));\n  color: var(--vui-dismiss-text, var(--vui-dismiss-color));\n\n  /* Hover: grey solid hover @ 20% opacity */\n  &:hover {\n    background-color: color-mix(in srgb, var(--vui-action-grey-solid-hover) 20%, transparent);\n  }\n\n  /* Active/pressed: grey solid pressed @ 10% opacity */\n  &:active {\n    background-color: color-mix(in srgb, var(--vui-action-grey-solid-pressed) 10%, transparent);\n  }\n\n  /* Disabled state */\n  &:disabled {\n    color: var(--vui-action-disabled-foreground);\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  /* Focus visible (keyboard) */\n  &:focus-visible {\n    outline: 2px solid var(--vui-control-focus-ring, #00a1db);\n    outline-offset: 2px;\n  }\n\n  transition: background-color 150ms ease-out;\n`\n\n/**\n * DismissButton — Icon-only close/dismiss affordance\n *\n * Standalone button component for dismiss actions in compact layouts.\n * Uses currentColor for icon, controlled via CSS custom property --vui-dismiss-fg.\n *\n * @example\n * // Default (md): 32×32\n * <DismissButton onClick={onDismiss} aria-label=\"Close\" />\n *\n * // Small (sm): 24×24 for tags\n * <DismissButton size=\"sm\" onClick={onDismiss} aria-label=\"Dismiss\" />\n *\n * // With color inheritance from parent\n * <div style={{ '--vui-dismiss-fg': '#fff' }}>\n *   <DismissButton size=\"lg\" />\n * </div>\n */\nexport type DismissButtonProps = PropsOf<typeof DismissButtonBase, { size?: DismissButtonSize }>\n\nexport const DismissButton = vui<typeof DismissButtonBase, { size?: DismissButtonSize }>((props, ref) => {\n  const rest = omitThemingProps(props)\n  const styles = useStyleConfig('DismissButton', props)\n\n  return (\n    <DismissButtonBase ref={ref} type=\"button\" aria-label=\"Dismiss\" {...styles} {...rest}>\n      <Icon name=\"uiTimes\" h={16} w={16} />\n    </DismissButtonBase>\n  )\n})\n\nDismissButton.displayName = 'DismissButton'\n\nexport type { DismissButtonSize }\n"],"mappings":";;;;;;;AAeA,MAAM,oBAAoB,OAAO,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8D1C,MAAa,gBAAgB,KAA6D,OAAO,QAAQ;CACvG,MAAM,OAAO,iBAAiB,KAAK;CAGnC,OACE,oBAAC,mBAAD;EAAwB;EAAK,MAAK;EAAS,cAAW;EAAU,GAHnD,eAAe,iBAAiB,KAG4B;EAAG,GAAI;YAC9E,oBAAC,MAAD;GAAM,MAAK;GAAU,GAAG;GAAI,GAAG;EAAK;CACnB;AAEvB,CAAC;AAED,cAAc,cAAc"}

package/dist/dismissButton/theme.js

@@ -29,5 +29,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=theme.js.map

package/dist/display/display.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"display.d.ts","names":[],"sources":["../../src/display/display.tsx"],"mappings":";;;;cAIa,WAAA,8BAAW,eAAA,kCAAA,YAAA,EAAgB,WAAhB;AAAA,cAEX,OAAA,EAAO,YAAA,MAAA,gBAAA"}
+{"version":3,"file":"display.d.ts","names":[],"sources":["../../src/display/display.tsx"],"mappings":";;;;cAKa,WAAA,8BAAW,eAAA,kCAAA,YAAA,EAAgB,WAAhB;AAAA,cAEX,OAAA,EAAO,YAAA,MAAA,gBAAA"}

package/dist/display/display.js

@@ -21,5 +21,5 @@ Display.displayName = "Display";
 
 //#endregion
 export { DisplayBase, Display as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=display.js.map

package/dist/display/display.js.map

@@ -1 +1 @@
-{"version":3,"file":"display.js","names":[],"sources":["../../src/display/display.tsx"],"sourcesContent":["import { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport type { DisplayTextProps } from './display.types'\n\nexport const DisplayBase = styled.pBox``\n\nexport const Display = vui<'p', DisplayTextProps>((props, ref) => {\n  const { children, className, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Display', props)\n\n  return (\n    <DisplayBase className={cs('vui-display', className)} ref={ref} {...styles} {...rest}>\n      {children}\n    </DisplayBase>\n  )\n})\n\nDisplay.displayName = 'Display'\nexport default Display\n"],"mappings":";;;;;;;AAIA,MAAa,cAAc,OAAO,IAAI;AAEtC,MAAa,UAAU,KAA4B,OAAO,QAAQ;CAChE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS,iBAAiB,KAAK;CAC/D,MAAM,SAAS,eAAe,WAAW,KAAK;CAE9C,OACE,oBAAC,aAAD;EAAa,WAAW,GAAG,eAAe,SAAS;EAAQ;EAAK,GAAI;EAAQ,GAAI;EAC7E;CACU;AAEjB,CAAC;AAED,QAAQ,cAAc"}
+{"version":3,"file":"display.js","names":[],"sources":["../../src/display/display.tsx"],"sourcesContent":["import type { DisplayTextProps } from './display.types'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\n\nexport const DisplayBase = styled.pBox``\n\nexport const Display = vui<'p', DisplayTextProps>((props, ref) => {\n  const { children, className, ...rest } = omitThemingProps(props)\n  const styles = useStyleConfig('Display', props)\n\n  return (\n    <DisplayBase className={cs('vui-display', className)} ref={ref} {...styles} {...rest}>\n      {children}\n    </DisplayBase>\n  )\n})\n\nDisplay.displayName = 'Display'\nexport default Display\n"],"mappings":";;;;;;;AAKA,MAAa,cAAc,OAAO,IAAI;AAEtC,MAAa,UAAU,KAA4B,OAAO,QAAQ;CAChE,MAAM,EAAE,UAAU,WAAW,GAAG,SAAS,iBAAiB,KAAK;CAC/D,MAAM,SAAS,eAAe,WAAW,KAAK;CAE9C,OACE,oBAAC,aAAD;EAAa,WAAW,GAAG,eAAe,SAAS;EAAQ;EAAK,GAAI;EAAQ,GAAI;EAC7E;CACU;AAEjB,CAAC;AAED,QAAQ,cAAc"}

package/dist/display/theme.js

@@ -25,5 +25,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=theme.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"divider.d.ts","names":[],"sources":["../../src/divider/divider.tsx"],"mappings":";;;;cAIa,WAAA,8BAAW,eAAA,mCAAA,YAAA,EAEvB,WAFuB;;cAKX,OAAA,EAAO,YAAA,OAAA,YAAA"}
+{"version":3,"file":"divider.d.ts","names":[],"sources":["../../src/divider/divider.tsx"],"mappings":";;;;cAKa,WAAA,8BAAW,eAAA,mCAAA,YAAA,EAEvB,WAFuB;;cAKX,OAAA,EAAO,YAAA,OAAA,YAAA"}

package/dist/divider/divider.js

@@ -29,5 +29,5 @@ Divider.displayName = "Divider";
 
 //#endregion
 export { DividerBase, Divider as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.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":";;;;;;;;AAIA,MAAa,cAAc,OAAO,KAAK;;;;AAKvC,MAAa,UAAU,KAAyB,OAAO,QAAQ;CAC7D,MAAM,EAAE,WAAW,YAAY,OAAO,GAAG,SAAS,iBAAiB,KAAK;CACxE,MAAM,SAAS,eAAe,WAAW,KAAK;CAG9C,MAAM,cAAc,SADD,aAAa,UAAU,SACF;CACxC,MAAM,SAAS,aAAa,SAAS;CAErC,MAAM,eAAe,gBAAgB,GAClC,cAAc,SAAS,EAC1B,CAAC;CAED,OACE,oBAAC,aAAD;EACE,WAAW,GAAG,eAAe,SAAS;EACtC,GAAG;EACE;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;CACL;AAEL,CAAC;AAED,QAAQ,cAAc"}
+{"version":3,"file":"divider.js","names":[],"sources":["../../src/divider/divider.tsx"],"sourcesContent":["import type { DividerProps } from './divider.types'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\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":";;;;;;;;AAKA,MAAa,cAAc,OAAO,KAAK;;;;AAKvC,MAAa,UAAU,KAAyB,OAAO,QAAQ;CAC7D,MAAM,EAAE,WAAW,YAAY,OAAO,GAAG,SAAS,iBAAiB,KAAK;CACxE,MAAM,SAAS,eAAe,WAAW,KAAK;CAG9C,MAAM,cAAc,SADD,aAAa,UAAU,SACF;CACxC,MAAM,SAAS,aAAa,SAAS;CAErC,MAAM,eAAe,gBAAgB,GAClC,cAAc,SAAS,EAC1B,CAAC;CAED,OACE,oBAAC,aAAD;EACE,WAAW,GAAG,eAAe,SAAS;EACtC,GAAG;EACE;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;CACL;AAEL,CAAC;AAED,QAAQ,cAAc"}

package/dist/divider/theme.js

@@ -12,5 +12,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=theme.js.map

package/dist/dragAndDrop/dragAndDrop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dragAndDrop.d.ts","names":[],"sources":["../../src/dragAndDrop/dragAndDrop.tsx"],"mappings":";;;;cAwBa,WAAA,EAAW,YAAA,UAAA,gBAAA"}
+{"version":3,"file":"dragAndDrop.d.ts","names":[],"sources":["../../src/dragAndDrop/dragAndDrop.tsx"],"mappings":";;;;cA0Ba,WAAA,EAAW,YAAA,UAAA,gBAAA"}

package/dist/dragAndDrop/dragAndDrop.js

@@ -106,5 +106,5 @@ DragAndDrop.displayName = "DragAndDrop";
 
 //#endregion
 export { DragAndDrop as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=dragAndDrop.js.map

package/dist/dragAndDrop/dragAndDrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"dragAndDrop.js","names":[],"sources":["../../src/dragAndDrop/dragAndDrop.tsx"],"sourcesContent":["import type { ChangeEvent, DragEvent } from 'react'\nimport { useRef } from 'react'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport type { IconProp } from '../icon'\nimport Icon from '../icon'\nimport T from '../t'\nimport { cs } from '../utils'\nimport type { DragAndDropProps } from './dragAndDrop.types'\n\nconst defaultIcon: IconProp = 'falCloudUpload'\n\nconst defaultText = 'Click or drag files to this area'\n\nconst inputType = 'file'\n\nconst DragAndDropBase = styled.labelBox`\n  display: flex;\n  min-width: 0;\n  transition-duration: normal;\n  justify-content: center;\n`\n\n/** Prepares uploading files by selecting or dragging. */\nexport const DragAndDrop = vui<'label', DragAndDropProps>((props, ref) => {\n  const {\n    accept,\n    className,\n    icon = defaultIcon,\n    selectFolderOnClick,\n    selectFolderOnDrop,\n    onFilesAdded,\n    multiple = true,\n    text = defaultText,\n    children,\n    disabled,\n    ...rest\n  } = omitThemingProps(props)\n  const fileInputRef = useRef<HTMLInputElement>(null)\n  const styles = useStyleConfig('DragAndDrop', props)\n\n  const processFiles = (files: FileList): File[] => Array.from(files).map(file => file)\n\n  const handleFileInput = (e: ChangeEvent<HTMLInputElement>) => {\n    e.preventDefault()\n    if (disabled) return undefined\n    const files = processFiles(e?.currentTarget?.files as FileList)\n    if (files?.length) {\n      onFilesAdded?.(files)\n      // Reseting the input type to allow selecting the same file(s)\n      e.currentTarget.type = ''\n      e.currentTarget.type = inputType\n    }\n  }\n\n  const getFilesWebkitDataTransferItems = (dataTransferItems: DataTransferItemList): Promise<File[]> => {\n    const traverseFileTreePromise = (item: FileSystemEntry, path: string = ''): Promise<File[]> =>\n      new Promise(resolve => {\n        if (item.isFile) {\n          const fileEntry = item as FileSystemFileEntry\n          fileEntry.file(file => {\n            ;(file as any).filepath = path + file.name // Save full path with type casting\n            files.push(file)\n            resolve([file])\n          })\n        } else if (item.isDirectory) {\n          const dirEntry = item as FileSystemDirectoryEntry\n          const dirReader = dirEntry.createReader()\n          dirReader.readEntries(entries => {\n            const entriesPromises: Promise<File[]>[] = entries.map(entry =>\n              traverseFileTreePromise(entry, path + dirEntry.name + '/'),\n            )\n            resolve(Promise.all(entriesPromises).then(entries => [].concat(...(entries as any[]))))\n          })\n        }\n      })\n\n    const files: File[] = []\n    return new Promise((resolve, reject) => {\n      const entriesPromises: Promise<File[]>[] = []\n      for (let i = 0; i < dataTransferItems.length; i++) {\n        const item = dataTransferItems[i].webkitGetAsEntry()\n        if (item) entriesPromises.push(traverseFileTreePromise(item))\n      }\n      Promise.all(entriesPromises)\n        .then(() => resolve(files))\n        .catch(reject)\n    })\n  }\n\n  const handleDrop = (e: DragEvent<HTMLElement>) => {\n    e.preventDefault()\n    if (disabled) return undefined\n\n    if (selectFolderOnDrop) {\n      const items = e.dataTransfer.items\n      getFilesWebkitDataTransferItems(items).then(files => files?.length && onFilesAdded?.(files))\n      return undefined\n    }\n\n    const files = e.dataTransfer?.files ? processFiles(e.dataTransfer.files) : []\n    if (files?.length) onFilesAdded?.(files)\n  }\n\n  return (\n    <DragAndDropBase\n      className={cs('vui-drag-and-drop', className)}\n      cursor={disabled ? 'not-allowed' : 'pointer'}\n      onDragEnter={e => e.preventDefault()}\n      onDragOver={e => e.preventDefault()}\n      onDrop={e => handleDrop(e)}\n      opacity={disabled ? 0.5 : 1}\n      p={5}\n      pointerEvents={disabled ? 'none' : 'auto'}\n      ref={ref}\n      {...styles}\n      {...rest}\n    >\n      {children || (\n        <T display=\"flex\">\n          <Icon mr={1} name={icon} />\n          {text}\n        </T>\n      )}\n      <input\n        accept={accept}\n        className=\"vui-drag-and-drop-hidden-input\"\n        multiple={multiple}\n        onChange={handleFileInput}\n        ref={fileInputRef}\n        style={{ display: 'none' }}\n        type={inputType}\n        {...(selectFolderOnClick && { webkitdirectory: 'true', directory: 'true' })}\n      />\n    </DragAndDropBase>\n  )\n})\n\nDragAndDrop.displayName = 'DragAndDrop'\nexport default DragAndDrop\n"],"mappings":"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"}
+{"version":3,"file":"dragAndDrop.js","names":[],"sources":["../../src/dragAndDrop/dragAndDrop.tsx"],"sourcesContent":["import type { ChangeEvent, DragEvent } from 'react'\n\nimport { useRef } from 'react'\n\nimport type { IconProp } from '../icon'\nimport type { DragAndDropProps } from './dragAndDrop.types'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport { cs } from '../utils'\n\nconst defaultIcon: IconProp = 'falCloudUpload'\n\nconst defaultText = 'Click or drag files to this area'\n\nconst inputType = 'file'\n\nconst DragAndDropBase = styled.labelBox`\n  display: flex;\n  min-width: 0;\n  transition-duration: normal;\n  justify-content: center;\n`\n\n/** Prepares uploading files by selecting or dragging. */\nexport const DragAndDrop = vui<'label', DragAndDropProps>((props, ref) => {\n  const {\n    accept,\n    className,\n    icon = defaultIcon,\n    selectFolderOnClick,\n    selectFolderOnDrop,\n    onFilesAdded,\n    multiple = true,\n    text = defaultText,\n    children,\n    disabled,\n    ...rest\n  } = omitThemingProps(props)\n  const fileInputRef = useRef<HTMLInputElement>(null)\n  const styles = useStyleConfig('DragAndDrop', props)\n\n  const processFiles = (files: FileList): File[] => Array.from(files).map(file => file)\n\n  const handleFileInput = (e: ChangeEvent<HTMLInputElement>) => {\n    e.preventDefault()\n    if (disabled) return undefined\n    const files = processFiles(e?.currentTarget?.files as FileList)\n    if (files?.length) {\n      onFilesAdded?.(files)\n      // Reseting the input type to allow selecting the same file(s)\n      e.currentTarget.type = ''\n      e.currentTarget.type = inputType\n    }\n  }\n\n  const getFilesWebkitDataTransferItems = (dataTransferItems: DataTransferItemList): Promise<File[]> => {\n    const traverseFileTreePromise = (item: FileSystemEntry, path: string = ''): Promise<File[]> =>\n      new Promise(resolve => {\n        if (item.isFile) {\n          const fileEntry = item as FileSystemFileEntry\n          fileEntry.file(file => {\n            ;(file as any).filepath = path + file.name // Save full path with type casting\n            files.push(file)\n            resolve([file])\n          })\n        } else if (item.isDirectory) {\n          const dirEntry = item as FileSystemDirectoryEntry\n          const dirReader = dirEntry.createReader()\n          dirReader.readEntries(entries => {\n            const entriesPromises: Promise<File[]>[] = entries.map(entry =>\n              traverseFileTreePromise(entry, path + dirEntry.name + '/'),\n            )\n            resolve(Promise.all(entriesPromises).then(entries => [].concat(...(entries as any[]))))\n          })\n        }\n      })\n\n    const files: File[] = []\n    return new Promise((resolve, reject) => {\n      const entriesPromises: Promise<File[]>[] = []\n      for (let i = 0; i < dataTransferItems.length; i++) {\n        const item = dataTransferItems[i].webkitGetAsEntry()\n        if (item) entriesPromises.push(traverseFileTreePromise(item))\n      }\n      Promise.all(entriesPromises)\n        .then(() => resolve(files))\n        .catch(reject)\n    })\n  }\n\n  const handleDrop = (e: DragEvent<HTMLElement>) => {\n    e.preventDefault()\n    if (disabled) return undefined\n\n    if (selectFolderOnDrop) {\n      const items = e.dataTransfer.items\n      getFilesWebkitDataTransferItems(items).then(files => files?.length && onFilesAdded?.(files))\n      return undefined\n    }\n\n    const files = e.dataTransfer?.files ? processFiles(e.dataTransfer.files) : []\n    if (files?.length) onFilesAdded?.(files)\n  }\n\n  return (\n    <DragAndDropBase\n      className={cs('vui-drag-and-drop', className)}\n      cursor={disabled ? 'not-allowed' : 'pointer'}\n      onDragEnter={e => e.preventDefault()}\n      onDragOver={e => e.preventDefault()}\n      onDrop={e => handleDrop(e)}\n      opacity={disabled ? 0.5 : 1}\n      p={5}\n      pointerEvents={disabled ? 'none' : 'auto'}\n      ref={ref}\n      {...styles}\n      {...rest}\n    >\n      {children || (\n        <T display=\"flex\">\n          <Icon mr={1} name={icon} />\n          {text}\n        </T>\n      )}\n      <input\n        accept={accept}\n        className=\"vui-drag-and-drop-hidden-input\"\n        multiple={multiple}\n        onChange={handleFileInput}\n        ref={fileInputRef}\n        style={{ display: 'none' }}\n        type={inputType}\n        {...(selectFolderOnClick && { webkitdirectory: 'true', directory: 'true' })}\n      />\n    </DragAndDropBase>\n  )\n})\n\nDragAndDrop.displayName = 'DragAndDrop'\nexport default DragAndDrop\n"],"mappings":"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"}

package/dist/dragAndDrop/theme.js

@@ -30,5 +30,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=theme.js.map

package/dist/drawer/drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","names":[],"sources":["../../src/drawer/drawer.tsx"],"mappings":";;;;cAOa,MAAA,EAAM,YAAA,QAAA,WAAA"}
+{"version":3,"file":"drawer.d.ts","names":[],"sources":["../../src/drawer/drawer.tsx"],"mappings":";;;;cAQa,MAAA,EAAM,YAAA,QAAA,WAAA"}

package/dist/drawer/drawer.js

@@ -31,5 +31,5 @@ Drawer.displayName = "Drawer";
 
 //#endregion
 export { Drawer as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=drawer.js.map

package/dist/drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","names":[],"sources":["../../src/drawer/drawer.tsx"],"sourcesContent":["import Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { Dialog } from '../dialog'\nimport { cs } from '../utils'\nimport type { DrawerProps } from './drawer.types'\n\n/** Drawer component based on Dialog. */\nexport const Drawer = vui<'div', DrawerProps>((props, ref) => {\n  const { children, className, dialogProps, isLeft, isOpen, onClose } = omitThemingProps(props)\n  const styles = useStyleConfig('Drawer', props)\n\n  const placement = isLeft ? 'left' : 'right'\n\n  return (\n    <Dialog isOpen={isOpen} onClose={onClose} placement={placement} ref={ref} {...dialogProps}>\n      <Box className={cs('vui-drawer', className)} column p={3} {...styles} h=\"100vh\" overflow=\"hidden\">\n        {children}\n      </Box>\n    </Dialog>\n  )\n})\n\nDrawer.displayName = 'Drawer'\nexport default Drawer\n"],"mappings":";;;;;;;;;AAOA,MAAa,SAAS,KAAyB,OAAO,QAAQ;CAC5D,MAAM,EAAE,UAAU,WAAW,aAAa,QAAQ,QAAQ,YAAY,iBAAiB,KAAK;CAC5F,MAAM,SAAS,eAAe,UAAU,KAAK;CAI7C,OACE,oBAAC,QAAD;EAAgB;EAAiB;EAAS,WAH1B,SAAS,SAAS;EAGmC;EAAK,GAAI;YAC5E,oBAAC,KAAD;GAAK,WAAW,GAAG,cAAc,SAAS;GAAG;GAAO,GAAG;GAAG,GAAI;GAAQ,GAAE;GAAQ,UAAS;GACtF;EACE;CACC;AAEZ,CAAC;AAED,OAAO,cAAc"}
+{"version":3,"file":"drawer.js","names":[],"sources":["../../src/drawer/drawer.tsx"],"sourcesContent":["import type { DrawerProps } from './drawer.types'\n\nimport Box from '../box'\nimport { omitThemingProps, useStyleConfig, vui } from '../core'\nimport { Dialog } from '../dialog'\nimport { cs } from '../utils'\n\n/** Drawer component based on Dialog. */\nexport const Drawer = vui<'div', DrawerProps>((props, ref) => {\n  const { children, className, dialogProps, isLeft, isOpen, onClose } = omitThemingProps(props)\n  const styles = useStyleConfig('Drawer', props)\n\n  const placement = isLeft ? 'left' : 'right'\n\n  return (\n    <Dialog isOpen={isOpen} onClose={onClose} placement={placement} ref={ref} {...dialogProps}>\n      <Box className={cs('vui-drawer', className)} column p={3} {...styles} h=\"100vh\" overflow=\"hidden\">\n        {children}\n      </Box>\n    </Dialog>\n  )\n})\n\nDrawer.displayName = 'Drawer'\nexport default Drawer\n"],"mappings":";;;;;;;;;AAQA,MAAa,SAAS,KAAyB,OAAO,QAAQ;CAC5D,MAAM,EAAE,UAAU,WAAW,aAAa,QAAQ,QAAQ,YAAY,iBAAiB,KAAK;CAC5F,MAAM,SAAS,eAAe,UAAU,KAAK;CAI7C,OACE,oBAAC,QAAD;EAAgB;EAAiB;EAAS,WAH1B,SAAS,SAAS;EAGmC;EAAK,GAAI;YAC5E,oBAAC,KAAD;GAAK,WAAW,GAAG,cAAc,SAAS;GAAG;GAAO,GAAG;GAAG,GAAI;GAAQ,GAAE;GAAQ,UAAS;GACtF;EACE;CACC;AAEZ,CAAC;AAED,OAAO,cAAc"}

package/dist/drawer/theme.js

@@ -12,5 +12,5 @@ var theme_default = {
 
 //#endregion
 export { theme_default as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=theme.js.map

package/dist/focusLock/focusLock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"focusLock.d.ts","names":[],"sources":["../../src/focusLock/focusLock.tsx"],"mappings":";;;;;;;;AAaA;;cAAa,SAAA,EAAW,EAAA,CAAG,cAAA,GAAiB,YAAA"}
+{"version":3,"file":"focusLock.d.ts","names":[],"sources":["../../src/focusLock/focusLock.tsx"],"mappings":";;;;;;;;AAcA;;cAAa,SAAA,EAAW,EAAA,CAAG,cAAA,GAAiB,YAAA"}

package/dist/focusLock/focusLock.js

@@ -29,5 +29,5 @@ FocusLock.displayName = "FocusLock";
 
 //#endregion
 export { FocusLock as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=focusLock.js.map

package/dist/focusLock/focusLock.js.map

@@ -1 +1 @@
-{"version":3,"file":"focusLock.js","names":[],"sources":["../../src/focusLock/focusLock.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport { useCallback } from 'react'\nimport ReactFocusLock from 'react-focus-lock'\n\nimport type { ChildrenProp } from '../core'\nimport type { FocusLockProps } from './focusLock.types'\n\n/**\n * Traps the focus within the provided content.\n *\n * Tabbing using the keyboard will only cycle through the children and won't leave the boundary of the FocusLock wrapper.\n */\n\nexport const FocusLock: FC<FocusLockProps & ChildrenProp> = props => {\n  const {\n    autoFocus,\n    children,\n    crossFrame,\n    finalFocusRef,\n    initialFocusRef,\n    isDisabled,\n    persistentFocus,\n    returnFocus: returnFocusProp,\n  } = props\n\n  const onActivation = useCallback(() => {\n    initialFocusRef?.current?.focus()\n  }, [initialFocusRef])\n\n  const onDeactivation = useCallback(() => {\n    finalFocusRef?.current?.focus()\n  }, [finalFocusRef])\n\n  const returnFocus = returnFocusProp && !finalFocusRef\n\n  return (\n    <ReactFocusLock\n      autoFocus={autoFocus}\n      crossFrame={crossFrame}\n      disabled={isDisabled}\n      onActivation={onActivation}\n      onDeactivation={onDeactivation}\n      persistentFocus={persistentFocus}\n      returnFocus={returnFocus}\n    >\n      {children}\n    </ReactFocusLock>\n  )\n}\n\nFocusLock.displayName = 'FocusLock'\nexport default FocusLock\n"],"mappings":";;;;;;;;;;AAaA,MAAa,aAA+C,UAAS;CACnE,MAAM,EACJ,WACA,UACA,YACA,eACA,iBACA,YACA,iBACA,aAAa,oBACX;CAYJ,OACE,oBAAC,gBAAD;EACa;EACC;EACZ,UAAU;EACV,cAfiB,kBAAkB;GACrC,iBAAiB,SAAS,MAAM;EAClC,GAAG,CAAC,eAAe,CAaU;EACzB,gBAZmB,kBAAkB;GACvC,eAAe,SAAS,MAAM;EAChC,GAAG,CAAC,aAAa,CAUgB;EACZ;EACjB,aAVgB,mBAAmB,CAAC;EAYnC;CACa;AAEpB;AAEA,UAAU,cAAc"}
+{"version":3,"file":"focusLock.js","names":[],"sources":["../../src/focusLock/focusLock.tsx"],"sourcesContent":["import type { FC } from 'react'\n\nimport { useCallback } from 'react'\nimport ReactFocusLock from 'react-focus-lock'\n\nimport type { ChildrenProp } from '../core'\nimport type { FocusLockProps } from './focusLock.types'\n\n/**\n * Traps the focus within the provided content.\n *\n * Tabbing using the keyboard will only cycle through the children and won't leave the boundary of the FocusLock wrapper.\n */\n\nexport const FocusLock: FC<FocusLockProps & ChildrenProp> = props => {\n  const {\n    autoFocus,\n    children,\n    crossFrame,\n    finalFocusRef,\n    initialFocusRef,\n    isDisabled,\n    persistentFocus,\n    returnFocus: returnFocusProp,\n  } = props\n\n  const onActivation = useCallback(() => {\n    initialFocusRef?.current?.focus()\n  }, [initialFocusRef])\n\n  const onDeactivation = useCallback(() => {\n    finalFocusRef?.current?.focus()\n  }, [finalFocusRef])\n\n  const returnFocus = returnFocusProp && !finalFocusRef\n\n  return (\n    <ReactFocusLock\n      autoFocus={autoFocus}\n      crossFrame={crossFrame}\n      disabled={isDisabled}\n      onActivation={onActivation}\n      onDeactivation={onDeactivation}\n      persistentFocus={persistentFocus}\n      returnFocus={returnFocus}\n    >\n      {children}\n    </ReactFocusLock>\n  )\n}\n\nFocusLock.displayName = 'FocusLock'\nexport default FocusLock\n"],"mappings":";;;;;;;;;;AAcA,MAAa,aAA+C,UAAS;CACnE,MAAM,EACJ,WACA,UACA,YACA,eACA,iBACA,YACA,iBACA,aAAa,oBACX;CAYJ,OACE,oBAAC,gBAAD;EACa;EACC;EACZ,UAAU;EACV,cAfiB,kBAAkB;GACrC,iBAAiB,SAAS,MAAM;EAClC,GAAG,CAAC,eAAe,CAaU;EACzB,gBAZmB,kBAAkB;GACvC,eAAe,SAAS,MAAM;EAChC,GAAG,CAAC,aAAa,CAUgB;EACZ;EACjB,aAVgB,mBAAmB,CAAC;EAYnC;CACa;AAEpB;AAEA,UAAU,cAAc"}

package/dist/footer/applicationFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"applicationFooter.d.ts","names":[],"sources":["../../src/footer/applicationFooter.tsx"],"mappings":";;;cAMa,iBAAA,EAAiB,YAAA,QAAA,IAAA,CAiE5B,WAAA"}
+{"version":3,"file":"applicationFooter.d.ts","names":[],"sources":["../../src/footer/applicationFooter.tsx"],"mappings":";;;cAOa,iBAAA,EAAiB,YAAA,QAAA,IAAA,CAgE5B,WAAA"}

package/dist/footer/applicationFooter.js

@@ -59,5 +59,5 @@ ApplicationFooter.displayName = "ApplicationFooter";
 
 //#endregion
 export { ApplicationFooter as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=applicationFooter.js.map

package/dist/footer/applicationFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"applicationFooter.js","names":[],"sources":["../../src/footer/applicationFooter.tsx"],"sourcesContent":["import { vui } from '../core'\nimport { cs } from '../utils'\nimport Footer from './footer'\nimport type { ApplicationFooterProps } from './footer.types'\nimport { defaultLinkedInUrl } from './footerTrademark'\n\nexport const ApplicationFooter = vui<'div', ApplicationFooterProps>((props, ref) => {\n  const { applicationLinks, applicationStaticItems = [], className, isDNV = false, linkedIn, ...rest } = props\n\n  const applicationSocialLinks: { id: string; text: string; url: string }[] = []\n  // eslint-disable-next-line no-useless-assignment\n  let localLinkedIn = ''\n\n  if (isDNV) {\n    applicationStaticItems.splice(0, applicationStaticItems.length)\n\n    //populate the DNV social links\n    applicationSocialLinks.push({\n      id: 'linked-in',\n      text: 'LinkedIn',\n      url: 'https://www.linkedin.com/showcase/dnv-digital/',\n    })\n    applicationSocialLinks.push({\n      id: 'twitter',\n      text: 'Twitter',\n      url: 'https://twitter.com/DNV_Group',\n    })\n    applicationSocialLinks.push({\n      id: 'facebook',\n      text: 'FB',\n      url: 'https://www.facebook.com/dnvglsoftware',\n    })\n    applicationSocialLinks.push({\n      id: 'youtube',\n      text: 'Youtube',\n      url: 'https://www.youtube.com/user/DNVsoftware',\n    })\n\n    localLinkedIn = 'https://www.linkedin.com/company/4411'\n  } else {\n    // the static links are trimmed to max 2 items\n    applicationStaticItems.splice(2, applicationStaticItems.length - 1)\n\n    applicationSocialLinks.push({\n      id: 'linked-in',\n      text: 'LinkedIn',\n      url: defaultLinkedInUrl,\n    })\n\n    localLinkedIn = linkedIn || defaultLinkedInUrl\n  }\n\n  return (\n    <Footer\n      applicationLinks={applicationLinks}\n      applicationSocialLinks={applicationSocialLinks}\n      applicationStaticItems={applicationStaticItems}\n      className={cs(\n        'vui-applicationFooter',\n        isDNV ? 'vui-applicationDNVFooter' : 'vui-applicationVeracityFooter',\n        className,\n      )}\n      isApplication\n      isDNV={isDNV}\n      isSlim\n      linkedIn={localLinkedIn}\n      ref={ref}\n      variant=\"developer\"\n      {...rest}\n    />\n  )\n})\n\nApplicationFooter.displayName = 'ApplicationFooter'\n\nexport default ApplicationFooter\n"],"mappings":";;;;;;;AAMA,MAAa,oBAAoB,KAAoC,OAAO,QAAQ;CAClF,MAAM,EAAE,kBAAkB,yBAAyB,CAAC,GAAG,WAAW,QAAQ,OAAO,UAAU,GAAG,SAAS;CAEvG,MAAM,yBAAsE,CAAC;CAE7E,IAAI,gBAAgB;CAEpB,IAAI,OAAO;EACT,uBAAuB,OAAO,GAAG,uBAAuB,MAAM;EAG9D,uBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;EACP,CAAC;EACD,uBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;EACP,CAAC;EACD,uBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;EACP,CAAC;EACD,uBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;EACP,CAAC;EAED,gBAAgB;CAClB,OAAO;EAEL,uBAAuB,OAAO,GAAG,uBAAuB,SAAS,CAAC;EAElE,uBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;EACP,CAAC;EAED,gBAAgB;CAClB;CAEA,OACE,oBAAC,QAAD;EACoB;EACM;EACA;EACxB,WAAW,GACT,yBACA,QAAQ,6BAA6B,iCACrC,SACF;EACA;EACO;EACP;EACA,UAAU;EACL;EACL,SAAQ;EACR,GAAI;CACL;AAEL,CAAC;AAED,kBAAkB,cAAc"}
+{"version":3,"file":"applicationFooter.js","names":[],"sources":["../../src/footer/applicationFooter.tsx"],"sourcesContent":["import type { ApplicationFooterProps } from './footer.types'\n\nimport { vui } from '../core'\nimport { cs } from '../utils'\nimport Footer from './footer'\nimport { defaultLinkedInUrl } from './footerTrademark'\n\nexport const ApplicationFooter = vui<'div', ApplicationFooterProps>((props, ref) => {\n  const { applicationLinks, applicationStaticItems = [], className, isDNV = false, linkedIn, ...rest } = props\n\n  const applicationSocialLinks: { id: string; text: string; url: string }[] = []\n  let localLinkedIn = ''\n\n  if (isDNV) {\n    applicationStaticItems.splice(0, applicationStaticItems.length)\n\n    //populate the DNV social links\n    applicationSocialLinks.push({\n      id: 'linked-in',\n      text: 'LinkedIn',\n      url: 'https://www.linkedin.com/showcase/dnv-digital/',\n    })\n    applicationSocialLinks.push({\n      id: 'twitter',\n      text: 'Twitter',\n      url: 'https://twitter.com/DNV_Group',\n    })\n    applicationSocialLinks.push({\n      id: 'facebook',\n      text: 'FB',\n      url: 'https://www.facebook.com/dnvglsoftware',\n    })\n    applicationSocialLinks.push({\n      id: 'youtube',\n      text: 'Youtube',\n      url: 'https://www.youtube.com/user/DNVsoftware',\n    })\n\n    localLinkedIn = 'https://www.linkedin.com/company/4411'\n  } else {\n    // the static links are trimmed to max 2 items\n    applicationStaticItems.splice(2, applicationStaticItems.length - 1)\n\n    applicationSocialLinks.push({\n      id: 'linked-in',\n      text: 'LinkedIn',\n      url: defaultLinkedInUrl,\n    })\n\n    localLinkedIn = linkedIn || defaultLinkedInUrl\n  }\n\n  return (\n    <Footer\n      applicationLinks={applicationLinks}\n      applicationSocialLinks={applicationSocialLinks}\n      applicationStaticItems={applicationStaticItems}\n      className={cs(\n        'vui-applicationFooter',\n        isDNV ? 'vui-applicationDNVFooter' : 'vui-applicationVeracityFooter',\n        className,\n      )}\n      isApplication\n      isDNV={isDNV}\n      isSlim\n      linkedIn={localLinkedIn}\n      ref={ref}\n      variant=\"developer\"\n      {...rest}\n    />\n  )\n})\n\nApplicationFooter.displayName = 'ApplicationFooter'\n\nexport default ApplicationFooter\n"],"mappings":";;;;;;;AAOA,MAAa,oBAAoB,KAAoC,OAAO,QAAQ;CAClF,MAAM,EAAE,kBAAkB,yBAAyB,CAAC,GAAG,WAAW,QAAQ,OAAO,UAAU,GAAG,SAAS;CAEvG,MAAM,yBAAsE,CAAC;CAC7E,IAAI,gBAAgB;CAEpB,IAAI,OAAO;EACT,uBAAuB,OAAO,GAAG,uBAAuB,MAAM;EAG9D,uBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;EACP,CAAC;EACD,uBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;EACP,CAAC;EACD,uBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;EACP,CAAC;EACD,uBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;EACP,CAAC;EAED,gBAAgB;CAClB,OAAO;EAEL,uBAAuB,OAAO,GAAG,uBAAuB,SAAS,CAAC;EAElE,uBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;EACP,CAAC;EAED,gBAAgB;CAClB;CAEA,OACE,oBAAC,QAAD;EACoB;EACM;EACA;EACxB,WAAW,GACT,yBACA,QAAQ,6BAA6B,iCACrC,SACF;EACA;EACO;EACP;EACA,UAAU;EACL;EACL,SAAQ;EACR,GAAI;CACL;AAEL,CAAC;AAED,kBAAkB,cAAc"}

package/dist/footer/context.js

@@ -5,5 +5,5 @@ const [FooterProvider, useFooterContext] = createContext({ isOptional: true });
 
 //#endregion
 export { FooterProvider, useFooterContext };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=context.js.map

package/dist/footer/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/footer/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { FooterContext } from './footer.types'\n\nconst [FooterProvider, useFooterContext] = createContext<FooterContext>({ isOptional: true })\n\nexport { FooterProvider, useFooterContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,gBAAgB,oBAAoB,cAA6B,EAAE,YAAY,KAAK,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/footer/context.ts"],"sourcesContent":["import type { FooterContext } from './footer.types'\n\nimport { createContext } from '../utils'\n\nconst [FooterProvider, useFooterContext] = createContext<FooterContext>({ isOptional: true })\n\nexport { FooterProvider, useFooterContext }\n"],"mappings":";;;AAIA,MAAM,CAAC,gBAAgB,oBAAoB,cAA6B,EAAE,YAAY,KAAK,CAAC"}

package/dist/footer/footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","names":[],"sources":["../../src/footer/footer.tsx"],"mappings":";;;;;;;;;;cAoBa,UAAA,8BAAU,eAAA,oCAAA,YAAA,EAGtB,WAHsB;;cAQV,MAAA,EAqNP,YAAA,QAAoB,WAAA;EACxB,MAAA,SAAe,YAAA;EACf,OAAA,SAAgB,aAAA;EAChB,OAAA,SAAgB,aAAA;EAChB,IAAA,SAAa,UAAA;EACb,GAAA,SAAY,SAAA;EACZ,OAAA,SAAgB,aAAA;AAAA"}
+{"version":3,"file":"footer.d.ts","names":[],"sources":["../../src/footer/footer.tsx"],"mappings":";;;;;;;;;;cAqBa,UAAA,8BAAU,eAAA,oCAAA,YAAA,EAGtB,WAHsB;;cAQV,MAAA,EAqNP,YAAA,QAAoB,WAAA;EACxB,MAAA,SAAe,YAAA;EACf,OAAA,SAAgB,aAAA;EAChB,OAAA,SAAgB,aAAA;EAChB,IAAA,SAAa,UAAA;EACb,GAAA,SAAY,SAAA;EACZ,OAAA,SAAgB,aAAA;AAAA"}

package/dist/footer/footer.js

@@ -303,5 +303,5 @@ Footer.displayName = "Footer";
 
 //#endregion
 export { FooterBase, Footer as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=footer.js.map

package/dist/footer/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","names":[],"sources":["../../src/footer/footer.tsx"],"sourcesContent":["import { Box } from '../box'\nimport type { VuiComponent } from '../core'\nimport { styled, useDown, useStyleConfig, vui } from '../core'\nimport { Divider } from '../divider'\nimport { Link } from '../link'\nimport Menu from '../menu'\nimport { T } from '../t'\nimport { cs, getCurrentYear } from '../utils'\nimport { FooterProvider } from './context'\nimport type { FooterLinkData, FooterProps } from './footer.types'\nimport FooterColumn from './footerColumn'\nimport FooterColumns from './footerColumns'\nimport FooterContent from './footerContent'\nimport FooterHeading from './footerHeading'\nimport FooterLink from './footerLink'\nimport FooterRow from './footerRow'\nimport FooterSection from './footerSection'\nimport FooterSlimColumn from './footerSlimColumn'\nimport { defaultLinkedInUrl, FooterTrademark } from './footerTrademark'\n\nexport const FooterBase = styled.divBox`\n  background-color: darkBlue.main;\n  color: white;\n`\n\nconst currentYear = getCurrentYear()\n\n/** Branded Veracity Footer with trademark and links sections. Controls max-width of the content. */\nexport const Footer = vui<'div', FooterProps>((props, ref) => {\n  const {\n    applicationLinks,\n    applicationSocialLinks = [],\n    applicationStaticItems = [],\n    children,\n    className,\n    columns,\n    isApplication = false,\n    isDNV = false,\n    linkedIn,\n    size,\n    variant,\n    isSlim,\n    ...rest\n  } = props\n\n  const context = { size, variant }\n\n  const styles = useStyleConfig('Footer', props)\n\n  if (isApplication && !applicationLinks) console.error('Footer: isApplication is true but applicationLinks  not set.')\n\n  const slimLinks: FooterLinkData[] = [\n    {\n      id: 'home',\n      text: 'veracity.com',\n      url: 'https://www.veracity.com/',\n    },\n  ]\n\n  columns?.map(column => {\n    column.map(section => {\n      section.links?.map(link => {\n        if (!link) return\n        if (['home', 'support', 'status'].includes(link.id || '')) slimLinks.push(link)\n      })\n    })\n  })\n\n  const downMd = useDown('md')\n  const downLg = useDown('lg')\n\n  return (\n    <FooterProvider value={context}>\n      <FooterBase\n        className={cs('vui-footer', isApplication ? 'vui-footer-app' : '', className)}\n        px={isApplication ? '40px' : downMd ? 2 : 3}\n        py={isSlim ? (downMd ? '16px' : '9px') : downMd ? 4 : 5}\n        role=\"contentinfo\"\n        {...styles.container}\n        ref={ref}\n        {...rest}\n      >\n        {isApplication && (\n          <FooterContent alignContent=\"center\" alignItems=\"center\" maxW=\"100%\">\n            <FooterRow alignContent=\"space-between\" w={1}>\n              <Box\n                alignItems=\"self-start\"\n                columnGap={3}\n                flex={{ xs: '0 0 100%', sm: '0 0 100%', md: '0 0 100%', lg: '0 1 50%' }}\n                py={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\n                pr={{ _: 0, lg: 1 }}\n                wrap\n              >\n                {applicationLinks?.map((link, index) => (\n                  <Box flex={{ xs: '0 0 100%', sm: '0 0 auto' }} key={index}>\n                    {link.items && (\n                      <Menu isLazy={false} offset={[-16, 9]} placement=\"top-start\" size=\"sm\" {...rest}>\n                        <Menu.Button\n                          as={Link}\n                          className=\"vui-footerLink-trigger\"\n                          pt=\"1px\"\n                          role=\"button\"\n                          text={link.text}\n                          title={link.text}\n                          size={{ _: 'sm', md: 'md' }}\n                          {...styles.link}\n                          {...rest}\n                        />\n\n                        <Menu.List maxH={400} right={0} w={320} {...styles.list}>\n                          {link.items.map(({ text, url, target }, index) => (\n                            <Menu.Item\n                              isTruncated\n                              key={index}\n                              linkProps={{ href: url, target }}\n                              text={text}\n                              title={text}\n                              {...styles.item}\n                            />\n                          ))}\n                        </Menu.List>\n                      </Menu>\n                    )}\n\n                    {!link.items && <FooterLink {...link} href={link.url} py=\"1px\" />}\n                  </Box>\n                ))}\n              </Box>\n              {downLg && <Divider borderColor=\"sandstone.main\" mb={0.5} mt={1} w={1} />}\n              <Box\n                centerV\n                columnGap={3}\n                flex={{ xs: '0 0 100%', sm: '0 0 100%', md: '0 0 100%', lg: '0 1 50%' }}\n                justifyContent={{ sm: 'center', lg: 'flex-end' }}\n                py={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\n                pl={{ _: 0, lg: 1 }}\n                wrap\n              >\n                {applicationStaticItems?.map((text, index) => (\n                  <Box key={index}>\n                    <T size=\"sm\">{text}</T>\n                  </Box>\n                ))}\n\n                {isDNV ? (\n                  <Box>\n                    <T size=\"sm\">&copy; DNV AS {currentYear}</T>\n                  </Box>\n                ) : (\n                  <Box>\n                    <T size=\"sm\">\n                      <T fontWeight=\"600\">Veracity by DNV</T>, DNV AS\n                    </T>\n                  </Box>\n                )}\n                <Box>\n                  {applicationSocialLinks?.map((link, index) => (\n                    <Link\n                      aria-label={link.text}\n                      fontWeight=\"demi\"\n                      href={link.url}\n                      startIcon={\n                        <Link.Icon\n                          name={`${link.text === 'Twitter' ? 'brandX' + link.text + 'Solid' : 'brandCircle' + link.text}`}\n                          radius=\"50%\"\n                          size=\"xs\"\n                        />\n                      }\n                      isExternal\n                      key={index}\n                      mr={1}\n                      size={{ _: 'sm', md: 'md' }}\n                      {...styles.link}\n                    ></Link>\n                  ))}\n                  <Link\n                    fontWeight=\"demi\"\n                    href={linkedIn ?? defaultLinkedInUrl}\n                    isExternal\n                    size={{ _: 'sm', md: 'md' }}\n                    {...styles.link}\n                  >\n                    <FooterHeading fontSize=\"16px\" mb={0} text=\"Follow us\" />\n                  </Link>\n                </Box>\n              </Box>\n            </FooterRow>\n          </FooterContent>\n        )}\n\n        {!isApplication && isSlim && (\n          <FooterContent alignContent=\"center\" alignItems=\"center\" maxW={{ xs: 343, sm: 305, md: 720, lg: 975 }}>\n            <FooterRow>\n              {slimLinks.map(({ text, url, target, id }, index) => {\n                /** if the screen is small drop one specific link */\n                if (downLg && id === 'support') return\n\n                return (\n                  <FooterSlimColumn key={index}>\n                    <FooterLink href={url} text={text} target={target} />\n                  </FooterSlimColumn>\n                )\n              })}\n\n              {downMd && <Divider borderColor=\"sandstone.main\" mb={0.5} mt={1} w={1} />}\n\n              <FooterSlimColumn centerV>\n                <T size=\"xs\">\n                  <T fontWeight=\"demi\">Veracity by DNV</T>, DNV AS\n                </T>\n              </FooterSlimColumn>\n              <FooterSlimColumn>\n                <Link\n                  fontWeight=\"demi\"\n                  href={linkedIn ?? defaultLinkedInUrl}\n                  startIcon={<Link.Icon mr={1} left={0} name=\"brandCircleLinkedIn\" radius=\"50%\" size=\"xs\" />}\n                  isExternal\n                  size={{ _: 'sm', md: 'md' }}\n                  {...styles.link}\n                >\n                  <FooterHeading fontSize=\"16px\" mb={0} text=\"Follow us\" />\n                </Link>\n              </FooterSlimColumn>\n            </FooterRow>\n          </FooterContent>\n        )}\n\n        {!isApplication && !isSlim && (\n          <FooterContent>\n            {columns ? <FooterColumns columns={columns} /> : children}\n\n            {children || columns ? <Divider borderColor=\"sandstone.main\" my={4} /> : null}\n\n            <FooterRow>\n              <FooterTrademark linkedIn={linkedIn} />\n            </FooterRow>\n          </FooterContent>\n        )}\n      </FooterBase>\n    </FooterProvider>\n  )\n}) as VuiComponent<'div', FooterProps> & {\n  Column: typeof FooterColumn\n  Content: typeof FooterContent\n  Heading: typeof FooterHeading\n  Link: typeof FooterLink\n  Row: typeof FooterRow\n  Section: typeof FooterSection\n}\n\nFooter.Column = FooterColumn\nFooter.Content = FooterContent\nFooter.Heading = FooterHeading\nFooter.Link = FooterLink\nFooter.Row = FooterRow\nFooter.Section = FooterSection\nFooter.displayName = 'Footer'\n\nexport default Footer\n"],"mappings":"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"}
+{"version":3,"file":"footer.js","names":[],"sources":["../../src/footer/footer.tsx"],"sourcesContent":["import type { VuiComponent } from '../core'\nimport type { FooterLinkData, FooterProps } from './footer.types'\n\nimport { Box } from '../box'\nimport { styled, useDown, useStyleConfig, vui } from '../core'\nimport { Divider } from '../divider'\nimport { Link } from '../link'\nimport Menu from '../menu'\nimport { T } from '../t'\nimport { cs, getCurrentYear } from '../utils'\nimport { FooterProvider } from './context'\nimport FooterColumn from './footerColumn'\nimport FooterColumns from './footerColumns'\nimport FooterContent from './footerContent'\nimport FooterHeading from './footerHeading'\nimport FooterLink from './footerLink'\nimport FooterRow from './footerRow'\nimport FooterSection from './footerSection'\nimport FooterSlimColumn from './footerSlimColumn'\nimport { defaultLinkedInUrl, FooterTrademark } from './footerTrademark'\n\nexport const FooterBase = styled.divBox`\n  background-color: darkBlue.main;\n  color: white;\n`\n\nconst currentYear = getCurrentYear()\n\n/** Branded Veracity Footer with trademark and links sections. Controls max-width of the content. */\nexport const Footer = vui<'div', FooterProps>((props, ref) => {\n  const {\n    applicationLinks,\n    applicationSocialLinks = [],\n    applicationStaticItems = [],\n    children,\n    className,\n    columns,\n    isApplication = false,\n    isDNV = false,\n    linkedIn,\n    size,\n    variant,\n    isSlim,\n    ...rest\n  } = props\n\n  const context = { size, variant }\n\n  const styles = useStyleConfig('Footer', props)\n\n  if (isApplication && !applicationLinks) console.error('Footer: isApplication is true but applicationLinks  not set.')\n\n  const slimLinks: FooterLinkData[] = [\n    {\n      id: 'home',\n      text: 'veracity.com',\n      url: 'https://www.veracity.com/',\n    },\n  ]\n\n  columns?.map(column => {\n    column.map(section => {\n      section.links?.map(link => {\n        if (!link) return\n        if (['home', 'support', 'status'].includes(link.id || '')) slimLinks.push(link)\n      })\n    })\n  })\n\n  const downMd = useDown('md')\n  const downLg = useDown('lg')\n\n  return (\n    <FooterProvider value={context}>\n      <FooterBase\n        className={cs('vui-footer', isApplication ? 'vui-footer-app' : '', className)}\n        px={isApplication ? '40px' : downMd ? 2 : 3}\n        py={isSlim ? (downMd ? '16px' : '9px') : downMd ? 4 : 5}\n        role=\"contentinfo\"\n        {...styles.container}\n        ref={ref}\n        {...rest}\n      >\n        {isApplication && (\n          <FooterContent alignContent=\"center\" alignItems=\"center\" maxW=\"100%\">\n            <FooterRow alignContent=\"space-between\" w={1}>\n              <Box\n                alignItems=\"self-start\"\n                columnGap={3}\n                flex={{ xs: '0 0 100%', sm: '0 0 100%', md: '0 0 100%', lg: '0 1 50%' }}\n                py={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\n                pr={{ _: 0, lg: 1 }}\n                wrap\n              >\n                {applicationLinks?.map((link, index) => (\n                  <Box flex={{ xs: '0 0 100%', sm: '0 0 auto' }} key={index}>\n                    {link.items && (\n                      <Menu isLazy={false} offset={[-16, 9]} placement=\"top-start\" size=\"sm\" {...rest}>\n                        <Menu.Button\n                          as={Link}\n                          className=\"vui-footerLink-trigger\"\n                          pt=\"1px\"\n                          role=\"button\"\n                          text={link.text}\n                          title={link.text}\n                          size={{ _: 'sm', md: 'md' }}\n                          {...styles.link}\n                          {...rest}\n                        />\n\n                        <Menu.List maxH={400} right={0} w={320} {...styles.list}>\n                          {link.items.map(({ text, url, target }, index) => (\n                            <Menu.Item\n                              isTruncated\n                              key={index}\n                              linkProps={{ href: url, target }}\n                              text={text}\n                              title={text}\n                              {...styles.item}\n                            />\n                          ))}\n                        </Menu.List>\n                      </Menu>\n                    )}\n\n                    {!link.items && <FooterLink {...link} href={link.url} py=\"1px\" />}\n                  </Box>\n                ))}\n              </Box>\n              {downLg && <Divider borderColor=\"sandstone.main\" mb={0.5} mt={1} w={1} />}\n              <Box\n                centerV\n                columnGap={3}\n                flex={{ xs: '0 0 100%', sm: '0 0 100%', md: '0 0 100%', lg: '0 1 50%' }}\n                justifyContent={{ sm: 'center', lg: 'flex-end' }}\n                py={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\n                pl={{ _: 0, lg: 1 }}\n                wrap\n              >\n                {applicationStaticItems?.map((text, index) => (\n                  <Box key={index}>\n                    <T size=\"sm\">{text}</T>\n                  </Box>\n                ))}\n\n                {isDNV ? (\n                  <Box>\n                    <T size=\"sm\">&copy; DNV AS {currentYear}</T>\n                  </Box>\n                ) : (\n                  <Box>\n                    <T size=\"sm\">\n                      <T fontWeight=\"600\">Veracity by DNV</T>, DNV AS\n                    </T>\n                  </Box>\n                )}\n                <Box>\n                  {applicationSocialLinks?.map((link, index) => (\n                    <Link\n                      aria-label={link.text}\n                      fontWeight=\"demi\"\n                      href={link.url}\n                      startIcon={\n                        <Link.Icon\n                          name={`${link.text === 'Twitter' ? 'brandX' + link.text + 'Solid' : 'brandCircle' + link.text}`}\n                          radius=\"50%\"\n                          size=\"xs\"\n                        />\n                      }\n                      isExternal\n                      key={index}\n                      mr={1}\n                      size={{ _: 'sm', md: 'md' }}\n                      {...styles.link}\n                    ></Link>\n                  ))}\n                  <Link\n                    fontWeight=\"demi\"\n                    href={linkedIn ?? defaultLinkedInUrl}\n                    isExternal\n                    size={{ _: 'sm', md: 'md' }}\n                    {...styles.link}\n                  >\n                    <FooterHeading fontSize=\"16px\" mb={0} text=\"Follow us\" />\n                  </Link>\n                </Box>\n              </Box>\n            </FooterRow>\n          </FooterContent>\n        )}\n\n        {!isApplication && isSlim && (\n          <FooterContent alignContent=\"center\" alignItems=\"center\" maxW={{ xs: 343, sm: 305, md: 720, lg: 975 }}>\n            <FooterRow>\n              {slimLinks.map(({ text, url, target, id }, index) => {\n                /** if the screen is small drop one specific link */\n                if (downLg && id === 'support') return\n\n                return (\n                  <FooterSlimColumn key={index}>\n                    <FooterLink href={url} text={text} target={target} />\n                  </FooterSlimColumn>\n                )\n              })}\n\n              {downMd && <Divider borderColor=\"sandstone.main\" mb={0.5} mt={1} w={1} />}\n\n              <FooterSlimColumn centerV>\n                <T size=\"xs\">\n                  <T fontWeight=\"demi\">Veracity by DNV</T>, DNV AS\n                </T>\n              </FooterSlimColumn>\n              <FooterSlimColumn>\n                <Link\n                  fontWeight=\"demi\"\n                  href={linkedIn ?? defaultLinkedInUrl}\n                  startIcon={<Link.Icon mr={1} left={0} name=\"brandCircleLinkedIn\" radius=\"50%\" size=\"xs\" />}\n                  isExternal\n                  size={{ _: 'sm', md: 'md' }}\n                  {...styles.link}\n                >\n                  <FooterHeading fontSize=\"16px\" mb={0} text=\"Follow us\" />\n                </Link>\n              </FooterSlimColumn>\n            </FooterRow>\n          </FooterContent>\n        )}\n\n        {!isApplication && !isSlim && (\n          <FooterContent>\n            {columns ? <FooterColumns columns={columns} /> : children}\n\n            {children || columns ? <Divider borderColor=\"sandstone.main\" my={4} /> : null}\n\n            <FooterRow>\n              <FooterTrademark linkedIn={linkedIn} />\n            </FooterRow>\n          </FooterContent>\n        )}\n      </FooterBase>\n    </FooterProvider>\n  )\n}) as VuiComponent<'div', FooterProps> & {\n  Column: typeof FooterColumn\n  Content: typeof FooterContent\n  Heading: typeof FooterHeading\n  Link: typeof FooterLink\n  Row: typeof FooterRow\n  Section: typeof FooterSection\n}\n\nFooter.Column = FooterColumn\nFooter.Content = FooterContent\nFooter.Heading = FooterHeading\nFooter.Link = FooterLink\nFooter.Row = FooterRow\nFooter.Section = FooterSection\nFooter.displayName = 'Footer'\n\nexport default Footer\n"],"mappings":"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"}

package/dist/footer/footerColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footerColumn.d.ts","names":[],"sources":["../../src/footer/footerColumn.tsx"],"mappings":";;;;cAQM,YAAA,EAAY,YAAA,QAAA,iBAAA"}
+{"version":3,"file":"footerColumn.d.ts","names":[],"sources":["../../src/footer/footerColumn.tsx"],"mappings":";;;;cASM,YAAA,EAAY,YAAA,QAAA,iBAAA"}

package/dist/footer/footerColumn.js

@@ -44,5 +44,5 @@ FooterColumn.displayName = "FooterColumn";
 
 //#endregion
 export { FooterColumn as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=footerColumn.js.map

package/dist/footer/footerColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerColumn.js","names":[],"sources":["../../src/footer/footerColumn.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\nimport type { FooterColumnProps } from './footer.types'\nimport FooterSection from './footerSection'\n\n/** Organizes sections with links into a single column. Different width per breakpoint. */\nconst FooterColumn = vui<'div', FooterColumnProps>((props, ref) => {\n  const { children, className, sections, flex, maxW, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerColumn', className)}\n      column\n      {...styles.column}\n      flex={flex ?? { xs: '0 0 50%', sm: '0 0 50%', md: '0 0 25%' }}\n      minW={{ xs: 'auto', sm: '165px' }}\n      maxW={maxW ?? { xs: 'calc(50% - 8px)', sm: 'auto' }}\n      p={{ xs: 0, sm: 1, md: 1.25, lg: 1.5 }}\n      ref={ref}\n      spaceY={4}\n      {...rest}\n    >\n      {children ?? sections?.map((section, index) => <FooterSection key={index} {...section} />)}\n    </Box>\n  )\n})\n\nFooterColumn.displayName = 'FooterColumn'\nexport default FooterColumn\n"],"mappings":";;;;;;;;;;AAQA,MAAM,eAAe,KAA+B,OAAO,QAAQ;CACjE,MAAM,EAAE,UAAU,WAAW,UAAU,MAAM,MAAM,GAAG,SAAS;CAC/D,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,oBAAoB,SAAS;EAC3C;EACA,GAAI,OAAO;EACX,MAAM,QAAQ;GAAE,IAAI;GAAW,IAAI;GAAW,IAAI;EAAU;EAC5D,MAAM;GAAE,IAAI;GAAQ,IAAI;EAAQ;EAChC,MAAM,QAAQ;GAAE,IAAI;GAAmB,IAAI;EAAO;EAClD,GAAG;GAAE,IAAI;GAAG,IAAI;GAAG,IAAI;GAAM,IAAI;EAAI;EAChC;EACL,QAAQ;EACR,GAAI;YAEH,YAAY,UAAU,KAAK,SAAS,UAAU,oBAAC,eAAD,EAA2B,GAAI,QAAU,GAArB,KAAqB,CAAC;CACtF;AAET,CAAC;AAED,aAAa,cAAc"}
+{"version":3,"file":"footerColumn.js","names":[],"sources":["../../src/footer/footerColumn.tsx"],"sourcesContent":["import type { FooterColumnProps } from './footer.types'\n\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\nimport FooterSection from './footerSection'\n\n/** Organizes sections with links into a single column. Different width per breakpoint. */\nconst FooterColumn = vui<'div', FooterColumnProps>((props, ref) => {\n  const { children, className, sections, flex, maxW, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerColumn', className)}\n      column\n      {...styles.column}\n      flex={flex ?? { xs: '0 0 50%', sm: '0 0 50%', md: '0 0 25%' }}\n      minW={{ xs: 'auto', sm: '165px' }}\n      maxW={maxW ?? { xs: 'calc(50% - 8px)', sm: 'auto' }}\n      p={{ xs: 0, sm: 1, md: 1.25, lg: 1.5 }}\n      ref={ref}\n      spaceY={4}\n      {...rest}\n    >\n      {children ?? sections?.map((section, index) => <FooterSection key={index} {...section} />)}\n    </Box>\n  )\n})\n\nFooterColumn.displayName = 'FooterColumn'\nexport default FooterColumn\n"],"mappings":";;;;;;;;;;AASA,MAAM,eAAe,KAA+B,OAAO,QAAQ;CACjE,MAAM,EAAE,UAAU,WAAW,UAAU,MAAM,MAAM,GAAG,SAAS;CAC/D,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,oBAAoB,SAAS;EAC3C;EACA,GAAI,OAAO;EACX,MAAM,QAAQ;GAAE,IAAI;GAAW,IAAI;GAAW,IAAI;EAAU;EAC5D,MAAM;GAAE,IAAI;GAAQ,IAAI;EAAQ;EAChC,MAAM,QAAQ;GAAE,IAAI;GAAmB,IAAI;EAAO;EAClD,GAAG;GAAE,IAAI;GAAG,IAAI;GAAG,IAAI;GAAM,IAAI;EAAI;EAChC;EACL,QAAQ;EACR,GAAI;YAEH,YAAY,UAAU,KAAK,SAAS,UAAU,oBAAC,eAAD,EAA2B,GAAI,QAAU,GAArB,KAAqB,CAAC;CACtF;AAET,CAAC;AAED,aAAa,cAAc"}

package/dist/footer/footerColumns.js

@@ -27,5 +27,5 @@ FooterColumns.displayName = "Footer Mobile Column";
 
 //#endregion
 export { FooterColumns as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=footerColumns.js.map

package/dist/footer/footerColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerColumns.js","names":[],"sources":["../../src/footer/footerColumns.tsx"],"sourcesContent":["import { useDown, vui } from '../core'\nimport type { FooterColumnsProps } from './footer.types'\nimport FooterColumn from './footerColumn'\nimport FooterRow from './footerRow'\n\n/** Organizes sections with links into a single column. Different width per breakpoint. */\nconst FooterColumns = vui<'div', FooterColumnsProps>((props, ref) => {\n  const { columns } = props\n  const downMd = useDown('md')\n\n  if (!columns) return null\n  if (downMd) {\n    const columnsEven = columns.filter((_, index) => index % 2 === 0).flat()\n    const columnsOdd = columns.filter((_, index) => index % 2 === 1).flat()\n    return (\n      <FooterRow ref={ref}>\n        <FooterColumn key={'evenColumns'} sections={columnsEven} />\n        <FooterColumn key={'oddColumns'} sections={columnsOdd} />\n      </FooterRow>\n    )\n  }\n  return (\n    <FooterRow ref={ref}>\n      {columns.map((sections, index) => (\n        <FooterColumn key={index} sections={sections} />\n      ))}\n    </FooterRow>\n  )\n})\n\nFooterColumns.displayName = 'Footer Mobile Column'\nexport default FooterColumns\n"],"mappings":";;;;;;;;AAMA,MAAM,gBAAgB,KAAgC,OAAO,QAAQ;CACnE,MAAM,EAAE,YAAY;CACpB,MAAM,SAAS,QAAQ,IAAI;CAE3B,IAAI,CAAC,SAAS,OAAO;CACrB,IAAI,QAAQ;EACV,MAAM,cAAc,QAAQ,QAAQ,GAAG,UAAU,QAAQ,MAAM,CAAC,CAAC,CAAC,KAAK;EACvE,MAAM,aAAa,QAAQ,QAAQ,GAAG,UAAU,QAAQ,MAAM,CAAC,CAAC,CAAC,KAAK;EACtE,OACE,qBAAC,WAAD;GAAgB;aAAhB,CACE,oBAAC,cAAD,EAAkC,UAAU,YAAc,GAAvC,aAAuC,GAC1D,oBAAC,cAAD,EAAiC,UAAU,WAAa,GAArC,YAAqC,CAC/C;;CAEf;CACA,OACE,oBAAC,WAAD;EAAgB;YACb,QAAQ,KAAK,UAAU,UACtB,oBAAC,cAAD,EAAoC,SAAW,GAA5B,KAA4B,CAChD;CACQ;AAEf,CAAC;AAED,cAAc,cAAc"}
+{"version":3,"file":"footerColumns.js","names":[],"sources":["../../src/footer/footerColumns.tsx"],"sourcesContent":["import type { FooterColumnsProps } from './footer.types'\n\nimport { useDown, vui } from '../core'\nimport FooterColumn from './footerColumn'\nimport FooterRow from './footerRow'\n\n/** Organizes sections with links into a single column. Different width per breakpoint. */\nconst FooterColumns = vui<'div', FooterColumnsProps>((props, ref) => {\n  const { columns } = props\n  const downMd = useDown('md')\n\n  if (!columns) return null\n  if (downMd) {\n    const columnsEven = columns.filter((_, index) => index % 2 === 0).flat()\n    const columnsOdd = columns.filter((_, index) => index % 2 === 1).flat()\n    return (\n      <FooterRow ref={ref}>\n        <FooterColumn key={'evenColumns'} sections={columnsEven} />\n        <FooterColumn key={'oddColumns'} sections={columnsOdd} />\n      </FooterRow>\n    )\n  }\n  return (\n    <FooterRow ref={ref}>\n      {columns.map((sections, index) => (\n        <FooterColumn key={index} sections={sections} />\n      ))}\n    </FooterRow>\n  )\n})\n\nFooterColumns.displayName = 'Footer Mobile Column'\nexport default FooterColumns\n"],"mappings":";;;;;;;;AAOA,MAAM,gBAAgB,KAAgC,OAAO,QAAQ;CACnE,MAAM,EAAE,YAAY;CACpB,MAAM,SAAS,QAAQ,IAAI;CAE3B,IAAI,CAAC,SAAS,OAAO;CACrB,IAAI,QAAQ;EACV,MAAM,cAAc,QAAQ,QAAQ,GAAG,UAAU,QAAQ,MAAM,CAAC,CAAC,CAAC,KAAK;EACvE,MAAM,aAAa,QAAQ,QAAQ,GAAG,UAAU,QAAQ,MAAM,CAAC,CAAC,CAAC,KAAK;EACtE,OACE,qBAAC,WAAD;GAAgB;aAAhB,CACE,oBAAC,cAAD,EAAkC,UAAU,YAAc,GAAvC,aAAuC,GAC1D,oBAAC,cAAD,EAAiC,UAAU,WAAa,GAArC,YAAqC,CAC/C;;CAEf;CACA,OACE,oBAAC,WAAD;EAAgB;YACb,QAAQ,KAAK,UAAU,UACtB,oBAAC,cAAD,EAAoC,SAAW,GAA5B,KAA4B,CAChD;CACQ;AAEf,CAAC;AAED,cAAc,cAAc"}

package/dist/footer/footerContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footerContent.d.ts","names":[],"sources":["../../src/footer/footerContent.tsx"],"mappings":";;;;cAOa,aAAA,EAAa,YAAA,QAiBxB,QAAA"}
+{"version":3,"file":"footerContent.d.ts","names":[],"sources":["../../src/footer/footerContent.tsx"],"mappings":";;;;cAQa,aAAA,EAAa,YAAA,QAiBxB,QAAA"}

package/dist/footer/footerContent.js

@@ -36,5 +36,5 @@ FooterContent.displayName = "FooterContent";
 
 //#endregion
 export { FooterContent as default };
-globalThis.__vuiVersion__ = "5.2.2"
+globalThis.__vuiVersion__ = "5.3.0"
 //# sourceMappingURL=footerContent.js.map

package/dist/footer/footerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerContent.js","names":[],"sources":["../../src/footer/footerContent.tsx"],"sourcesContent":["import Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\nimport type { FooterContentProps } from './footer.types'\n\n/** Controls max-width of the content and centers itself horizontally. */\nexport const FooterContent = vui<'div', FooterContentProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerContent', className)}\n      column\n      fontSize={{ xs: 12, sm: 12, md: 14 }}\n      maxW={{ xs: 344, sm: 412, md: 780, lg: 782, xl: 888 }}\n      mx=\"auto\"\n      ref={ref}\n      w=\"100%\"\n      {...styles.content}\n      {...rest}\n    />\n  )\n})\n\nFooterContent.displayName = 'FooterContent'\nexport default FooterContent\n"],"mappings":";;;;;;;;;AAOA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,qBAAqB,SAAS;EAC5C;EACA,UAAU;GAAE,IAAI;GAAI,IAAI;GAAI,IAAI;EAAG;EACnC,MAAM;GAAE,IAAI;GAAK,IAAI;GAAK,IAAI;GAAK,IAAI;GAAK,IAAI;EAAI;EACpD,IAAG;EACE;EACL,GAAE;EACF,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,cAAc,cAAc"}
+{"version":3,"file":"footerContent.js","names":[],"sources":["../../src/footer/footerContent.tsx"],"sourcesContent":["import type { FooterContentProps } from './footer.types'\n\nimport Box from '../box'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useFooterContext } from './context'\n\n/** Controls max-width of the content and centers itself horizontally. */\nexport const FooterContent = vui<'div', FooterContentProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerContent', className)}\n      column\n      fontSize={{ xs: 12, sm: 12, md: 14 }}\n      maxW={{ xs: 344, sm: 412, md: 780, lg: 782, xl: 888 }}\n      mx=\"auto\"\n      ref={ref}\n      w=\"100%\"\n      {...styles.content}\n      {...rest}\n    />\n  )\n})\n\nFooterContent.displayName = 'FooterContent'\nexport default FooterContent\n"],"mappings":";;;;;;;;;AAQA,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,iBAAiB,CAAC;CAE1D,OACE,oBAAC,KAAD;EACE,WAAW,GAAG,qBAAqB,SAAS;EAC5C;EACA,UAAU;GAAE,IAAI;GAAI,IAAI;GAAI,IAAI;EAAG;EACnC,MAAM;GAAE,IAAI;GAAK,IAAI;GAAK,IAAI;GAAK,IAAI;GAAK,IAAI;EAAI;EACpD,IAAG;EACE;EACL,GAAE;EACF,GAAI,OAAO;EACX,GAAI;CACL;AAEL,CAAC;AAED,cAAc,cAAc"}

package/dist/footer/footerHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footerHeading.d.ts","names":[],"sources":["../../src/footer/footerHeading.tsx"],"mappings":";;;;cAOa,aAAA,EAAa,YAAA,OAAA,YAAA"}
+{"version":3,"file":"footerHeading.d.ts","names":[],"sources":["../../src/footer/footerHeading.tsx"],"mappings":";;;;cAQa,aAAA,EAAa,YAAA,OAAA,YAAA"}