@veracity/vui 3.0.0-beta.8 → 3.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"dragAndDrop.d.ts","names":[],"sources":["../../src/dragAndDrop/dragAndDrop.tsx"],"sourcesContent":[],"mappings":";;;;;cAwBa,aAAW,sBAAA"}
+{"version":3,"file":"dragAndDrop.d.ts","names":[],"sources":["../../src/dragAndDrop/dragAndDrop.tsx"],"sourcesContent":[],"mappings":";;;;;;cAwBa,aAAW,sBAAA"}

package/dist/dragAndDrop/dragAndDrop.js

@@ -1,7 +1,110 @@
-import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import{styled as r}from"../core/styled.js";import{vui as i}from"../core/vui.js";import a from"../icon/icon.js";import o from"../t/t.js";import{useRef as s}from"react";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=`file`,d=r.labelBox`
+import { cs } from "../utils/styles.js";
+import { omitThemingProps, useStyleConfig } from "../core/theme.js";
+import { styled } from "../core/styled.js";
+import { vui } from "../core/vui.js";
+import icon_default from "../icon/icon.js";
+import t_default from "../t/t.js";
+import { useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/dragAndDrop/dragAndDrop.tsx
+const defaultIcon = "falCloudUpload";
+const defaultText = "Click or drag files to this area";
+const inputType = "file";
+const DragAndDropBase = styled.labelBox`
   display: flex;
   min-width: 0;
   transition-duration: normal;
   justify-content: center;
