@veracity/vui 3.2.0 → 4.0.0-alpha.366771.2601090922

package/dist/display/display.js

@@ -1,13 +1,15 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { omitThemingProps, useStyleConfig } from "../core/theme.js";
 import { styled } from "../core/styled.js";
 import { vui } from "../core/vui.js";
+import "../core/index.js";
 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 +24,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/index.js

@@ -0,0 +1,3 @@
+import display_default, { DisplayBase } from "./display.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

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_components373 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_components373.StyledComponent<"hr", styled_components373.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,oBAAA,CAAA,sBAEvB,oBAAA,CAFuB,YAAA,EAAA,WAAA;;cAKX,SAAO,mBAAA"}

package/dist/divider/divider.js

@@ -1,8 +1,10 @@
 import { filterUndefined } from "../utils/object.js";
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { omitThemingProps, useStyleConfig } from "../core/theme.js";
 import { styled } from "../core/styled.js";
 import { vui } from "../core/vui.js";
+import "../core/index.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/divider/divider.tsx
@@ -11,7 +13,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 +32,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/index.js

@@ -0,0 +1,3 @@
+import divider_default, { Divider, DividerBase } from "./divider.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

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

@@ -1,9 +1,13 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { omitThemingProps, useStyleConfig } from "../core/theme.js";
 import { styled } from "../core/styled.js";
 import { vui } from "../core/vui.js";
 import icon_default from "../icon/icon.js";
+import "../icon/index.js";
 import t_default from "../t/t.js";
+import "../t/index.js";
+import "../core/index.js";
 import { useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -19,8 +23,8 @@ 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 fileInput = useRef(null);
+	const { accept, className, icon = defaultIcon, selectFolderOnClick, selectFolderOnDrop, onFilesAdded, multiple = true, text = defaultText, children, disabled, ...rest } = omitThemingProps(props);
+	const fileInputRef = useRef(null);
 	const styles = useStyleConfig("DragAndDrop", props);
 	const processFiles = (files) => Array.from(files).map((file) => file);
 	const handleFileInput = (e) => {
@@ -92,7 +96,7 @@ const DragAndDrop = vui((props, ref) => {
 			className: "vui-drag-and-drop-hidden-input",
 			multiple,
 			onChange: handleFileInput,
-			ref: fileInput,
+			ref: fileInputRef,
 			style: { display: "none" },
 			type: inputType,
 			...selectFolderOnClick && {
@@ -106,5 +110,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 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":";;;;;;;;;;;;;;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,eAAe,OAAyB,KAAK;CACnD,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

@@ -1,8 +1,8 @@
 import { ThemingProps } from "../theme/types.js";
-import { BoxProps } from "../box/box.types.js";
-import "../box/index.js";
 import { IconProp } from "../icon/icon.types.js";
 import "../icon/index.js";
+import { BoxProps } from "../box/box.types.js";
+import "../box/index.js";
 
 //#region src/dragAndDrop/dragAndDrop.types.d.ts
 type DragAndDropProps = Omit<BoxProps, 'variant'> & ThemingProps<'DragAndDrop'> & {
@@ -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/index.js

@@ -0,0 +1,3 @@
+import { DragAndDrop } from "./dragAndDrop.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

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

@@ -1,8 +1,12 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { omitThemingProps, useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import box_default from "../box/box.js";
+import "../box/index.js";
+import "../core/index.js";
 import dialog_default from "../dialog/dialog.js";
+import "../dialog/index.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/drawer/drawer.tsx
@@ -31,5 +35,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.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","names":["Dialog","Box"],"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,MAAM;CAC7F,MAAM,SAAS,eAAe,UAAU,MAAM;AAI9C,QACE,oBAACA;EAAe;EAAiB;EAAS,WAH1B,SAAS,SAAS;EAGmC;EAAK,GAAI;YAC5E,oBAACC;GAAI,WAAW,GAAG,cAAc,UAAU;GAAE;GAAO,GAAG;GAAG,GAAI;GAAQ,GAAE;GAAQ,UAAS;GACtF;IACG;GACC;EAEX;AAEF,OAAO,cAAc"}
+{"version":3,"file":"drawer.js","names":["Dialog","Box"],"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,MAAM;CAC7F,MAAM,SAAS,eAAe,UAAU,MAAM;AAI9C,QACE,oBAACA;EAAe;EAAiB;EAAS,WAH1B,SAAS,SAAS;EAGmC;EAAK,GAAI;YAC5E,oBAACC;GAAI,WAAW,GAAG,cAAc,UAAU;GAAE;GAAO,GAAG;GAAG,GAAI;GAAQ,GAAE;GAAQ,UAAS;GACtF;IACG;GACC;EAEX;AAEF,OAAO,cAAc"}

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/index.js

@@ -0,0 +1,3 @@
+import { Drawer } from "./drawer.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

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,EAAA,IACV;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/focusLock/index.js

@@ -0,0 +1,3 @@
+import focusLock_default, { FocusLock } from "./focusLock.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

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

@@ -1,12 +1,14 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { vui } from "../core/vui.js";
+import "../core/index.js";
 import { defaultLinkedInUrl } from "./footerTrademark.js";
 import footer_default from "./footer.js";
 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 +61,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

@@ -1,9 +1,10 @@
 import { createContext } from "../utils/react.js";
+import "../utils/index.js";
 
 //#region src/footer/context.ts
 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/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,MAAM,CAAC"}
+{"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,MAAM,CAAC"}

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_components419 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_components419.StyledComponent<"div", styled_components419.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

@@ -1,14 +1,21 @@
 import { getCurrentYear } from "../utils/dates.js";
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { useDown } from "../core/media.js";
 import { styled } from "../core/styled.js";
 import { vui } from "../core/vui.js";
 import { Box } from "../box/box.js";
+import "../box/index.js";
 import { T } from "../t/t.js";
+import "../t/index.js";
+import "../core/index.js";
 import { Divider } from "../divider/divider.js";
+import "../divider/index.js";
 import { Link } from "../link/link.js";
+import "../link/index.js";
 import menu_default from "../menu/menu.js";
+import "../menu/index.js";
 import { FooterProvider } from "./context.js";
 import footerHeading_default from "./footerHeading.js";
 import footerLink_default from "./footerLink.js";
@@ -30,7 +37,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 +294,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