@veracity/vui 3.2.0 → 4.0.0-floatinguitake3.2154362

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

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

package/dist/dialog/useDialog.js

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

package/dist/display/display.d.ts

@@ -2,11 +2,12 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { DisplayTextProps } from "./display.types.js";
 import "../index.js";
-import * as styled_components373 from "styled-components";
+import * as styled_components435 from "styled-components";
 
 //#region src/display/display.d.ts
-declare const DisplayBase: styled_components373.StyledComponent<"p", styled_components373.DefaultTheme, SystemProps, never>;
+declare const DisplayBase: styled_components435.StyledComponent<"p", styled_components435.DefaultTheme, SystemProps, never>;
 declare const Display: VuiComponent<"p", DisplayTextProps>;
 //#endregion
 export { Display, DisplayBase };
+
 //# sourceMappingURL=display.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"display.d.ts","names":[],"sources":["../../src/display/display.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAIa,aAAW,oBAAA,CAAA,qBAAgB,oBAAA,CAAhB,YAAA,CAAA,CAAA,WAAA,CAAA;cAEX,SAAO,kBAAA"}
+{"version":3,"file":"display.d.ts","names":[],"sources":["../../src/display/display.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAIa,aAAW,oBAAA,CAAA,qBAAgB,oBAAA,CAAhB,YAAA,EAAA,WAAA;cAEX,SAAO,kBAAA"}

package/dist/display/display.js

@@ -7,7 +7,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/display/display.tsx
 const DisplayBase = styled.pBox``;
 const Display = vui((props, ref) => {
-	const { children, className,...rest } = omitThemingProps(props);
+	const { children, className, ...rest } = omitThemingProps(props);
 	const styles = useStyleConfig("Display", props);
 	return /* @__PURE__ */ jsx(DisplayBase, {
 		className: cs("vui-display", className),
@@ -22,5 +22,5 @@ var display_default = Display;
 
 //#endregion
 export { DisplayBase, display_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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,UAAW,GAAG,SAAS,iBAAiB,MAAM;CAChE,MAAM,SAAS,eAAe,WAAW,MAAM;AAE/C,QACE,oBAAC;EAAY,WAAW,GAAG,eAAe,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;EAC7E;GACW;EAEhB;AAEF,QAAQ,cAAc;AACtB,sBAAe"}
+{"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,MAAM;CAChE,MAAM,SAAS,eAAe,WAAW,MAAM;AAE/C,QACE,oBAAC;EAAY,WAAW,GAAG,eAAe,UAAU;EAAO;EAAK,GAAI;EAAQ,GAAI;EAC7E;GACW;EAEhB;AAEF,QAAQ,cAAc;AACtB,sBAAe"}

package/dist/display/display.types.d.ts

@@ -6,4 +6,5 @@ import "../system/index.js";
 type DisplayTextProps = SystemProps & ThemingProps<'Display'>;
 //#endregion
 export { DisplayTextProps };
+
 //# sourceMappingURL=display.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"display.types.d.ts","names":[],"sources":["../../src/display/display.types.ts"],"sourcesContent":[],"mappings":";;;;;KAMY,gBAAA,CAAA,CAAA,CAAmB,cAAc"}
+{"version":3,"file":"display.types.d.ts","names":[],"sources":["../../src/display/display.types.ts"],"sourcesContent":[],"mappings":";;;;;KAMY,gBAAA,GAAmB,cAAc"}

package/dist/display/index.d.ts

@@ -1,2 +1,2 @@
 import { DisplayTextProps } from "./display.types.js";
-import { Display, DisplayBase } from "./display.js";
+import { Display, DisplayBase } from "./display.js";

package/dist/display/theme.js

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

package/dist/divider/divider.d.ts

@@ -2,12 +2,13 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { DividerProps } from "./divider.types.js";
 import "../index.js";
-import * as styled_components369 from "styled-components";
+import * as styled_components62 from "styled-components";
 
 //#region src/divider/divider.d.ts
-declare const DividerBase: styled_components369.StyledComponent<"hr", styled_components369.DefaultTheme, SystemProps, never>;
+declare const DividerBase: styled_components62.StyledComponent<"hr", styled_components62.DefaultTheme, SystemProps, never>;
 /** Visually separates content with a horizontal or vertical line. */
 declare const Divider: VuiComponent<"hr", DividerProps>;
 //#endregion
 export { Divider, DividerBase };
+
 //# sourceMappingURL=divider.d.ts.map

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

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

package/dist/divider/divider.js

@@ -11,7 +11,7 @@ const DividerBase = styled.hrBox`
 `;
 /** Visually separates content with a horizontal or vertical line. */
 const Divider = vui((props, ref) => {
-	const { className, isVertical, width,...rest } = omitThemingProps(props);
+	const { className, isVertical, width, ...rest } = omitThemingProps(props);
 	const styles = useStyleConfig("Divider", props);
 	const borderWidth = `border${isVertical ? "Right" : "Bottom"}Width`;
 	const height = isVertical ? "100%" : "";
@@ -30,5 +30,5 @@ var divider_default = Divider;
 
 //#endregion
 export { Divider, DividerBase, divider_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# 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,MAAO,GAAG,SAAS,iBAAiB,MAAM;CACzE,MAAM,SAAS,eAAe,WAAW,MAAM;CAG/C,MAAM,cAAc,SADD,aAAa,UAAU,SACF;CACxC,MAAM,SAAS,aAAa,SAAS;CAErC,MAAM,eAAe,gBAAgB,GAClC,cAAc,SAAS,GACzB,CAAC;AAEF,QACE,oBAAC;EACC,WAAW,GAAG,eAAe,UAAU;EACvC,GAAG;EACE;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;GACJ;EAEJ;AAEF,QAAQ,cAAc;AACtB,sBAAe"}
+{"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,MAAM;CACzE,MAAM,SAAS,eAAe,WAAW,MAAM;CAG/C,MAAM,cAAc,SADD,aAAa,UAAU,SACF;CACxC,MAAM,SAAS,aAAa,SAAS;CAErC,MAAM,eAAe,gBAAgB,GAClC,cAAc,SAAS,GACzB,CAAC;AAEF,QACE,oBAAC;EACC,WAAW,GAAG,eAAe,UAAU;EACvC,GAAG;EACE;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;GACJ;EAEJ;AAEF,QAAQ,cAAc;AACtB,sBAAe"}

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

@@ -14,4 +14,5 @@ type DividerProps = SystemProps & ThemingProps<'Divider'> & {
 };
 //#endregion
 export { DividerProps };
+
 //# sourceMappingURL=divider.types.d.ts.map

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

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

package/dist/divider/index.d.ts

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

package/dist/divider/theme.js

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

package/dist/dragAndDrop/dragAndDrop.d.ts

@@ -7,4 +7,5 @@ import "../index.js";
 declare const DragAndDrop: VuiComponent<"label", DragAndDropProps>;
 //#endregion
 export { DragAndDrop };
+
 //# sourceMappingURL=dragAndDrop.d.ts.map

package/dist/dragAndDrop/dragAndDrop.js

@@ -19,7 +19,7 @@ const DragAndDropBase = styled.labelBox`
 `;
 /** Prepares uploading files by selecting or dragging. */
 const DragAndDrop = vui((props, ref) => {
-	const { accept, className, icon = defaultIcon, selectFolderOnClick, selectFolderOnDrop, onFilesAdded, multiple = true, text = defaultText, children, disabled,...rest } = omitThemingProps(props);
+	const { accept, className, icon = defaultIcon, selectFolderOnClick, selectFolderOnDrop, onFilesAdded, multiple = true, text = defaultText, children, disabled, ...rest } = omitThemingProps(props);
 	const fileInput = useRef(null);
 	const styles = useStyleConfig("DragAndDrop", props);
 	const processFiles = (files) => Array.from(files).map((file) => file);
@@ -106,5 +106,5 @@ DragAndDrop.displayName = "DragAndDrop";
 
 //#endregion
 export { DragAndDrop };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=dragAndDrop.js.map

package/dist/dragAndDrop/dragAndDrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"dragAndDrop.js","names":["defaultIcon: IconProp","entriesPromises: Promise<File[]>[]","entries","files: File[]","files","T","Icon"],"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 fileInput = 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={fileInput}\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":";;;;;;;;;;AAUA,MAAMA,cAAwB;AAE9B,MAAM,cAAc;AAEpB,MAAM,YAAY;AAElB,MAAM,kBAAkB,OAAO,QAAQ;;;;;;;AAQvC,MAAa,cAAc,KAAgC,OAAO,QAAQ;CACxE,MAAM,EACJ,QACA,WACA,OAAO,aACP,qBACA,oBACA,cACA,WAAW,MACX,OAAO,aACP,UACA,SACA,GAAG,SACD,iBAAiB,MAAM;CAC3B,MAAM,YAAY,OAAyB,KAAK;CAChD,MAAM,SAAS,eAAe,eAAe,MAAM;CAEnD,MAAM,gBAAgB,UAA4B,MAAM,KAAK,MAAM,CAAC,KAAI,SAAQ,KAAK;CAErF,MAAM,mBAAmB,MAAqC;AAC5D,IAAE,gBAAgB;AAClB,MAAI,SAAU,QAAO;EACrB,MAAM,QAAQ,aAAa,GAAG,eAAe,MAAkB;AAC/D,MAAI,OAAO,QAAQ;AACjB,kBAAe,MAAM;AAErB,KAAE,cAAc,OAAO;AACvB,KAAE,cAAc,OAAO;;;CAI3B,MAAM,mCAAmC,sBAA6D;EACpG,MAAM,2BAA2B,MAAuB,OAAe,OACrE,IAAI,SAAQ,YAAW;AACrB,OAAI,KAAK,OAEP,CADkB,KACR,MAAK,SAAQ;AACpB,IAAC,KAAa,WAAW,OAAO,KAAK;AACtC,UAAM,KAAK,KAAK;AAChB,YAAQ,CAAC,KAAK,CAAC;KACf;YACO,KAAK,aAAa;IAC3B,MAAM,WAAW;AAEjB,IADkB,SAAS,cAAc,CAC/B,aAAY,YAAW;KAC/B,MAAMC,kBAAqC,QAAQ,KAAI,UACrD,wBAAwB,OAAO,OAAO,SAAS,OAAO,IAAI,CAC3D;AACD,aAAQ,QAAQ,IAAI,gBAAgB,CAAC,MAAK,cAAW,EAAE,CAAC,OAAO,GAAIC,UAAkB,CAAC,CAAC;MACvF;;IAEJ;EAEJ,MAAMC,QAAgB,EAAE;AACxB,SAAO,IAAI,SAAS,SAAS,WAAW;GACtC,MAAMF,kBAAqC,EAAE;AAC7C,QAAK,IAAI,IAAI,GAAG,IAAI,kBAAkB,QAAQ,KAAK;IACjD,MAAM,OAAO,kBAAkB,GAAG,kBAAkB;AACpD,QAAI,KAAM,iBAAgB,KAAK,wBAAwB,KAAK,CAAC;;AAE/D,WAAQ,IAAI,gBAAgB,CACzB,WAAW,QAAQ,MAAM,CAAC,CAC1B,MAAM,OAAO;IAChB;;CAGJ,MAAM,cAAc,MAA8B;AAChD,IAAE,gBAAgB;AAClB,MAAI,SAAU,QAAO;AAErB,MAAI,oBAAoB;GACtB,MAAM,QAAQ,EAAE,aAAa;AAC7B,mCAAgC,MAAM,CAAC,MAAK,YAASG,SAAO,UAAU,eAAeA,QAAM,CAAC;AAC5F;;EAGF,MAAM,QAAQ,EAAE,cAAc,QAAQ,aAAa,EAAE,aAAa,MAAM,GAAG,EAAE;AAC7E,MAAI,OAAO,OAAQ,gBAAe,MAAM;;AAG1C,QACE,qBAAC;EACC,WAAW,GAAG,qBAAqB,UAAU;EAC7C,QAAQ,WAAW,gBAAgB;EACnC,cAAa,MAAK,EAAE,gBAAgB;EACpC,aAAY,MAAK,EAAE,gBAAgB;EACnC,SAAQ,MAAK,WAAW,EAAE;EAC1B,SAAS,WAAW,KAAM;EAC1B,GAAG;EACH,eAAe,WAAW,SAAS;EAC9B;EACL,GAAI;EACJ,GAAI;aAEH,YACC,qBAACC;GAAE,SAAQ;cACT,oBAACC;IAAK,IAAI;IAAG,MAAM;KAAQ,EAC1B;IACC,EAEN,oBAAC;GACS;GACR,WAAU;GACA;GACV,UAAU;GACV,KAAK;GACL,OAAO,EAAE,SAAS,QAAQ;GAC1B,MAAM;GACN,GAAK,uBAAuB;IAAE,iBAAiB;IAAQ,WAAW;IAAQ;IAC1E;GACc;EAEpB;AAEF,YAAY,cAAc"}
+{"version":3,"file":"dragAndDrop.js","names":["defaultIcon: IconProp","entriesPromises: Promise<File[]>[]","entries","files: File[]","files","T","Icon"],"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 fileInput = 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={fileInput}\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":";;;;;;;;;;AAUA,MAAMA,cAAwB;AAE9B,MAAM,cAAc;AAEpB,MAAM,YAAY;AAElB,MAAM,kBAAkB,OAAO,QAAQ;;;;;;;AAQvC,MAAa,cAAc,KAAgC,OAAO,QAAQ;CACxE,MAAM,EACJ,QACA,WACA,OAAO,aACP,qBACA,oBACA,cACA,WAAW,MACX,OAAO,aACP,UACA,UACA,GAAG,SACD,iBAAiB,MAAM;CAC3B,MAAM,YAAY,OAAyB,KAAK;CAChD,MAAM,SAAS,eAAe,eAAe,MAAM;CAEnD,MAAM,gBAAgB,UAA4B,MAAM,KAAK,MAAM,CAAC,KAAI,SAAQ,KAAK;CAErF,MAAM,mBAAmB,MAAqC;AAC5D,IAAE,gBAAgB;AAClB,MAAI,SAAU,QAAO;EACrB,MAAM,QAAQ,aAAa,GAAG,eAAe,MAAkB;AAC/D,MAAI,OAAO,QAAQ;AACjB,kBAAe,MAAM;AAErB,KAAE,cAAc,OAAO;AACvB,KAAE,cAAc,OAAO;;;CAI3B,MAAM,mCAAmC,sBAA6D;EACpG,MAAM,2BAA2B,MAAuB,OAAe,OACrE,IAAI,SAAQ,YAAW;AACrB,OAAI,KAAK,OAEP,CADkB,KACR,MAAK,SAAQ;AACpB,IAAC,KAAa,WAAW,OAAO,KAAK;AACtC,UAAM,KAAK,KAAK;AAChB,YAAQ,CAAC,KAAK,CAAC;KACf;YACO,KAAK,aAAa;IAC3B,MAAM,WAAW;AAEjB,IADkB,SAAS,cAAc,CAC/B,aAAY,YAAW;KAC/B,MAAMC,kBAAqC,QAAQ,KAAI,UACrD,wBAAwB,OAAO,OAAO,SAAS,OAAO,IAAI,CAC3D;AACD,aAAQ,QAAQ,IAAI,gBAAgB,CAAC,MAAK,cAAW,EAAE,CAAC,OAAO,GAAIC,UAAkB,CAAC,CAAC;MACvF;;IAEJ;EAEJ,MAAMC,QAAgB,EAAE;AACxB,SAAO,IAAI,SAAS,SAAS,WAAW;GACtC,MAAMF,kBAAqC,EAAE;AAC7C,QAAK,IAAI,IAAI,GAAG,IAAI,kBAAkB,QAAQ,KAAK;IACjD,MAAM,OAAO,kBAAkB,GAAG,kBAAkB;AACpD,QAAI,KAAM,iBAAgB,KAAK,wBAAwB,KAAK,CAAC;;AAE/D,WAAQ,IAAI,gBAAgB,CACzB,WAAW,QAAQ,MAAM,CAAC,CAC1B,MAAM,OAAO;IAChB;;CAGJ,MAAM,cAAc,MAA8B;AAChD,IAAE,gBAAgB;AAClB,MAAI,SAAU,QAAO;AAErB,MAAI,oBAAoB;GACtB,MAAM,QAAQ,EAAE,aAAa;AAC7B,mCAAgC,MAAM,CAAC,MAAK,YAASG,SAAO,UAAU,eAAeA,QAAM,CAAC;AAC5F;;EAGF,MAAM,QAAQ,EAAE,cAAc,QAAQ,aAAa,EAAE,aAAa,MAAM,GAAG,EAAE;AAC7E,MAAI,OAAO,OAAQ,gBAAe,MAAM;;AAG1C,QACE,qBAAC;EACC,WAAW,GAAG,qBAAqB,UAAU;EAC7C,QAAQ,WAAW,gBAAgB;EACnC,cAAa,MAAK,EAAE,gBAAgB;EACpC,aAAY,MAAK,EAAE,gBAAgB;EACnC,SAAQ,MAAK,WAAW,EAAE;EAC1B,SAAS,WAAW,KAAM;EAC1B,GAAG;EACH,eAAe,WAAW,SAAS;EAC9B;EACL,GAAI;EACJ,GAAI;aAEH,YACC,qBAACC;GAAE,SAAQ;cACT,oBAACC;IAAK,IAAI;IAAG,MAAM;KAAQ,EAC1B;IACC,EAEN,oBAAC;GACS;GACR,WAAU;GACA;GACV,UAAU;GACV,KAAK;GACL,OAAO,EAAE,SAAS,QAAQ;GAC1B,MAAM;GACN,GAAK,uBAAuB;IAAE,iBAAiB;IAAQ,WAAW;IAAQ;IAC1E;GACc;EAEpB;AAEF,YAAY,cAAc"}

package/dist/dragAndDrop/dragAndDrop.types.d.ts

@@ -25,4 +25,5 @@ type DragAndDropProps = Omit<BoxProps, 'variant'> & ThemingProps<'DragAndDrop'>
 };
 //#endregion
 export { DragAndDropProps };
+
 //# sourceMappingURL=dragAndDrop.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dragAndDrop.types.d.ts","names":[],"sources":["../../src/dragAndDrop/dragAndDrop.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAIY,gBAAA,CAAA,CAAA,CAAmB,KAAK,uBAClC;;;;EADU,QAAA,CAAA,CAAA,CAAA,OAAA;EAAwB,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,OAAA,CAAA,IAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,cAAA,CAAA,CAAA,CAAA;EAAL,IAAA,CAAA,CAAA,CAOpB,QAPoB;EAC7B,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,MAAA,CAAA,SAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA,OAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAMS,mBAAA,CAAA,CAAA,CAAA,OAAA;EAUgB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,MAAA,CAAA,SAAA,CAAA,KAAA,CAAA,IAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAAI,kBAAA,CAAA,CAAA,CAAA,OAAA;;;;;;yBAAJ"}
+{"version":3,"file":"dragAndDrop.types.d.ts","names":[],"sources":["../../src/dragAndDrop/dragAndDrop.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAIY,gBAAA,GAAmB,KAAK,uBAClC;;;;EADU,QAAA,CAAA,EAAA,OAAA;EAAwB;EAAL,IAAA,CAAA,EAOpB,QAPoB;EAC7B;EAMS,mBAAA,CAAA,EAAA,OAAA;EAUgB;EAAI,kBAAA,CAAA,EAAA,OAAA;;;;;;yBAAJ"}

package/dist/dragAndDrop/index.d.ts

@@ -1,2 +1,2 @@
 import { DragAndDropProps } from "./dragAndDrop.types.js";
-import { DragAndDrop } from "./dragAndDrop.js";
+import { DragAndDrop } from "./dragAndDrop.js";

package/dist/dragAndDrop/theme.js

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

package/dist/drawer/drawer.d.ts

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

package/dist/drawer/drawer.js

@@ -31,5 +31,5 @@ Drawer.displayName = "Drawer";
 
 //#endregion
 export { Drawer };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=drawer.js.map

package/dist/drawer/drawer.types.d.ts

@@ -17,4 +17,5 @@ type DrawerProps = SystemProps & ThemingProps<'Drawer'> & {
 };
 //#endregion
 export { DrawerProps };
+
 //# sourceMappingURL=drawer.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.types.d.ts","names":[],"sources":["../../src/drawer/drawer.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAIY,WAAA,CAAA,CAAA,CAAc,cACxB;;gBAEgB;;EAHN,MAAA,CAAA,CAAA,CAAA,OAAW;EAAG,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,EAAA,CAAA,IAAA,CAAA,CAAA,CAAA,OAAA,CAAA,KAAA,CAAA,CAAA;EACxB,MAAA,CAAA,CAAA,CAAA,OAAA;EAEgB,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA,IAAA,CAAA,GAAA,CAAA,MAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA;EAAW,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA"}
+{"version":3,"file":"drawer.types.d.ts","names":[],"sources":["../../src/drawer/drawer.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAIY,WAAA,GAAc,cACxB;;gBAEgB;;EAHN,MAAA,CAAA,EAAA,OAAW;EAAG;EACxB,MAAA,CAAA,EAAA,OAAA;EAEgB;EAAW,OAAA,CAAA,EAAA,GAAA,GAAA,IAAA"}

package/dist/drawer/index.d.ts

@@ -1,2 +1,2 @@
 import { DrawerProps } from "./drawer.types.js";
-import { Drawer } from "./drawer.js";
+import { Drawer } from "./drawer.js";

package/dist/drawer/theme.js

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

package/dist/focusLock/focusLock.d.ts

@@ -13,4 +13,5 @@ import { FC } from "react";
 declare const FocusLock: FC<FocusLockProps & ChildrenProp>;
 //#endregion
 export { FocusLock };
+
 //# sourceMappingURL=focusLock.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"focusLock.d.ts","names":[],"sources":["../../src/focusLock/focusLock.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAaA,CAAA,CAAA,CAAA,OAAA,CAAA,KAAA,CAAA,GAAA,CAAA,QAAA,CAAA,IAAA,CAAA,IAAA,CAAA,KAAA,CAAA,OAAA,CAAA,GAAA,CAAA,QAAA,CAAA,GAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,CAAA,GAAA,CAAA,QAAA,CAAA,EAAA,CAAA,GAAA,CAAA,SAAA,CAAA,OAAA;;AAA4C,OAAA,CAAA,KAAA,CAA/B,SAA+B,CAAA,CAApB,EAAoB,CAAjB,cAAiB,CAAA,CAAA,CAAA,YAAA,CAAA"}
+{"version":3,"file":"focusLock.d.ts","names":[],"sources":["../../src/focusLock/focusLock.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAaA;;AAA4C,cAA/B,SAA+B,EAApB,EAAoB,CAAjB,cAAiB,GAAA,YAAA,CAAA"}

package/dist/focusLock/focusLock.js

@@ -30,5 +30,5 @@ var focusLock_default = FocusLock;
 
 //#endregion
 export { FocusLock, focusLock_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=focusLock.js.map

package/dist/focusLock/focusLock.types.d.ts

@@ -28,4 +28,5 @@ type FocusLockProps = {
 };
 //#endregion
 export { FocusLockProps, FocusableElement };
+
 //# sourceMappingURL=focusLock.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"focusLock.types.d.ts","names":[],"sources":["../../src/focusLock/focusLock.types.ts"],"sourcesContent":[],"mappings":";KAAY,gBAAA,CAAA,CAAA;EAAA,KAAA,CAAA,OAAgB,CAAhB,CAAA,CACM,YADU,CAAA,CAAA,CAAA,IACV;AAGlB,CAAA;AAckC,IAAA,CAdtB,cAAA,CAAA,CAAA,CAcsB;EAAhB,CAAA,CAAA;;;;;;;;;;;;;kBAAA,KAAA,CAAM,UAAU;;oBAEd,KAAA,CAAM,UAAU"}
+{"version":3,"file":"focusLock.types.d.ts","names":[],"sources":["../../src/focusLock/focusLock.types.ts"],"sourcesContent":[],"mappings":";KAAY,gBAAA;EAAA,KAAA,CAAA,OAAgB,CAAhB,EACM,YADU,CAAA,EACV,IAAA;AAGlB,CAAA;AAckC,KAdtB,cAAA,GAcsB;EAAhB;;;;;;;;;;;;;kBAAA,KAAA,CAAM,UAAU;;oBAEd,KAAA,CAAM,UAAU"}

package/dist/focusLock/index.d.ts

@@ -1,2 +1,2 @@
 import { FocusLockProps, FocusableElement } from "./focusLock.types.js";
-import { FocusLock } from "./focusLock.js";
+import { FocusLock } from "./focusLock.js";

package/dist/footer/applicationFooter.d.ts

@@ -6,4 +6,5 @@ import "../index.js";
 declare const ApplicationFooter: VuiComponent<"div", Omit<FooterProps, "isApplication" | "isSlim">>;
 //#endregion
 export { ApplicationFooter };
+
 //# sourceMappingURL=applicationFooter.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"applicationFooter.d.ts","names":[],"sources":["../../src/footer/applicationFooter.tsx"],"sourcesContent":[],"mappings":";;;;;cAMa,mBAAiB,oBAAA,KAgE5B,WAAA,CAAA"}
+{"version":3,"file":"applicationFooter.d.ts","names":[],"sources":["../../src/footer/applicationFooter.tsx"],"sourcesContent":[],"mappings":";;;;;cAMa,mBAAiB,oBAAA,KAgE5B,WAAA"}

package/dist/footer/applicationFooter.js

@@ -6,7 +6,7 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/footer/applicationFooter.tsx
 const ApplicationFooter = vui((props, ref) => {
-	const { applicationLinks, applicationStaticItems = [], className, isDNV = false, linkedIn,...rest } = props;
+	const { applicationLinks, applicationStaticItems = [], className, isDNV = false, linkedIn, ...rest } = props;
 	const applicationSocialLinks = [];
 	let localLinkedIn = "";
 	if (isDNV) {
@@ -59,5 +59,5 @@ ApplicationFooter.displayName = "ApplicationFooter";
 
 //#endregion
 export { ApplicationFooter };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=applicationFooter.js.map

package/dist/footer/applicationFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"applicationFooter.js","names":["applicationSocialLinks: { id: string; text: string; url: string }[]","Footer"],"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  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,EAAE,EAAE,WAAW,QAAQ,OAAO,SAAU,GAAG,SAAS;CAEvG,MAAMA,yBAAsE,EAAE;CAC9E,IAAI,gBAAgB;AAEpB,KAAI,OAAO;AACT,yBAAuB,OAAO,GAAG,uBAAuB,OAAO;AAG/D,yBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;GACN,CAAC;AACF,yBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;GACN,CAAC;AACF,yBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;GACN,CAAC;AACF,yBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;GACN,CAAC;AAEF,kBAAgB;QACX;AAEL,yBAAuB,OAAO,GAAG,uBAAuB,SAAS,EAAE;AAEnE,yBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;GACN,CAAC;AAEF,kBAAgB,YAAY;;AAG9B,QACE,oBAACC;EACmB;EACM;EACA;EACxB,WAAW,GACT,yBACA,QAAQ,6BAA6B,iCACrC,UACD;EACD;EACO;EACP;EACA,UAAU;EACL;EACL,SAAQ;EACR,GAAI;GACJ;EAEJ;AAEF,kBAAkB,cAAc"}
+{"version":3,"file":"applicationFooter.js","names":["applicationSocialLinks: { id: string; text: string; url: string }[]","Footer"],"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  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,EAAE,EAAE,WAAW,QAAQ,OAAO,UAAU,GAAG,SAAS;CAEvG,MAAMA,yBAAsE,EAAE;CAC9E,IAAI,gBAAgB;AAEpB,KAAI,OAAO;AACT,yBAAuB,OAAO,GAAG,uBAAuB,OAAO;AAG/D,yBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;GACN,CAAC;AACF,yBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;GACN,CAAC;AACF,yBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;GACN,CAAC;AACF,yBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;GACN,CAAC;AAEF,kBAAgB;QACX;AAEL,yBAAuB,OAAO,GAAG,uBAAuB,SAAS,EAAE;AAEnE,yBAAuB,KAAK;GAC1B,IAAI;GACJ,MAAM;GACN,KAAK;GACN,CAAC;AAEF,kBAAgB,YAAY;;AAG9B,QACE,oBAACC;EACmB;EACM;EACA;EACxB,WAAW,GACT,yBACA,QAAQ,6BAA6B,iCACrC,UACD;EACD;EACO;EACP;EACA,UAAU;EACL;EACL,SAAQ;EACR,GAAI;GACJ;EAEJ;AAEF,kBAAkB,cAAc"}

package/dist/footer/context.js

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

package/dist/footer/footer.d.ts

@@ -9,10 +9,10 @@ import { FooterLink } from "./footerLink.js";
 import { FooterRow } from "./footerRow.js";
 import { FooterSection } from "./footerSection.js";
 import "../index.js";
-import * as styled_components377 from "styled-components";
+import * as styled_components445 from "styled-components";
 
 //#region src/footer/footer.d.ts
-declare const FooterBase: styled_components377.StyledComponent<"div", styled_components377.DefaultTheme, SystemProps, never>;
+declare const FooterBase: styled_components445.StyledComponent<"div", styled_components445.DefaultTheme, SystemProps, never>;
 /** Branded Veracity Footer with trademark and links sections. Controls max-width of the content. */
 declare const Footer: VuiComponent<"div", FooterProps> & {
   Column: typeof FooterColumn;
@@ -24,4 +24,5 @@ declare const Footer: VuiComponent<"div", FooterProps> & {
 };
 //#endregion
 export { Footer, FooterBase };
+
 //# sourceMappingURL=footer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","names":[],"sources":["../../src/footer/footer.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;cAoBa,YAAU,oBAAA,CAAA,uBAItB,oBAAA,CAJsB,YAAA,CAAA,CAAA,WAAA,CAAA;;cASV,QAkNP,oBAAoB;iBACT;kBACC;kBACA;EA9NL,IAAA,CAAA,CAAA,MAAA,CA+NE,UA3Nd;EAAA,GAAA,CAAA,CAAA,MAAA,CA4Na,SAhOS;EAAA,OAAA,CAAA,CAAA,MAAA,CAiOL,aAjOK;CAAA"}
+{"version":3,"file":"footer.d.ts","names":[],"sources":["../../src/footer/footer.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;cAoBa,YAAU,oBAAA,CAAA,uBAItB,oBAAA,CAJsB,YAAA,EAAA,WAAA;;cASV,QAkNP,oBAAoB;iBACT;kBACC;kBACA;EA9NL,IAAA,EAAA,OA+NE,UA3Nd;EAAA,GAAA,EAAA,OA4Na,SAhOS;EAAA,OAAA,EAAA,OAiOL,aAjOK;CAAA"}

package/dist/footer/footer.js

@@ -30,7 +30,7 @@ const FooterBase = styled.divBox`
 const currentYear = getCurrentYear();
 /** Branded Veracity Footer with trademark and links sections. Controls max-width of the content. */
 const Footer = vui((props, ref) => {
-	const { applicationLinks, applicationSocialLinks = [], applicationStaticItems = [], children, className, columns, isApplication = false, isDNV = false, linkedIn, size, variant, isSlim,...rest } = props;
+	const { applicationLinks, applicationSocialLinks = [], applicationStaticItems = [], children, className, columns, isApplication = false, isDNV = false, linkedIn, size, variant, isSlim, ...rest } = props;
 	const context = {
 		size,
 		variant
@@ -287,5 +287,5 @@ var footer_default = Footer;
 
 //#endregion
 export { Footer, FooterBase, footer_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=footer.js.map

package/dist/footer/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","names":["slimLinks: FooterLinkData[]","FooterContent","FooterRow","Menu","index","FooterLink","FooterHeading","FooterSlimColumn","FooterColumns","FooterColumn","FooterSection"],"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  padding: 5 3;\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' : 3}\n        py={isSlim ? (downMd ? '16px' : '9px') : 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 0 50%' }}\n                py={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\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=\"3px\"\n                          role=\"button\"\n                          text={link.text}\n                          title={link.text}\n                          {...styles.link}\n                          {...rest}\n                        />\n\n                        <Menu.List maxH={400} right={0} w={320} {...styles.list}>\n                          {link.items.map(({ text, url }, index) => (\n                            <Menu.Item\n                              isTruncated\n                              key={index}\n                              linkProps={{ href: url }}\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} />}\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 0 50%' }}\n                justifyContent={{ sm: 'center', lg: 'flex-end' }}\n                py={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\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                      iconLeft={\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, 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} />\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                  iconLeft={<Link.Icon mr={1} 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            <FooterColumns columns={columns} />\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":["slimLinks: FooterLinkData[]","FooterContent","FooterRow","Menu","index","FooterLink","FooterHeading","FooterSlimColumn","FooterColumns","FooterColumn","FooterSection"],"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  padding: 5 3;\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' : 3}\n        py={isSlim ? (downMd ? '16px' : '9px') : 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 0 50%' }}\n                py={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\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=\"3px\"\n                          role=\"button\"\n                          text={link.text}\n                          title={link.text}\n                          {...styles.link}\n                          {...rest}\n                        />\n\n                        <Menu.List maxH={400} right={0} w={320} {...styles.list}>\n                          {link.items.map(({ text, url }, index) => (\n                            <Menu.Item\n                              isTruncated\n                              key={index}\n                              linkProps={{ href: url }}\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} />}\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 0 50%' }}\n                justifyContent={{ sm: 'center', lg: 'flex-end' }}\n                py={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\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                      iconLeft={\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, 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} />\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                  iconLeft={<Link.Icon mr={1} 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            <FooterColumns columns={columns} />\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/footer.types.d.ts

@@ -51,4 +51,5 @@ type FooterTrademarkProps = BoxProps & {
 };
 //#endregion
 export { ApplicationFooterProps, FooterColumnData, FooterColumnProps, FooterColumnsProps, FooterContentProps, FooterContext, FooterLinkData, FooterProps, FooterSectionData, FooterSectionProps, FooterTrademarkProps };
+
 //# sourceMappingURL=footer.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"footer.types.d.ts","names":[],"sources":["../../src/footer/footer.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAIY,gBAAA,CAAA,CAAA,CAAmB;KAEnB,iBAAA,CAAA,CAAA,CAAoB;EAFpB,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,SAAA,CAAA,GAAA,CAAA,QAAA,CAAA,GAAA,CAAA,KAAA,CAAA,CAAA;EAEA,QAAA,CAAA,CAAA,CAEC,iBAFgB,CAAA,CAAA;AAK7B,CAAA;AAIY,IAAA,CAJA,kBAAA,CAAA,CAAA,CAAqB,QAIA,CAAA,CAAA,CAAA;EAErB,OAAA,CAAA,CAAA,CALA,gBAKa,CAAA,CAAA;AAGzB,CAAA;AAQY,IAAA,CAbA,kBAAA,CAAA,CAAA,CAAqB,QAaV;AAAQ,IAAA,CAXnB,aAAA,CAAA,CAAA,CAAgB,IAWG,CAXE,WAWF,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;;AAC7B,IAAA,CATU,cAAA,CAAA,CAAA,CASV;EACK,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,IAAA,CAAA,IAAA,CAAA,UAAA,CAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,UAAA,CAAA,CAAA,CAAA;EAAL,EAAA,CAAA,CAAA,CAAA,MAAA;EACqB,IAAA,CAAA,CAAA,MAAA;EACM,GAAA,CAAA,CAAA,CAAA,MAAA;EAGf,KAAA,CAAA,CAAA,CAVJ,cAUI,CAAA,CAAA;CAAgB;AAMlB,IAAA,CAbA,WAAA,CAAA,CAAA,CAAc,IAaQ,CAbH,QAaG,CAAA,CAAA,CAAA,IAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,OAAA,CAAL,CAAI,CAAA,CAAA,CAZvC,YAYuC,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAXvC,IAWuC,CAXlC,oBAWkC,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA;EAG7B,gBAAA,CAAA,CAAA,CAbW,cAgBb,CAAA,CAAA;EAGE,sBAAkB,CAAA,CAAA,CAlBD,cAkBC,CAAA,CAAA;EAAG,sBAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA;EAErB,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,QAAA,CAAA,OAAA,CAAA,EAAA,CAAA,QAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAA+B,OAAI,CAAA,CAAA,CAjBjC,gBAiBiC,CAAA,CAAA;EAErC,aAAA,CAAA,CAAA,CAAA,OAAA;EAA6B,MAAI,CAAA,CAAA,CAAA,OAAA;EAAO,KAAA,CAAA,CAAA,CAAA,OAAA;AAGlD,CAAA;KAhBY,sBAAA,CAAA,CAAA,CAAyB,KAAK;;KAG9B,iBAAA,CAAA,CAAA;;;UAGF;;KAGE,kBAAA,CAAA,CAAA,CAAqB;;YAErB,+BAA+B,GAAA,CAAI;;UAErC,6BAA6B,GAAA,CAAI;;KAG/B,oBAAA,CAAA,CAAA,CAAuB"}
+{"version":3,"file":"footer.types.d.ts","names":[],"sources":["../../src/footer/footer.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAIY,gBAAA,GAAmB;KAEnB,iBAAA,GAAoB;EAFpB;EAEA,QAAA,CAAA,EAEC,iBAFgB,EAAA;AAK7B,CAAA;AAIY,KAJA,kBAAA,GAAqB,QAIA,GAAA;EAErB,OAAA,CAAA,EALA,gBAKa,EAAA;AAGzB,CAAA;AAQY,KAbA,kBAAA,GAAqB,QAaV;AAAQ,KAXnB,aAAA,GAAgB,IAWG,CAXE,WAWF,EAAA,MAAA,GAAA,SAAA,CAAA;;AAC7B,KATU,cAAA,GASV;EACK;EAAL,EAAA,CAAA,EAAA,MAAA;EACqB,IAAA,EAAA,MAAA;EACM,GAAA,CAAA,EAAA,MAAA;EAGf,KAAA,CAAA,EAVJ,cAUI,EAAA;CAAgB;AAMlB,KAbA,WAAA,GAAc,IAaQ,CAbH,QAaG,EAAA,MAAQ,GAAA,SAAL,CAAI,GAZvC,YAYuC,CAAA,QAAA,CAAA,GAXvC,IAWuC,CAXlC,oBAWkC,EAAA,UAAA,CAAA,GAAA;EAG7B,gBAAA,CAAA,EAbW,cAgBb,EAAA;EAGE,sBAAkB,CAAA,EAlBD,cAkBC,EAAA;EAAG,sBAAA,CAAA,EAAA,MAAA,EAAA;EAErB;EAA+B,OAAI,CAAA,EAjBjC,gBAiBiC,EAAA;EAErC,aAAA,CAAA,EAAA,OAAA;EAA6B,MAAI,CAAA,EAAA,OAAA;EAAO,KAAA,CAAA,EAAA,OAAA;AAGlD,CAAA;KAhBY,sBAAA,GAAyB,KAAK;;KAG9B,iBAAA;;;UAGF;;KAGE,kBAAA,GAAqB;;YAErB,+BAA+B,GAAA,CAAI;;UAErC,6BAA6B,GAAA,CAAI;;KAG/B,oBAAA,GAAuB"}

package/dist/footer/footerColumn.d.ts

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

package/dist/footer/footerColumn.js

@@ -9,7 +9,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/footer/footerColumn.tsx
 /** Organizes sections with links into a single column. Different width per breakpoint. */
 const FooterColumn = vui((props, ref) => {
-	const { children, className, sections, flex,...rest } = props;
+	const { children, className, sections, flex, ...rest } = props;
 	const styles = useStyleConfig("Footer", useFooterContext());
 	return /* @__PURE__ */ jsx(box_default, {
 		className: cs("vui-footerColumn", className),
@@ -38,5 +38,5 @@ var footerColumn_default = FooterColumn;
 
 //#endregion
 export { footerColumn_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=footerColumn.js.map

package/dist/footer/footerColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"footerColumn.js","names":["Box","FooterSection"],"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, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerColumn', className)}\n      column\n      flex={flex ?? { xs: '0 0 50%', sm: '0 0 50%', md: '0 0 25%' }}\n      minW={164}\n      p={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\n      ref={ref}\n      spaceY={4}\n      {...styles.column}\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,KAAM,GAAG,SAAS;CACzD,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,oBAAoB,UAAU;EAC5C;EACA,MAAM,QAAQ;GAAE,IAAI;GAAW,IAAI;GAAW,IAAI;GAAW;EAC7D,MAAM;EACN,GAAG;GAAE,IAAI;GAAG,IAAI;GAAG,IAAI;GAAM,IAAI;GAAK;EACjC;EACL,QAAQ;EACR,GAAI,OAAO;EACX,GAAI;YAEH,YAAY,UAAU,KAAK,SAAS,UAAU,oBAACC,yBAA0B,GAAI,WAAX,MAAsB,CAAC;GACtF;EAER;AAEF,aAAa,cAAc;AAC3B,2BAAe"}
+{"version":3,"file":"footerColumn.js","names":["Box","FooterSection"],"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, ...rest } = props\n  const styles = useStyleConfig('Footer', useFooterContext())\n\n  return (\n    <Box\n      className={cs('vui-footerColumn', className)}\n      column\n      flex={flex ?? { xs: '0 0 50%', sm: '0 0 50%', md: '0 0 25%' }}\n      minW={164}\n      p={{ xs: 1, sm: 1, md: 1.25, lg: 1.5 }}\n      ref={ref}\n      spaceY={4}\n      {...styles.column}\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,GAAG,SAAS;CACzD,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,oBAAoB,UAAU;EAC5C;EACA,MAAM,QAAQ;GAAE,IAAI;GAAW,IAAI;GAAW,IAAI;GAAW;EAC7D,MAAM;EACN,GAAG;GAAE,IAAI;GAAG,IAAI;GAAG,IAAI;GAAM,IAAI;GAAK;EACjC;EACL,QAAQ;EACR,GAAI,OAAO;EACX,GAAI;YAEH,YAAY,UAAU,KAAK,SAAS,UAAU,oBAACC,yBAA0B,GAAI,WAAX,MAAsB,CAAC;GACtF;EAER;AAEF,aAAa,cAAc;AAC3B,2BAAe"}

package/dist/footer/footerColumns.js

@@ -37,5 +37,5 @@ var footerColumns_default = FooterColumns;
 
 //#endregion
 export { footerColumns_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=footerColumns.js.map

package/dist/footer/footerContent.d.ts

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

package/dist/footer/footerContent.js

@@ -8,7 +8,7 @@ import { jsx } from "react/jsx-runtime";
 //#region src/footer/footerContent.tsx
 /** Controls max-width of the content and centers itself horizontally. */
 const FooterContent = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const styles = useStyleConfig("Footer", useFooterContext());
 	return /* @__PURE__ */ jsx(box_default, {
 		className: cs("vui-footerContent", className),
@@ -37,5 +37,5 @@ var footerContent_default = FooterContent;
 
 //#endregion
 export { FooterContent, footerContent_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=footerContent.js.map