-`,f=i((r,i)=>{let{accept:f,className:p,icon:m=`falCloudUpload`,selectFolderOnClick:h,selectFolderOnDrop:g,onFilesAdded:_,multiple:v=!0,text:y=`Click or drag files to this area`,children:b,disabled:x,...S}=t(r),C=s(null),w=n(`DragAndDrop`,r),T=e=>Array.from(e).map(e=>e),E=e=>{if(e.preventDefault(),x)return;let t=T(e?.currentTarget?.files);t?.length&&(_?.(t),e.currentTarget.type=``,e.currentTarget.type=u)},D=e=>{let t=(e,r=``)=>new Promise(i=>{if(e.isFile)e.file(e=>{e.filepath=r+e.name,n.push(e),i([e])});else if(e.isDirectory){let n=e;n.createReader().readEntries(e=>{let a=e.map(e=>t(e,r+n.name+`/`));i(Promise.all(a).then(e=>[].concat(...e)))})}}),n=[];return new Promise((r,i)=>{let a=[];for(let n=0;n<e.length;n++){let r=e[n].webkitGetAsEntry();r&&a.push(t(r))}Promise.all(a).then(()=>r(n)).catch(i)})},O=e=>{if(e.preventDefault(),x)return;if(g){let t=e.dataTransfer.items;D(t).then(e=>e?.length&&_?.(e));return}let t=e.dataTransfer?.files?T(e.dataTransfer.files):[];t?.length&&_?.(t)};return l(d,{className:e(`vui-drag-and-drop`,p),cursor:x?`not-allowed`:`pointer`,onDragEnter:e=>e.preventDefault(),onDragOver:e=>e.preventDefault(),onDrop:e=>O(e),opacity:x?.5:1,p:5,pointerEvents:x?`none`:`auto`,ref:i,...w,...S,children:[b||l(o,{display:`flex`,children:[c(a,{mr:1,name:m}),y]}),c(`input`,{accept:f,className:`vui-drag-and-drop-hidden-input`,multiple:v,onChange:E,ref:C,style:{display:`none`},type:u,...h&&{webkitdirectory:`true`,directory:`true`}})]})});f.displayName=`DragAndDrop`;export{f as DragAndDrop};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+/** 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 styles = useStyleConfig("DragAndDrop", props);
+	const processFiles = (files) => Array.from(files).map((file) => file);
+	const handleFileInput = (e) => {
+		e.preventDefault();
+		if (disabled) return void 0;
+		const files = processFiles(e?.currentTarget?.files);
+		if (files?.length) {
+			onFilesAdded?.(files);
+			e.currentTarget.type = "";
+			e.currentTarget.type = inputType;
+		}
+	};
+	const getFilesWebkitDataTransferItems = (dataTransferItems) => {
+		const traverseFileTreePromise = (item, path = "") => new Promise((resolve) => {
+			if (item.isFile) item.file((file) => {
+				file.filepath = path + file.name;
+				files.push(file);
+				resolve([file]);
+			});
+			else if (item.isDirectory) {
+				const dirEntry = item;
+				dirEntry.createReader().readEntries((entries) => {
+					const entriesPromises = entries.map((entry) => traverseFileTreePromise(entry, path + dirEntry.name + "/"));
+					resolve(Promise.all(entriesPromises).then((entries$1) => [].concat(...entries$1)));
+				});
+			}
+		});
+		const files = [];
+		return new Promise((resolve, reject) => {
+			const entriesPromises = [];
+			for (let i = 0; i < dataTransferItems.length; i++) {
+				const item = dataTransferItems[i].webkitGetAsEntry();
+				if (item) entriesPromises.push(traverseFileTreePromise(item));
+			}
+			Promise.all(entriesPromises).then(() => resolve(files)).catch(reject);
+		});
+	};
+	const handleDrop = (e) => {
+		e.preventDefault();
+		if (disabled) return void 0;
+		if (selectFolderOnDrop) {
+			const items = e.dataTransfer.items;
+			getFilesWebkitDataTransferItems(items).then((files$1) => files$1?.length && onFilesAdded?.(files$1));
+			return;
+		}
+		const files = e.dataTransfer?.files ? processFiles(e.dataTransfer.files) : [];
+		if (files?.length) onFilesAdded?.(files);
+	};
+	return /* @__PURE__ */ jsxs(DragAndDropBase, {
+		className: cs("vui-drag-and-drop", className),
+		cursor: disabled ? "not-allowed" : "pointer",
+		onDragEnter: (e) => e.preventDefault(),
+		onDragOver: (e) => e.preventDefault(),
+		onDrop: (e) => handleDrop(e),
+		opacity: disabled ? .5 : 1,
+		p: 5,
+		pointerEvents: disabled ? "none" : "auto",
+		ref,
+		...styles,
+		...rest,
+		children: [children || /* @__PURE__ */ jsxs(t_default, {
+			display: "flex",
+			children: [/* @__PURE__ */ jsx(icon_default, {
+				mr: 1,
+				name: icon
+			}), text]
+		}), /* @__PURE__ */ jsx("input", {
+			accept,
+			className: "vui-drag-and-drop-hidden-input",
+			multiple,
+			onChange: handleFileInput,
+			ref: fileInput,
+			style: { display: "none" },
+			type: inputType,
+			...selectFolderOnClick && {
+				webkitdirectory: "true",
+				directory: "true"
+			}
+		})]
+	});
+});
+DragAndDrop.displayName = "DragAndDrop";
+
+//#endregion
+export { DragAndDrop };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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":"yUAUA,MAIM,EAAY,OAEZ,EAAkB,EAAO,QAAQ;;;;;EAQ1B,EAAc,GAAgC,EAAO,IAAQ,CACxE,GAAM,CACJ,SACA,YACA,OAAO,iBACP,sBACA,qBACA,eACA,WAAW,GACX,OAAO,mCACP,WACA,WACA,GAAG,GACD,EAAiB,EAAM,CACrB,EAAY,EAAyB,KAAK,CAC1C,EAAS,EAAe,cAAe,EAAM,CAE7C,EAAgB,GAA4B,MAAM,KAAK,EAAM,CAAC,IAAI,GAAQ,EAAK,CAE/E,EAAmB,GAAqC,CAE5D,GADA,EAAE,gBAAgB,CACd,EAAU,OACd,IAAM,EAAQ,EAAa,GAAG,eAAe,MAAkB,CAC3D,GAAO,SACT,IAAe,EAAM,CAErB,EAAE,cAAc,KAAO,GACvB,EAAE,cAAc,KAAO,IAIrB,EAAmC,GAA6D,CACpG,IAAM,GAA2B,EAAuB,EAAe,KACrE,IAAI,QAAQ,GAAW,CACrB,GAAI,EAAK,OACW,EACR,KAAK,GAAQ,CACnB,EAAa,SAAW,EAAO,EAAK,KACtC,EAAM,KAAK,EAAK,CAChB,EAAQ,CAAC,EAAK,CAAC,EACf,SACO,EAAK,YAAa,CAC3B,IAAM,EAAW,EACC,EAAS,cAAc,CAC/B,YAAY,GAAW,CAC/B,IAAMC,EAAqC,EAAQ,IAAI,GACrD,EAAwB,EAAO,EAAO,EAAS,KAAO,IAAI,CAC3D,CACD,EAAQ,QAAQ,IAAI,EAAgB,CAAC,KAAK,GAAW,EAAE,CAAC,OAAO,GAAIC,EAAkB,CAAC,CAAC,EACvF,GAEJ,CAEEC,EAAgB,EAAE,CACxB,OAAO,IAAI,SAAS,EAAS,IAAW,CACtC,IAAMF,EAAqC,EAAE,CAC7C,IAAK,IAAI,EAAI,EAAG,EAAI,EAAkB,OAAQ,IAAK,CACjD,IAAM,EAAO,EAAkB,GAAG,kBAAkB,CAChD,GAAM,EAAgB,KAAK,EAAwB,EAAK,CAAC,CAE/D,QAAQ,IAAI,EAAgB,CACzB,SAAW,EAAQ,EAAM,CAAC,CAC1B,MAAM,EAAO,EAChB,EAGE,EAAc,GAA8B,CAEhD,GADA,EAAE,gBAAgB,CACd,EAAU,OAEd,GAAI,EAAoB,CACtB,IAAM,EAAQ,EAAE,aAAa,MAC7B,EAAgC,EAAM,CAAC,KAAK,GAASG,GAAO,QAAU,IAAeA,EAAM,CAAC,CAC5F,OAGF,IAAM,EAAQ,EAAE,cAAc,MAAQ,EAAa,EAAE,aAAa,MAAM,CAAG,EAAE,CACzE,GAAO,QAAQ,IAAe,EAAM,EAG1C,OACE,EAAC,EAAA,CACC,UAAW,EAAG,oBAAqB,EAAU,CAC7C,OAAQ,EAAW,cAAgB,UACnC,YAAa,GAAK,EAAE,gBAAgB,CACpC,WAAY,GAAK,EAAE,gBAAgB,CACnC,OAAQ,GAAK,EAAW,EAAE,CAC1B,QAAS,EAAW,GAAM,EAC1B,EAAG,EACH,cAAe,EAAW,OAAS,OAC9B,MACL,GAAI,EACJ,GAAI,YAEH,GACC,EAACC,EAAAA,CAAE,QAAQ,iBACT,EAACC,EAAAA,CAAK,GAAI,EAAG,KAAM,GAAQ,CAC1B,EAAA,EACC,CAEN,EAAC,QAAA,CACS,SACR,UAAU,iCACA,WACV,SAAU,EACV,IAAK,EACL,MAAO,CAAE,QAAS,OAAQ,CAC1B,KAAM,EACN,GAAK,GAAuB,CAAE,gBAAiB,OAAQ,UAAW,OAAQ,EAC1E,CAAA,EACc,EAEpB,CAEF,EAAY,YAAc"}
+{"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"}

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

@@ -1,6 +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";
 
 //#region src/dragAndDrop/dragAndDrop.types.d.ts
 type DragAndDropProps = Omit<BoxProps, 'variant'> & ThemingProps<'DragAndDrop'> & {

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,MAAA,CAAA,CAAA,CAAA,MAAA;EAAgB,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA;UAAQ,CAAA,CAAA,CAAA,OAAA;;MAClC,CAAA,CAAA,CAMS,QANT;;qBAgByB,CAAA,CAAA,CAAA,OAAA;EAAI,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;;;;;;;yBAAJ"}
+{"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"}

package/dist/dragAndDrop/index.d.ts

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

package/dist/dragAndDrop/theme.js

@@ -1,2 +1,34 @@
-const e={bg:`skyBlue.95`,main:`seaBlue.main`,hover:`skyBlue.90`};var t={baseStyle:{borderWidth:2,borderStyle:`solid`,borderColor:`transparent`,bg:e.bg,color:e.main,hoverBg:e.hover},defaultProps:{variant:`default`},sizes:{},variants:{default:{},outlined:{borderColor:e.main,borderStyle:`dashed`}}};export{t as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/dragAndDrop/theme.ts
+const colors = {
+	bg: "skyBlue.95",
+	main: "seaBlue.main",
+	hover: "skyBlue.90"
+};
+const baseStyle = {
+	borderWidth: 2,
+	borderStyle: "solid",
+	borderColor: "transparent",
+	bg: colors.bg,
+	color: colors.main,
+	hoverBg: colors.hover
+};
+const defaultProps = { variant: "default" };
+const sizes = {};
+const variants = {
+	default: {},
+	outlined: {
+		borderColor: colors.main,
+		borderStyle: "dashed"
+	}
+};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=theme.js.map

package/dist/dragAndDrop/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/dragAndDrop/theme.ts"],"sourcesContent":["const colors = {\n  bg: 'skyBlue.95',\n  main: 'seaBlue.main',\n  hover: 'skyBlue.90',\n}\n\nconst baseStyle = {\n  borderWidth: 2,\n  borderStyle: 'solid',\n  borderColor: 'transparent',\n  bg: colors.bg,\n  color: colors.main,\n  hoverBg: colors.hover,\n}\n\nconst defaultProps = {\n  variant: 'default',\n}\n\nconst sizes = {}\n\nconst variants = {\n  default: {},\n  outlined: {\n    borderColor: colors.main,\n    borderStyle: 'dashed',\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":"AAAA,MAAM,EAAS,CACb,GAAI,aACJ,KAAM,eACN,MAAO,aACR,CAyBD,IAAA,EAAe,CACb,UAxBgB,CAChB,YAAa,EACb,YAAa,QACb,YAAa,cACb,GAAI,EAAO,GACX,MAAO,EAAO,KACd,QAAS,EAAO,MACjB,CAkBC,aAhBmB,CACnB,QAAS,UACV,CAeC,MAbY,EAAE,CAcd,SAZe,CACf,QAAS,EAAE,CACX,SAAU,CACR,YAAa,EAAO,KACpB,YAAa,SACd,CACF,CAOA"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/dragAndDrop/theme.ts"],"sourcesContent":["const colors = {\n  bg: 'skyBlue.95',\n  main: 'seaBlue.main',\n  hover: 'skyBlue.90',\n}\n\nconst baseStyle = {\n  borderWidth: 2,\n  borderStyle: 'solid',\n  borderColor: 'transparent',\n  bg: colors.bg,\n  color: colors.main,\n  hoverBg: colors.hover,\n}\n\nconst defaultProps = {\n  variant: 'default',\n}\n\nconst sizes = {}\n\nconst variants = {\n  default: {},\n  outlined: {\n    borderColor: colors.main,\n    borderStyle: 'dashed',\n  },\n}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,SAAS;CACb,IAAI;CACJ,MAAM;CACN,OAAO;CACR;AAED,MAAM,YAAY;CAChB,aAAa;CACb,aAAa;CACb,aAAa;CACb,IAAI,OAAO;CACX,OAAO,OAAO;CACd,SAAS,OAAO;CACjB;AAED,MAAM,eAAe,EACnB,SAAS,WACV;AAED,MAAM,QAAQ,EAAE;AAEhB,MAAM,WAAW;CACf,SAAS,EAAE;CACX,UAAU;EACR,aAAa,OAAO;EACpB,aAAa;EACd;CACF;AAED,oBAAe;CACb;CACA;CACA;CACA;CACD"}

package/dist/drawer/drawer.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { DrawerProps } from "./drawer.types.js";
+import "../index.js";
 
 //#region src/drawer/drawer.d.ts
 /** Drawer component based on Dialog. */

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","names":[],"sources":["../../src/drawer/drawer.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,QAAM,oBAAA"}
+{"version":3,"file":"drawer.d.ts","names":[],"sources":["../../src/drawer/drawer.tsx"],"sourcesContent":[],"mappings":";;;;;;cAOa,QAAM,oBAAA"}

package/dist/drawer/drawer.js

@@ -1,2 +1,35 @@
-import{cs as e}from"../utils/styles.js";import{omitThemingProps as t,useStyleConfig as n}from"../core/theme.js";import{vui as r}from"../core/vui.js";import i from"../box/box.js";import a from"../dialog/dialog.js";import{jsx as o}from"react/jsx-runtime";const s=r((r,s)=>{let{children:c,className:l,dialogProps:u,isLeft:d,isOpen:f,onClose:p}=t(r),m=n(`Drawer`,r);return o(a,{isOpen:f,onClose:p,placement:d?`left`:`right`,ref:s,...u,children:o(i,{className:e(`vui-drawer`,l),column:!0,p:3,...m,h:`100vh`,overflow:`hidden`,children:c})})});s.displayName=`Drawer`;export{s as Drawer};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { omitThemingProps, useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import dialog_default from "../dialog/dialog.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/drawer/drawer.tsx
+/** Drawer component based on Dialog. */
+const Drawer = vui((props, ref) => {
+	const { children, className, dialogProps, isLeft, isOpen, onClose } = omitThemingProps(props);
+	const styles = useStyleConfig("Drawer", props);
+	return /* @__PURE__ */ jsx(dialog_default, {
+		isOpen,
+		onClose,
+		placement: isLeft ? "left" : "right",
+		ref,
+		...dialogProps,
+		children: /* @__PURE__ */ jsx(box_default, {
+			className: cs("vui-drawer", className),
+			column: true,
+			p: 3,
+			...styles,
+			h: "100vh",
+			overflow: "hidden",
+			children
+		})
+	});
+});
+Drawer.displayName = "Drawer";
+
+//#endregion
+export { Drawer };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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":"6PAOA,MAAa,EAAS,GAAyB,EAAO,IAAQ,CAC5D,GAAM,CAAE,WAAU,YAAW,cAAa,SAAQ,SAAQ,WAAY,EAAiB,EAAM,CACvF,EAAS,EAAe,SAAU,EAAM,CAI9C,OACE,EAACA,EAAAA,CAAe,SAAiB,UAAS,UAH1B,EAAS,OAAS,QAGmC,MAAK,GAAI,WAC5E,EAACC,EAAAA,CAAI,UAAW,EAAG,aAAc,EAAU,CAAE,OAAA,GAAO,EAAG,EAAG,GAAI,EAAQ,EAAE,QAAQ,SAAS,SACtF,YACG,EACC,EAEX,CAEF,EAAO,YAAc"}
+{"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

@@ -1,6 +1,8 @@
 import { ThemingProps } from "../theme/types.js";
 import { SystemProps } from "../system/system.js";
+import "../system/index.js";
 import { DialogProps } from "../dialog/dialog.types.js";
+import "../dialog/index.js";
 
 //#region src/drawer/drawer.types.d.ts
 type DrawerProps = SystemProps & ThemingProps<'Drawer'> & {

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;;EADU,WAAA,CAAA,CAAA,CAGM,WAHK;EAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA,OAAA,CAAA,KAAA,CAAA,CAAA;QAAG,CAAA,CAAA,CAAA,OAAA;;QAGR,CAAA,CAAA,CAAA,OAAA;EAAW,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA,IAAA,CAAA,GAAA,CAAA,MAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA"}
+{"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"}

package/dist/drawer/index.d.ts

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

package/dist/drawer/theme.js

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

package/dist/drawer/theme.js.map

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

package/dist/focusLock/focusLock.d.ts

@@ -1,4 +1,5 @@
 import { ChildrenProp } from "../core/types.js";
+import "../core/index.js";
 import { FocusLockProps } from "./focusLock.types.js";
 import { FC } from "react";
 

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;;;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,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"}

package/dist/focusLock/focusLock.js

@@ -1,2 +1,34 @@
-import{useCallback as e}from"react";import{jsx as t}from"react/jsx-runtime";import n from"react-focus-lock";const r=r=>{let{autoFocus:i,children:a,crossFrame:o,finalFocusRef:s,initialFocusRef:c,isDisabled:l,persistentFocus:u,returnFocus:d}=r;return t(n,{autoFocus:i,crossFrame:o,disabled:l,onActivation:e(()=>{c?.current?.focus()},[c]),onDeactivation:e(()=>{s?.current?.focus()},[s]),persistentFocus:u,returnFocus:d&&!s,children:a})};r.displayName=`FocusLock`;var i=r;export{r as FocusLock,i as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+import ReactFocusLock from "react-focus-lock";
+
+//#region src/focusLock/focusLock.tsx
+/**
+* Traps the focus within the provided content.
+*
+* Tabbing using the keyboard will only cycle through the children and won't leave the boundary of the FocusLock wrapper.
+*/
+const FocusLock = (props) => {
+	const { autoFocus, children, crossFrame, finalFocusRef, initialFocusRef, isDisabled, persistentFocus, returnFocus: returnFocusProp } = props;
+	return /* @__PURE__ */ jsx(ReactFocusLock, {
+		autoFocus,
+		crossFrame,
+		disabled: isDisabled,
+		onActivation: useCallback(() => {
+			initialFocusRef?.current?.focus();
+		}, [initialFocusRef]),
+		onDeactivation: useCallback(() => {
+			finalFocusRef?.current?.focus();
+		}, [finalFocusRef]),
+		persistentFocus,
+		returnFocus: returnFocusProp && !finalFocusRef,
+		children
+	});
+};
+FocusLock.displayName = "FocusLock";
+var focusLock_default = FocusLock;
+
+//#endregion
+export { FocusLock, focusLock_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=focusLock.js.map

package/dist/focusLock/focusLock.js.map

@@ -1 +1 @@
-{"version":3,"file":"focusLock.js","names":["FocusLock: FC<FocusLockProps & ChildrenProp>"],"sources":["../../src/focusLock/focusLock.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport { useCallback } from 'react'\nimport ReactFocusLock from 'react-focus-lock'\n\nimport type { ChildrenProp } from '../core'\nimport type { FocusLockProps } from './focusLock.types'\n\n/**\n * Traps the focus within the provided content.\n *\n * Tabbing using the keyboard will only cycle through the children and won't leave the boundary of the FocusLock wrapper.\n */\n\nexport const FocusLock: FC<FocusLockProps & ChildrenProp> = props => {\n  const {\n    autoFocus,\n    children,\n    crossFrame,\n    finalFocusRef,\n    initialFocusRef,\n    isDisabled,\n    persistentFocus,\n    returnFocus: returnFocusProp,\n  } = props\n\n  const onActivation = useCallback(() => {\n    initialFocusRef?.current?.focus()\n  }, [initialFocusRef])\n\n  const onDeactivation = useCallback(() => {\n    finalFocusRef?.current?.focus()\n  }, [finalFocusRef])\n\n  const returnFocus = returnFocusProp && !finalFocusRef\n\n  return (\n    <ReactFocusLock\n      autoFocus={autoFocus}\n      crossFrame={crossFrame}\n      disabled={isDisabled}\n      onActivation={onActivation}\n      onDeactivation={onDeactivation}\n      persistentFocus={persistentFocus}\n      returnFocus={returnFocus}\n    >\n      {children}\n    </ReactFocusLock>\n  )\n}\n\nFocusLock.displayName = 'FocusLock'\nexport default FocusLock\n"],"mappings":"4GAaA,MAAaA,EAA+C,GAAS,CACnE,GAAM,CACJ,YACA,WACA,aACA,gBACA,kBACA,aACA,kBACA,YAAa,GACX,EAYJ,OACE,EAAC,EAAA,CACY,YACC,aACZ,SAAU,EACV,aAfiB,MAAkB,CACrC,GAAiB,SAAS,OAAO,EAChC,CAAC,EAAgB,CAAC,CAcjB,eAZmB,MAAkB,CACvC,GAAe,SAAS,OAAO,EAC9B,CAAC,EAAc,CAAC,CAWE,kBACjB,YAVgB,GAAmB,CAAC,EAYnC,YACc,EAIrB,EAAU,YAAc,YACxB,IAAA,EAAe"}
+{"version":3,"file":"focusLock.js","names":["FocusLock: FC<FocusLockProps & ChildrenProp>"],"sources":["../../src/focusLock/focusLock.tsx"],"sourcesContent":["import type { FC } from 'react'\nimport { useCallback } from 'react'\nimport ReactFocusLock from 'react-focus-lock'\n\nimport type { ChildrenProp } from '../core'\nimport type { FocusLockProps } from './focusLock.types'\n\n/**\n * Traps the focus within the provided content.\n *\n * Tabbing using the keyboard will only cycle through the children and won't leave the boundary of the FocusLock wrapper.\n */\n\nexport const FocusLock: FC<FocusLockProps & ChildrenProp> = props => {\n  const {\n    autoFocus,\n    children,\n    crossFrame,\n    finalFocusRef,\n    initialFocusRef,\n    isDisabled,\n    persistentFocus,\n    returnFocus: returnFocusProp,\n  } = props\n\n  const onActivation = useCallback(() => {\n    initialFocusRef?.current?.focus()\n  }, [initialFocusRef])\n\n  const onDeactivation = useCallback(() => {\n    finalFocusRef?.current?.focus()\n  }, [finalFocusRef])\n\n  const returnFocus = returnFocusProp && !finalFocusRef\n\n  return (\n    <ReactFocusLock\n      autoFocus={autoFocus}\n      crossFrame={crossFrame}\n      disabled={isDisabled}\n      onActivation={onActivation}\n      onDeactivation={onDeactivation}\n      persistentFocus={persistentFocus}\n      returnFocus={returnFocus}\n    >\n      {children}\n    </ReactFocusLock>\n  )\n}\n\nFocusLock.displayName = 'FocusLock'\nexport default FocusLock\n"],"mappings":";;;;;;;;;;AAaA,MAAaA,aAA+C,UAAS;CACnE,MAAM,EACJ,WACA,UACA,YACA,eACA,iBACA,YACA,iBACA,aAAa,oBACX;AAYJ,QACE,oBAAC;EACY;EACC;EACZ,UAAU;EACV,cAfiB,kBAAkB;AACrC,oBAAiB,SAAS,OAAO;KAChC,CAAC,gBAAgB,CAAC;EAcjB,gBAZmB,kBAAkB;AACvC,kBAAe,SAAS,OAAO;KAC9B,CAAC,cAAc,CAAC;EAWE;EACjB,aAVgB,mBAAmB,CAAC;EAYnC;GACc;;AAIrB,UAAU,cAAc;AACxB,wBAAe"}

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,CACV,IAAA;AAGlB,CAAA;AAA0B,IAAA,CAAd,cAAA,CAAA,CAAA,CAAc;;;;;EAgBS,SAAA,CAAA,CAAA,CAAA,OAAA;;;;;;;;;kBAFjB,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,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"}

package/dist/focusLock/index.d.ts

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

package/dist/footer/applicationFooter.d.ts

@@ -1,5 +1,6 @@
 import { VuiComponent } from "../core/vui.js";
 import { FooterProps } from "./footer.types.js";
+import "../index.js";
 
 //#region src/footer/applicationFooter.d.ts
 declare const ApplicationFooter: VuiComponent<"div", Omit<FooterProps, "isApplication" | "isSlim">>;

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,CAAA"}

package/dist/footer/applicationFooter.js

@@ -1,2 +1,63 @@
-import{cs as e}from"../utils/styles.js";import{vui as t}from"../core/vui.js";import{defaultLinkedInUrl as n}from"./footerTrademark.js";import r from"./footer.js";import{jsx as i}from"react/jsx-runtime";const a=t((t,a)=>{let{applicationLinks:o,applicationStaticItems:s=[],className:c,isDNV:l=!1,linkedIn:u,...d}=t,f=[],p=``;return l?(s.splice(0,s.length),f.push({id:`linked-in`,text:`LinkedIn`,url:`https://www.linkedin.com/showcase/dnv-digital/`}),f.push({id:`twitter`,text:`Twitter`,url:`https://twitter.com/DNV_Group`}),f.push({id:`facebook`,text:`FB`,url:`https://www.facebook.com/dnvglsoftware`}),f.push({id:`youtube`,text:`Youtube`,url:`https://www.youtube.com/user/DNVsoftware`}),p=`https://www.linkedin.com/company/4411`):(s.splice(2,s.length-1),f.push({id:`linked-in`,text:`LinkedIn`,url:n}),p=u||n),i(r,{applicationLinks:o,applicationSocialLinks:f,applicationStaticItems:s,className:e(`vui-applicationFooter`,l?`vui-applicationDNVFooter`:`vui-applicationVeracityFooter`,c),isApplication:!0,isDNV:l,isSlim:!0,linkedIn:p,ref:a,variant:`developer`,...d})});a.displayName=`ApplicationFooter`;export{a as ApplicationFooter};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { vui } from "../core/vui.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 applicationSocialLinks = [];
+	let localLinkedIn = "";
+	if (isDNV) {
+		applicationStaticItems.splice(0, applicationStaticItems.length);
+		applicationSocialLinks.push({
+			id: "linked-in",
+			text: "LinkedIn",
+			url: "https://www.linkedin.com/showcase/dnv-digital/"
+		});
+		applicationSocialLinks.push({
+			id: "twitter",
+			text: "Twitter",
+			url: "https://twitter.com/DNV_Group"
+		});
+		applicationSocialLinks.push({
+			id: "facebook",
+			text: "FB",
+			url: "https://www.facebook.com/dnvglsoftware"
+		});
+		applicationSocialLinks.push({
+			id: "youtube",
+			text: "Youtube",
+			url: "https://www.youtube.com/user/DNVsoftware"
+		});
+		localLinkedIn = "https://www.linkedin.com/company/4411";
+	} else {
+		applicationStaticItems.splice(2, applicationStaticItems.length - 1);
+		applicationSocialLinks.push({
+			id: "linked-in",
+			text: "LinkedIn",
+			url: defaultLinkedInUrl
+		});
+		localLinkedIn = linkedIn || defaultLinkedInUrl;
+	}
+	return /* @__PURE__ */ jsx(footer_default, {
+		applicationLinks,
+		applicationSocialLinks,
+		applicationStaticItems,
+		className: cs("vui-applicationFooter", isDNV ? "vui-applicationDNVFooter" : "vui-applicationVeracityFooter", className),
+		isApplication: true,
+		isDNV,
+		isSlim: true,
+		linkedIn: localLinkedIn,
+		ref,
+		variant: "developer",
+		...rest
+	});
+});
+ApplicationFooter.displayName = "ApplicationFooter";
+
+//#endregion
+export { ApplicationFooter };
+globalThis.__vuiVersion__ = "3.0.0"
 //# 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":"0MAMA,MAAa,EAAoB,GAAoC,EAAO,IAAQ,CAClF,GAAM,CAAE,mBAAkB,yBAAyB,EAAE,CAAE,YAAW,QAAQ,GAAO,WAAU,GAAG,GAAS,EAEjGA,EAAsE,EAAE,CAC1E,EAAgB,GAyCpB,OAvCI,GACF,EAAuB,OAAO,EAAG,EAAuB,OAAO,CAG/D,EAAuB,KAAK,CAC1B,GAAI,YACJ,KAAM,WACN,IAAK,iDACN,CAAC,CACF,EAAuB,KAAK,CAC1B,GAAI,UACJ,KAAM,UACN,IAAK,gCACN,CAAC,CACF,EAAuB,KAAK,CAC1B,GAAI,WACJ,KAAM,KACN,IAAK,yCACN,CAAC,CACF,EAAuB,KAAK,CAC1B,GAAI,UACJ,KAAM,UACN,IAAK,2CACN,CAAC,CAEF,EAAgB,0CAGhB,EAAuB,OAAO,EAAG,EAAuB,OAAS,EAAE,CAEnE,EAAuB,KAAK,CAC1B,GAAI,YACJ,KAAM,WACN,IAAK,EACN,CAAC,CAEF,EAAgB,GAAY,GAI5B,EAACC,EAAAA,CACmB,mBACM,yBACA,yBACxB,UAAW,EACT,wBACA,EAAQ,2BAA6B,gCACrC,EACD,CACD,cAAA,GACO,QACP,OAAA,GACA,SAAU,EACL,MACL,QAAQ,YACR,GAAI,GACJ,EAEJ,CAEF,EAAkB,YAAc"}
+{"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"}

package/dist/footer/context.js

@@ -1,2 +1,9 @@
-import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as FooterProvider,n as useFooterContext};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { createContext } from "../utils/react.js";
+
+//#region src/footer/context.ts
+const [FooterProvider, useFooterContext] = createContext({ isOptional: true });
+
+//#endregion
+export { FooterProvider, useFooterContext };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=context.js.map

package/dist/footer/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/footer/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { FooterContext } from './footer.types'\n\nconst [FooterProvider, useFooterContext] = createContext<FooterContext>({ isOptional: true })\n\nexport { FooterProvider, useFooterContext }\n"],"mappings":"kDAGA,KAAM,CAAC,EAAgB,GAAoB,EAA6B,CAAE,WAAY,GAAM,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

@@ -1,5 +1,6 @@
 import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
+import "../core/index.js";
 import { FooterProps } from "./footer.types.js";
 import { FooterColumn } from "./footerColumn.js";
 import { FooterContent } from "./footerContent.js";
@@ -7,10 +8,11 @@ import { FooterHeading } from "./footerHeading.js";
 import { FooterLink } from "./footerLink.js";
 import { FooterRow } from "./footerRow.js";
 import { FooterSection } from "./footerSection.js";
-import * as styled_components15 from "styled-components";
+import "../index.js";
+import * as styled_components373 from "styled-components";
 
 //#region src/footer/footer.d.ts
-declare const FooterBase: styled_components15.StyledComponent<"div", styled_components15.DefaultTheme, SystemProps, never>;
+declare const FooterBase: styled_components373.StyledComponent<"div", styled_components373.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;

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,mBAAA,CAAA,uBAItB,mBAAA,CAJsB,YAAA,CAAA,CAAA,WAAA,CAAA;;cASV,QAkNP,oBAAoB;iBACT;EA5NJ,OAAA,CAAA,CAAA,MAAA,CA6NK,aAzNjB;EAAA,OAAA,CAAA,CAAA,MAAA,CA0NiB,aA1NjB;MAAA,CAAA,CAAA,MAAA,CA2Nc,UA/NQ;KAAA,CAAA,CAAA,MAAA,CAgOT,SAhOS;SAAA,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,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"}