@veracity/vui 3.2.0 → 4.0.0-alpha.366771.2601090922

package/dist/tag/tagText.js

@@ -1,14 +1,17 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { useStyleConfig } from "../core/theme.js";
 import { vui } from "../core/vui.js";
 import t_default from "../t/t.js";
+import "../t/index.js";
+import "../core/index.js";
 import { useTagContext } from "./context.js";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/tag/tagText.tsx
 /** Displays text within the Tag. */
 const TagText = vui((props, ref) => {
-	const { className,...rest } = props;
+	const { className, ...rest } = props;
 	const styles = useStyleConfig("Tag", useTagContext());
 	return /* @__PURE__ */ jsx(t_default, {
 		className: cs("vui-tagText", className),
@@ -23,5 +26,5 @@ var tagText_default = TagText;
 
 //#endregion
 export { TagText, tagText_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=tagText.js.map

package/dist/tag/tagText.js.map

@@ -1 +1 @@
-{"version":3,"file":"tagText.js","names":["T"],"sources":["../../src/tag/tagText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useTagContext } from './context'\n\n/** Displays text within the Tag. */\nexport const TagText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Tag', useTagContext())\n\n  return <T className={cs('vui-tagText', className)} fontSize=\"inherit\" ref={ref} {...styles.text} {...rest} />\n})\n\nTagText.displayName = 'TagText'\n\nexport default TagText\n"],"mappings":";;;;;;;;;AAOA,MAAa,UAAU,KAAqB,OAAO,QAAQ;CACzD,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,OAAO,eAAe,CAAC;AAErD,QAAO,oBAACA;EAAE,WAAW,GAAG,eAAe,UAAU;EAAE,UAAS;EAAe;EAAK,GAAI,OAAO;EAAM,GAAI;GAAQ;EAC7G;AAEF,QAAQ,cAAc;AAEtB,sBAAe"}
+{"version":3,"file":"tagText.js","names":["T"],"sources":["../../src/tag/tagText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useTagContext } from './context'\n\n/** Displays text within the Tag. */\nexport const TagText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Tag', useTagContext())\n\n  return <T className={cs('vui-tagText', className)} fontSize=\"inherit\" ref={ref} {...styles.text} {...rest} />\n})\n\nTagText.displayName = 'TagText'\n\nexport default TagText\n"],"mappings":";;;;;;;;;;;;AAOA,MAAa,UAAU,KAAqB,OAAO,QAAQ;CACzD,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,OAAO,eAAe,CAAC;AAErD,QAAO,oBAACA;EAAE,WAAW,GAAG,eAAe,UAAU;EAAE,UAAS;EAAe;EAAK,GAAI,OAAO;EAAM,GAAI;GAAQ;EAC7G;AAEF,QAAQ,cAAc;AAEtB,sBAAe"}

package/dist/tag/theme.js

@@ -225,5 +225,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/textarea/helpers.js

@@ -7,5 +7,5 @@ function getInitialCount(props) {
 
 //#endregion
 export { getInitialCount };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=helpers.js.map

package/dist/textarea/index.d.ts

@@ -1,2 +1,2 @@
 import { TextareaProps } from "./textarea.types.js";
-import { Textarea, TextareaBase } from "./textarea.js";
+import { Textarea, TextareaBase } from "./textarea.js";

package/dist/textarea/index.js

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

package/dist/textarea/textarea.d.ts

@@ -13,4 +13,5 @@ declare const TextareaBase: styled_components447.StyledComponent<"div", styled_c
 declare const Textarea: VuiComponent<"div", TextareaProps>;
 //#endregion
 export { Textarea, TextareaBase };
+
 //# sourceMappingURL=textarea.d.ts.map

package/dist/textarea/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","names":[],"sources":["../../src/textarea/textarea.tsx"],"sourcesContent":[],"mappings":";;;;;;;cA8Ba,cAAY,oBAAA,CAAA,uBAKxB,oBAAA,CALwB,YAAA,CAAA,CAAA,WAAA,CAAA;;;;;cAWZ,UAAQ,oBAAA"}
+{"version":3,"file":"textarea.d.ts","names":[],"sources":["../../src/textarea/textarea.tsx"],"sourcesContent":[],"mappings":";;;;;;;cA8Ba,cAAY,oBAAA,CAAA,uBAKxB,oBAAA,CALwB,YAAA,EAAA,WAAA;;;;;cAWZ,UAAQ,oBAAA"}

package/dist/textarea/textarea.js

@@ -1,15 +1,19 @@
 import { isString } from "../utils/assertion.js";
 import { filterUndefined } from "../utils/object.js";
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { helpTextMargin, helpTextSize, inputColors } from "../input/consts.js";
 import { omitThemingProps, useStyleConfig } from "../core/theme.js";
 import { styled } from "../core/styled.js";
 import { vui } from "../core/vui.js";
 import { Box } from "../box/box.js";
 import t_default from "../t/t.js";
+import "../t/index.js";
+import "../core/index.js";
 import helpText_default from "../input/helpText.js";
 import { Label } from "../label/label.js";
 import { getInitialCount } from "./helpers.js";
+import "../index.js";
 import { useEffect, useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -42,7 +46,7 @@ const TextareaBase = styled.divBox`
 * Forwards many relevant props to the inner textarea. Exposes some props to the children via context.
 */
 const Textarea = vui((props, ref) => {
-	const { autoFocus, ariaLabel, className, colorScheme: colorSchemeProp, cols, defaultValue, disabled, errorText, id: idProp, helpText, label, labelMarkOptional, labelTooltipText, maxLength, name, onBlur, onChange: onChangeProp, onFocus, placeholder, readOnly, required, resize = "none", rows, showCount, textareaProps = {}, textareaRef, value,...rest } = omitThemingProps(props);
+	const { autoFocus, ariaLabel, className, colorScheme: colorSchemeProp, cols, defaultValue, disabled, errorText, id: idProp, helpText, label, labelMarkOptional, labelTooltipText, maxLength, name, onBlur, onChange: onChangeProp, onFocus, placeholder, readOnly, required, resize = "none", rows, showCount, textareaProps = {}, textareaRef, value, ...rest } = omitThemingProps(props);
 	const generatedId = useId();
 	const [count, setCount] = useState(getInitialCount(props));
 	const [valueInternal, setValueInternal] = useState(defaultValue);
@@ -139,5 +143,5 @@ Textarea.displayName = "Textarea";
 
 //#endregion
 export { Textarea, TextareaBase };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=textarea.js.map

package/dist/textarea/textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.js","names":["T","HelpText"],"sources":["../../src/textarea/textarea.tsx"],"sourcesContent":["import { useEffect, useId, useState } from 'react'\n\nimport { Box, Label } from '..'\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { helpTextMargin, helpTextSize, inputColors } from '../input/consts'\nimport HelpText from '../input/helpText'\nimport T from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined, isString } from '../utils'\nimport { getInitialCount } from './helpers'\nimport type { TextareaProps } from './textarea.types'\n\nconst TextareaTextarea = styled.textareaBox`\n  border-radius: none;\n  border-width: 1px;\n  outline: none;\n  padding: 1;\n  resize: none;\n  min-height: 80px;\n  transition-duration: fast;\n  width: 100%;\n\n  &[aria-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    background-color: sandstone.79;\n    border-color: sandstone.79;\n  }\n`\n\nexport const TextareaBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n`\n\n/**\n * Displays a textarea element wrapped in a div to allow extra content, like counter.\n * Forwards many relevant props to the inner textarea. Exposes some props to the children via context.\n */\nexport const Textarea = vui<'div', TextareaProps>((props, ref) => {\n  const {\n    autoFocus,\n    ariaLabel,\n    className,\n    colorScheme: colorSchemeProp,\n    cols,\n    defaultValue,\n    disabled,\n    errorText,\n    id: idProp,\n    helpText,\n    label,\n    labelMarkOptional,\n    labelTooltipText,\n    maxLength,\n    name,\n    onBlur,\n    onChange: onChangeProp,\n    onFocus,\n    placeholder,\n    readOnly,\n    required,\n    resize = 'none',\n    rows,\n    showCount,\n    textareaProps = {},\n    textareaRef,\n    value,\n    ...rest\n  } = omitThemingProps(props)\n\n  const generatedId = useId()\n  const [count, setCount] = useState(getInitialCount(props))\n  const [valueInternal, setValueInternal] = useState(defaultValue)\n\n  const id = idProp || generatedId\n\n  const styles = useStyleConfig('Textarea', props)\n\n  function onChange(e: ChangeEvent<HTMLTextAreaElement>) {\n    setValueInternal(e.target.value)\n    setCount(e.target.value.length)\n    onChangeProp?.(e)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  const textareaAliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n    'aria-label': ariaLabel,\n    bg: readOnly ? 'sandstone.97' : undefined,\n    borderColor: readOnly ? 'sandstone.55' : undefined,\n    focusWithinBorderColor: !readOnly ? 'transparent' : undefined,\n    focusWithinRingColor: readOnly ? 'transparent' : undefined,\n  })\n\n  useEffect(() => {\n    setValueInternal(value)\n    setCount(value?.toString()?.length ? `${value}`.length : 0)\n  }, [value])\n\n  return (\n    <Box className=\"vui-textareaContainer\" column ref={ref} {...rest}>\n      {isString(label) ? (\n        <Label\n          aria-disabled={disabled}\n          className=\"vui-textareaLabel\"\n          htmlFor={id}\n          markAsOptional={labelMarkOptional}\n          mb={0.5}\n          text={label}\n          tooltipText={labelTooltipText}\n          {...styles.label}\n        />\n      ) : (\n        label\n      )}\n      <TextareaBase className={cs('vui-textarea', className)} {...styles.container} {...aliasedProps}>\n        <TextareaTextarea\n          className=\"vui-textareaTextarea\"\n          ref={textareaRef}\n          {...{\n            autoFocus,\n            cols,\n            defaultValue,\n            disabled,\n            id,\n            maxLength,\n            name,\n            onBlur,\n            onChange,\n            onFocus,\n            placeholder,\n            readOnly,\n            required,\n            resize,\n            rows,\n          }}\n          value={valueInternal}\n          {...styles.textarea}\n          {...textareaAliasedProps}\n          {...textareaProps}\n        />\n\n        {showCount && (\n          <T\n            className=\"vui-textareaCount\"\n            color={maxLength && count > maxLength ? inputColors.error : inputColors.helpText}\n            position=\"absolute\"\n            right={0}\n            size=\"sm\"\n            top=\"calc(100% + 1px)\"\n          >\n            {count} {maxLength ? `/ ${maxLength}` : null}\n          </T>\n        )}\n      </TextareaBase>\n      {!!helpText && <HelpText size={helpTextSize['lg']}>{helpText}</HelpText>}\n      {!!errorText && (\n        <HelpText isError mr={showCount ? helpTextMargin : undefined} size={helpTextSize['lg']}>\n          {errorText}\n        </HelpText>\n      )}\n    </Box>\n  )\n})\n\nTextarea.displayName = 'Textarea'\n\nexport default Textarea\n"],"mappings":";;;;;;;;;;;;;;;;AAYA,MAAM,mBAAmB,OAAO,WAAW;;;;;;;;;;;;;;;;;AAkB3C,MAAa,eAAe,OAAO,MAAM;;;;;;;;;;AAWzC,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EACJ,WACA,WACA,WACA,aAAa,iBACb,MACA,cACA,UACA,WACA,IAAI,QACJ,UACA,OACA,mBACA,kBACA,WACA,MACA,QACA,UAAU,cACV,SACA,aACA,UACA,UACA,SAAS,QACT,MACA,WACA,gBAAgB,EAAE,EAClB,aACA,MACA,GAAG,SACD,iBAAiB,MAAM;CAE3B,MAAM,cAAc,OAAO;CAC3B,MAAM,CAAC,OAAO,YAAY,SAAS,gBAAgB,MAAM,CAAC;CAC1D,MAAM,CAAC,eAAe,oBAAoB,SAAS,aAAa;CAEhE,MAAM,KAAK,UAAU;CAErB,MAAM,SAAS,eAAe,YAAY,MAAM;CAEhD,SAAS,SAAS,GAAqC;AACrD,mBAAiB,EAAE,OAAO,MAAM;AAChC,WAAS,EAAE,OAAO,MAAM,OAAO;AAC/B,iBAAe,EAAE;;CAGnB,MAAM,eAAe,gBAAgB,EACnC,iBAAiB,UAClB,CAAC;CAEF,MAAM,uBAAuB,gBAAgB;EAC3C,iBAAiB;EACjB,cAAc;EACd,IAAI,WAAW,iBAAiB;EAChC,aAAa,WAAW,iBAAiB;EACzC,wBAAwB,CAAC,WAAW,gBAAgB;EACpD,sBAAsB,WAAW,gBAAgB;EAClD,CAAC;AAEF,iBAAgB;AACd,mBAAiB,MAAM;AACvB,WAAS,OAAO,UAAU,EAAE,SAAS,GAAG,QAAQ,SAAS,EAAE;IAC1D,CAAC,MAAM,CAAC;AAEX,QACE,qBAAC;EAAI,WAAU;EAAwB;EAAY;EAAK,GAAI;;GACzD,SAAS,MAAM,GACd,oBAAC;IACC,iBAAe;IACf,WAAU;IACV,SAAS;IACT,gBAAgB;IAChB,IAAI;IACJ,MAAM;IACN,aAAa;IACb,GAAI,OAAO;KACX,GAEF;GAEF,qBAAC;IAAa,WAAW,GAAG,gBAAgB,UAAU;IAAE,GAAI,OAAO;IAAW,GAAI;eAChF,oBAAC;KACC,WAAU;KACV,KAAK;KAEH;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KAEF,OAAO;KACP,GAAI,OAAO;KACX,GAAI;KACJ,GAAI;MACJ,EAED,aACC,qBAACA;KACC,WAAU;KACV,OAAO,aAAa,QAAQ,YAAY,YAAY,QAAQ,YAAY;KACxE,UAAS;KACT,OAAO;KACP,MAAK;KACL,KAAI;;MAEH;MAAM;MAAE,YAAY,KAAK,cAAc;;MACtC;KAEO;GACd,CAAC,CAAC,YAAY,oBAACC;IAAS,MAAM,aAAa;cAAQ;KAAoB;GACvE,CAAC,CAAC,aACD,oBAACA;IAAS;IAAQ,IAAI,YAAY,iBAAiB;IAAW,MAAM,aAAa;cAC9E;KACQ;;GAET;EAER;AAEF,SAAS,cAAc"}
+{"version":3,"file":"textarea.js","names":["T","HelpText"],"sources":["../../src/textarea/textarea.tsx"],"sourcesContent":["import { useEffect, useId, useState } from 'react'\n\nimport { Box, Label } from '..'\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport { helpTextMargin, helpTextSize, inputColors } from '../input/consts'\nimport HelpText from '../input/helpText'\nimport T from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined, isString } from '../utils'\nimport { getInitialCount } from './helpers'\nimport type { TextareaProps } from './textarea.types'\n\nconst TextareaTextarea = styled.textareaBox`\n  border-radius: none;\n  border-width: 1px;\n  outline: none;\n  padding: 1;\n  resize: none;\n  min-height: 80px;\n  transition-duration: fast;\n  width: 100%;\n\n  &[aria-disabled='true'] {\n    opacity: 0.5;\n    cursor: not-allowed;\n    background-color: sandstone.79;\n    border-color: sandstone.79;\n  }\n`\n\nexport const TextareaBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  width: 100%;\n`\n\n/**\n * Displays a textarea element wrapped in a div to allow extra content, like counter.\n * Forwards many relevant props to the inner textarea. Exposes some props to the children via context.\n */\nexport const Textarea = vui<'div', TextareaProps>((props, ref) => {\n  const {\n    autoFocus,\n    ariaLabel,\n    className,\n    colorScheme: colorSchemeProp,\n    cols,\n    defaultValue,\n    disabled,\n    errorText,\n    id: idProp,\n    helpText,\n    label,\n    labelMarkOptional,\n    labelTooltipText,\n    maxLength,\n    name,\n    onBlur,\n    onChange: onChangeProp,\n    onFocus,\n    placeholder,\n    readOnly,\n    required,\n    resize = 'none',\n    rows,\n    showCount,\n    textareaProps = {},\n    textareaRef,\n    value,\n    ...rest\n  } = omitThemingProps(props)\n\n  const generatedId = useId()\n  const [count, setCount] = useState(getInitialCount(props))\n  const [valueInternal, setValueInternal] = useState(defaultValue)\n\n  const id = idProp || generatedId\n\n  const styles = useStyleConfig('Textarea', props)\n\n  function onChange(e: ChangeEvent<HTMLTextAreaElement>) {\n    setValueInternal(e.target.value)\n    setCount(e.target.value.length)\n    onChangeProp?.(e)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  const textareaAliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n    'aria-label': ariaLabel,\n    bg: readOnly ? 'sandstone.97' : undefined,\n    borderColor: readOnly ? 'sandstone.55' : undefined,\n    focusWithinBorderColor: !readOnly ? 'transparent' : undefined,\n    focusWithinRingColor: readOnly ? 'transparent' : undefined,\n  })\n\n  useEffect(() => {\n    setValueInternal(value)\n    setCount(value?.toString()?.length ? `${value}`.length : 0)\n  }, [value])\n\n  return (\n    <Box className=\"vui-textareaContainer\" column ref={ref} {...rest}>\n      {isString(label) ? (\n        <Label\n          aria-disabled={disabled}\n          className=\"vui-textareaLabel\"\n          htmlFor={id}\n          markAsOptional={labelMarkOptional}\n          mb={0.5}\n          text={label}\n          tooltipText={labelTooltipText}\n          {...styles.label}\n        />\n      ) : (\n        label\n      )}\n      <TextareaBase className={cs('vui-textarea', className)} {...styles.container} {...aliasedProps}>\n        <TextareaTextarea\n          className=\"vui-textareaTextarea\"\n          ref={textareaRef}\n          {...{\n            autoFocus,\n            cols,\n            defaultValue,\n            disabled,\n            id,\n            maxLength,\n            name,\n            onBlur,\n            onChange,\n            onFocus,\n            placeholder,\n            readOnly,\n            required,\n            resize,\n            rows,\n          }}\n          value={valueInternal}\n          {...styles.textarea}\n          {...textareaAliasedProps}\n          {...textareaProps}\n        />\n\n        {showCount && (\n          <T\n            className=\"vui-textareaCount\"\n            color={maxLength && count > maxLength ? inputColors.error : inputColors.helpText}\n            position=\"absolute\"\n            right={0}\n            size=\"sm\"\n            top=\"calc(100% + 1px)\"\n          >\n            {count} {maxLength ? `/ ${maxLength}` : null}\n          </T>\n        )}\n      </TextareaBase>\n      {!!helpText && <HelpText size={helpTextSize['lg']}>{helpText}</HelpText>}\n      {!!errorText && (\n        <HelpText isError mr={showCount ? helpTextMargin : undefined} size={helpTextSize['lg']}>\n          {errorText}\n        </HelpText>\n      )}\n    </Box>\n  )\n})\n\nTextarea.displayName = 'Textarea'\n\nexport default Textarea\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,MAAM,mBAAmB,OAAO,WAAW;;;;;;;;;;;;;;;;;AAkB3C,MAAa,eAAe,OAAO,MAAM;;;;;;;;;;AAWzC,MAAa,WAAW,KAA2B,OAAO,QAAQ;CAChE,MAAM,EACJ,WACA,WACA,WACA,aAAa,iBACb,MACA,cACA,UACA,WACA,IAAI,QACJ,UACA,OACA,mBACA,kBACA,WACA,MACA,QACA,UAAU,cACV,SACA,aACA,UACA,UACA,SAAS,QACT,MACA,WACA,gBAAgB,EAAE,EAClB,aACA,OACA,GAAG,SACD,iBAAiB,MAAM;CAE3B,MAAM,cAAc,OAAO;CAC3B,MAAM,CAAC,OAAO,YAAY,SAAS,gBAAgB,MAAM,CAAC;CAC1D,MAAM,CAAC,eAAe,oBAAoB,SAAS,aAAa;CAEhE,MAAM,KAAK,UAAU;CAErB,MAAM,SAAS,eAAe,YAAY,MAAM;CAEhD,SAAS,SAAS,GAAqC;AACrD,mBAAiB,EAAE,OAAO,MAAM;AAChC,WAAS,EAAE,OAAO,MAAM,OAAO;AAC/B,iBAAe,EAAE;;CAGnB,MAAM,eAAe,gBAAgB,EACnC,iBAAiB,UAClB,CAAC;CAEF,MAAM,uBAAuB,gBAAgB;EAC3C,iBAAiB;EACjB,cAAc;EACd,IAAI,WAAW,iBAAiB;EAChC,aAAa,WAAW,iBAAiB;EACzC,wBAAwB,CAAC,WAAW,gBAAgB;EACpD,sBAAsB,WAAW,gBAAgB;EAClD,CAAC;AAEF,iBAAgB;AACd,mBAAiB,MAAM;AACvB,WAAS,OAAO,UAAU,EAAE,SAAS,GAAG,QAAQ,SAAS,EAAE;IAC1D,CAAC,MAAM,CAAC;AAEX,QACE,qBAAC;EAAI,WAAU;EAAwB;EAAY;EAAK,GAAI;;GACzD,SAAS,MAAM,GACd,oBAAC;IACC,iBAAe;IACf,WAAU;IACV,SAAS;IACT,gBAAgB;IAChB,IAAI;IACJ,MAAM;IACN,aAAa;IACb,GAAI,OAAO;KACX,GAEF;GAEF,qBAAC;IAAa,WAAW,GAAG,gBAAgB,UAAU;IAAE,GAAI,OAAO;IAAW,GAAI;eAChF,oBAAC;KACC,WAAU;KACV,KAAK;KAEH;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KACA;KAEF,OAAO;KACP,GAAI,OAAO;KACX,GAAI;KACJ,GAAI;MACJ,EAED,aACC,qBAACA;KACC,WAAU;KACV,OAAO,aAAa,QAAQ,YAAY,YAAY,QAAQ,YAAY;KACxE,UAAS;KACT,OAAO;KACP,MAAK;KACL,KAAI;;MAEH;MAAM;MAAE,YAAY,KAAK,cAAc;;MACtC;KAEO;GACd,CAAC,CAAC,YAAY,oBAACC;IAAS,MAAM,aAAa;cAAQ;KAAoB;GACvE,CAAC,CAAC,aACD,oBAACA;IAAS;IAAQ,IAAI,YAAY,iBAAiB;IAAW,MAAM,aAAa;cAC9E;KACQ;;GAET;EAER;AAEF,SAAS,cAAc"}

package/dist/textarea/textarea.types.d.ts

@@ -61,4 +61,5 @@ type TextareaProps = SystemProps & ThemingProps<'Textarea'> & {
 };
 //#endregion
 export { TextareaProps };
+
 //# sourceMappingURL=textarea.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.types.d.ts","names":[],"sources":["../../src/textarea/textarea.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAIY,aAAA,CAAA,CAAA,CAAgB,cAC1B;;;;EADU,SAAA,CAAA,CAAA,CAAA,MAAa;EAAG,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,GAAA,CAAA,QAAA,CAAA,GAAA,CAAA,IAAA,CAAA,SAAA,CAAA,CAAA,CAAA;EAC1B,QAAA,CAAA,CAAA,CAAA,KAAA;EAgBuB,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA,OAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA;EAEV,WAAM,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA;EAIA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAUU,IAAA,CAAA,CAAA,CAAA,MAAA;EAAlB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAEqB,YAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA;EAAnB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAEiB,QAAA,CAAA,CAAA,CAAA,OAAA;EAAlB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,KAAA,CAAA,IAAA,CAAA,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAY0B,SAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAhCf,KAAA,CAAM,SAgCS;EAApB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,IAAA,CAAA,IAAA,CAAA,KAAA,CAAA,EAAA,CAAA,KAAA,CAAA,CAAA,CAAA;EAEqB,QAAA,CAAA,CAAA,CAhC1B,KAAA,CAAM,SAgCoB,CAAA,CAAA,CAAA,MAAA;EAAvB,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,GAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,UAAA,CAAA;EAAsB,SAAA,CAAA,CAAA,CAAA,OAAA;;mBA5BnB,KAAA,CAAM;;;;;;;;;;WAUd,kBAAkB;;aAEhB,mBAAmB;;YAEpB,kBAAkB;;;;;;;;;;;;kBAYZ,oBAAoB;;gBAEtB,KAAA,CAAM,iBAAiB"}
+{"version":3,"file":"textarea.types.d.ts","names":[],"sources":["../../src/textarea/textarea.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAIY,aAAA,GAAgB,cAC1B;;;;EADU,SAAA,CAAA,EAAA,MAAa;EAAG;EAC1B,QAAA,CAAA,EAAA,KAAA;EAgBuB;EAEV,WAAM,CAAA,EAAA,OAAA,GAAA,MAAA,GAAA,KAAA;EAIA;EAUU,IAAA,CAAA,EAAA,MAAA;EAAlB;EAEqB,YAAA,CAAA,EAAA,MAAA,GAAA,MAAA;EAAnB;EAEiB,QAAA,CAAA,EAAA,OAAA;EAAlB;EAY0B,SAAA,CAAA,EAAA,MAAA,GAhCf,KAAA,CAAM,SAgCS;EAApB;EAEqB,QAAA,CAAA,EAhC1B,KAAA,CAAM,SAgCoB,GAAA,MAAA;EAAvB;EAAsB,SAAA,CAAA,EAAA,OAAA;;mBA5BnB,KAAA,CAAM;;;;;;;;;;WAUd,kBAAkB;;aAEhB,mBAAmB;;YAEpB,kBAAkB;;;;;;;;;;;;kBAYZ,oBAAoB;;gBAEtB,KAAA,CAAM,iBAAiB"}

package/dist/textarea/theme.js

@@ -39,5 +39,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/theme/components.d.ts

@@ -1589,7 +1589,7 @@ declare const _default: {
     };
     variants: {
       mono: {
-        fontFamily: string;
+        fontFamily: "ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;";
       };
     };
   };
@@ -2551,7 +2551,7 @@ declare const _default: {
         lineHeight: string;
       };
       mono: {
-        fontFamily: string;
+        fontFamily: "ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;";
       };
     };
   };
@@ -2984,4 +2984,5 @@ declare const _default: {
 };
 //#endregion
 export { _default };
+
 //# sourceMappingURL=components.d.ts.map

package/dist/theme/components.js

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

package/dist/theme/defaultTheme.d.ts

@@ -419,9 +419,9 @@ declare const defaultTheme: {
     slow: string;
   };
   fonts: {
-    dnvDisplay: string;
-    gantari: string;
-    mono: string;
+    readonly dnvDisplay: "'DNV Display'";
+    readonly gantari: "Gantari, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'";
+    readonly mono: "ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;";
   };
   fontSizes: {
     xs: number;
@@ -2101,7 +2101,7 @@ declare const defaultTheme: {
       };
       variants: {
         mono: {
-          fontFamily: string;
+          fontFamily: "ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;";
         };
       };
     };
@@ -3063,7 +3063,7 @@ declare const defaultTheme: {
           lineHeight: string;
         };
         mono: {
-          fontFamily: string;
+          fontFamily: "ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;";
         };
       };
     };
@@ -3497,4 +3497,5 @@ declare const defaultTheme: {
 };
 //#endregion
 export { defaultTheme };
+
 //# sourceMappingURL=defaultTheme.d.ts.map

package/dist/theme/defaultTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultTheme.d.ts","names":[],"sources":["../../src/theme/defaultTheme.ts"],"sourcesContent":[],"mappings":";cAGM;EAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"defaultTheme.d.ts","names":[],"sources":["../../src/theme/defaultTheme.ts"],"sourcesContent":[],"mappings":";cAGM;EAAA,UAAA,EAAA"}

package/dist/theme/defaultTheme.js

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

package/dist/theme/extendTheme.d.ts

@@ -0,0 +1,9 @@
+import { VuiTheme, VuiThemeExtensions } from "./types.js";
+
+//#region src/theme/extendTheme.d.ts
+/** Merges provided theme extensions and overrides with default VUI theme. */
+declare function extendTheme(extensions: VuiThemeExtensions): VuiTheme;
+//#endregion
+export { extendTheme };
+
+//# sourceMappingURL=extendTheme.d.ts.map

package/dist/theme/extendTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extendTheme.d.ts","names":[],"sources":["../../src/theme/extendTheme.ts"],"sourcesContent":[],"mappings":";;;;iBAKgB,WAAA,aAAwB,qBAAqB"}

package/dist/theme/extendTheme.js

@@ -0,0 +1,14 @@
+import { merge } from "../utils/object.js";
+import "../utils/index.js";
+import defaultTheme_default from "./defaultTheme.js";
+
+//#region src/theme/extendTheme.ts
+/** Merges provided theme extensions and overrides with default VUI theme. */
+function extendTheme(extensions) {
+	return merge(defaultTheme_default, extensions);
+}
+
+//#endregion
+export { extendTheme };
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
+//# sourceMappingURL=extendTheme.js.map

package/dist/theme/extendTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extendTheme.js","names":["defaultTheme"],"sources":["../../src/theme/extendTheme.ts"],"sourcesContent":["import { merge } from '../utils'\nimport defaultTheme from './defaultTheme'\nimport type { VuiTheme, VuiThemeExtensions } from './types'\n\n/** Merges provided theme extensions and overrides with default VUI theme. */\nexport function extendTheme(extensions: VuiThemeExtensions): VuiTheme {\n  return merge(defaultTheme, extensions)\n}\n"],"mappings":";;;;;;AAKA,SAAgB,YAAY,YAA0C;AACpE,QAAO,MAAMA,sBAAc,WAAW"}

package/dist/theme/foundations/animations.d.ts

@@ -15,4 +15,5 @@ declare const _default: {
 };
 //#endregion
 export { _default };
+
 //# sourceMappingURL=animations.d.ts.map

package/dist/theme/foundations/animations.js

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

package/dist/theme/foundations/borders.d.ts

@@ -2,4 +2,5 @@
 declare const _default: {};
 //#endregion
 export { _default };
+
 //# sourceMappingURL=borders.d.ts.map

package/dist/theme/foundations/borders.js

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

package/dist/theme/foundations/colors.d.ts

@@ -399,4 +399,5 @@ declare const _default: {
 };
 //#endregion
 export { _default };
+
 //# sourceMappingURL=colors.d.ts.map

package/dist/theme/foundations/colors.js

@@ -480,5 +480,5 @@ var colors_default = {
 
 //#endregion
 export { darkBlue, colors_default as default, energyRed, grey, landGreen };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=colors.js.map

package/dist/theme/foundations/durations.d.ts

@@ -7,4 +7,5 @@ declare const _default: {
 };
 //#endregion
 export { _default };
+
 //# sourceMappingURL=durations.d.ts.map

package/dist/theme/foundations/durations.js

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

package/dist/theme/foundations/fontSizes.d.ts

@@ -7,4 +7,5 @@ declare const _default: {
 };
 //#endregion
 export { _default };
+
 //# sourceMappingURL=fontSizes.d.ts.map

package/dist/theme/foundations/fontSizes.js

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

package/dist/theme/foundations/fontWeights.d.ts

@@ -6,4 +6,5 @@ declare const _default: {
 };
 //#endregion
 export { _default };
+
 //# sourceMappingURL=fontWeights.d.ts.map

package/dist/theme/foundations/fontWeights.js

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

package/dist/theme/foundations/fonts.d.ts

@@ -1,9 +1,10 @@
 //#region src/theme/foundations/fonts.d.ts
 declare const _default: {
-  dnvDisplay: string;
-  gantari: string;
-  mono: string;
+  readonly dnvDisplay: "'DNV Display'";
+  readonly gantari: "Gantari, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'";
+  readonly mono: "ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;";
 };
 //#endregion
 export { _default };
+
 //# sourceMappingURL=fonts.d.ts.map

package/dist/theme/foundations/fonts.js

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

package/dist/theme/foundations/fonts.js.map

@@ -1 +1 @@
-{"version":3,"file":"fonts.js","names":[],"sources":["../../../src/theme/foundations/fonts.ts"],"sourcesContent":["export default {\n  dnvDisplay: `'DNV Display'`,\n  gantari: `Gantari, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`,\n  mono: `ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;`,\n}\n"],"mappings":";AAAA,oBAAe;CACb,YAAY;CACZ,SAAS;CACT,MAAM;CACP"}
+{"version":3,"file":"fonts.js","names":[],"sources":["../../../src/theme/foundations/fonts.ts"],"sourcesContent":["export default {\n  dnvDisplay: `'DNV Display'`,\n  gantari: `Gantari, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`,\n  mono: `ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;`,\n} as const\n"],"mappings":";AAAA,oBAAe;CACb,YAAY;CACZ,SAAS;CACT,MAAM;CACP"}

package/dist/theme/foundations/gridTemplateColumns.js

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

package/dist/theme/foundations/gridTemplateRows.js

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

package/dist/theme/foundations/index.d.ts

@@ -419,9 +419,9 @@ declare const _default: {
     slow: string;
   };
   fonts: {
-    dnvDisplay: string;
-    gantari: string;
-    mono: string;
+    readonly dnvDisplay: "'DNV Display'";
+    readonly gantari: "Gantari, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'";
+    readonly mono: "ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;";
   };
   fontSizes: {
     xs: number;
@@ -514,4 +514,5 @@ declare const _default: {
 };
 //#endregion
 export { _default };
+
 //# sourceMappingURL=index.d.ts.map

package/dist/theme/foundations/index.js

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

package/dist/theme/foundations/radii.d.ts

@@ -13,4 +13,5 @@ declare const _default: {
 };
 //#endregion
 export { _default };
+
 //# sourceMappingURL=radii.d.ts.map

package/dist/theme/foundations/radii.js

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

package/dist/theme/foundations/ringWidths.d.ts

@@ -2,4 +2,5 @@
 declare const _default: {};
 //#endregion
 export { _default };
+
 //# sourceMappingURL=ringWidths.d.ts.map

package/dist/theme/foundations/ringWidths.js

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

package/dist/theme/foundations/screens.d.ts

@@ -10,4 +10,5 @@ declare const _default: {
 };
 //#endregion
 export { _default };
+
 //# sourceMappingURL=screens.d.ts.map

package/dist/theme/foundations/screens.js

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

package/dist/theme/foundations/shadows.d.ts

@@ -21,4 +21,5 @@ declare const _default: {
 };
 //#endregion
 export { _default };
+
 //# sourceMappingURL=shadows.d.ts.map

package/dist/theme/foundations/shadows.js

@@ -1,5 +1,6 @@
 import { grey } from "./colors.js";
 import { hexToRGBA } from "../../utils/styles.js";
+import "../../utils/index.js";
 
 //#region src/theme/foundations/shadows.ts
 const greyLight = hexToRGBA(grey[80], .4);
@@ -28,5 +29,5 @@ var shadows_default = {
 
 //#endregion
 export { shadows_default as default };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=shadows.js.map

package/dist/theme/foundations/shadows.js.map

@@ -1 +1 @@
-{"version":3,"file":"shadows.js","names":[],"sources":["../../../src/theme/foundations/shadows.ts"],"sourcesContent":["import { hexToRGBA } from '../../utils'\nimport { grey } from './colors'\n\nconst greyLight = hexToRGBA(grey[80], 0.4)\nconst greyDark = hexToRGBA(grey[80], 0.6)\nconst modal = hexToRGBA('#000000', 0.15)\n\nexport default {\n  '0': `0 0 0 0 #fff`,\n  '1': `0 2px 5px 0 ${greyLight}`,\n  '2': `0 4px 12px 0 ${greyLight}`,\n  '3': `0 7px 20px 0 ${greyDark}`,\n  '4': `0 12px 30px 0 ${greyDark}`,\n  t1: `0 -2px 5px 0 ${greyLight}`,\n  t2: `0 -4px 12px 0 ${greyLight}`,\n  t3: `0 -7px 20px 0 ${greyDark}`,\n  t4: `0 -12px 30px 0 ${greyDark}`,\n  r1: `2px 0 5px 0 ${greyLight}`,\n  r2: `4px 0 12px 0 ${greyLight}`,\n  r3: `7px 0 20px 0 ${greyDark}`,\n  r4: `12px 0 30px 0 ${greyDark}`,\n  l1: `-2px 0 5px 0 ${greyLight}`,\n  l2: `-4px 0 12px 0 ${greyLight}`,\n  l3: `-7px 0 20px 0 ${greyDark}`,\n  l4: `-12px 0 30px 0 ${greyDark}`,\n  modal: `0 12px 30px 0 ${modal}`,\n}\n"],"mappings":";;;;AAGA,MAAM,YAAY,UAAU,KAAK,KAAK,GAAI;AAC1C,MAAM,WAAW,UAAU,KAAK,KAAK,GAAI;AACzC,MAAM,QAAQ,UAAU,WAAW,IAAK;AAExC,sBAAe;CACb,KAAK;CACL,KAAK,eAAe;CACpB,KAAK,gBAAgB;CACrB,KAAK,gBAAgB;CACrB,KAAK,iBAAiB;CACtB,IAAI,gBAAgB;CACpB,IAAI,iBAAiB;CACrB,IAAI,iBAAiB;CACrB,IAAI,kBAAkB;CACtB,IAAI,eAAe;CACnB,IAAI,gBAAgB;CACpB,IAAI,gBAAgB;CACpB,IAAI,iBAAiB;CACrB,IAAI,gBAAgB;CACpB,IAAI,iBAAiB;CACrB,IAAI,iBAAiB;CACrB,IAAI,kBAAkB;CACtB,OAAO,iBAAiB;CACzB"}
+{"version":3,"file":"shadows.js","names":[],"sources":["../../../src/theme/foundations/shadows.ts"],"sourcesContent":["import { hexToRGBA } from '../../utils'\nimport { grey } from './colors'\n\nconst greyLight = hexToRGBA(grey[80], 0.4)\nconst greyDark = hexToRGBA(grey[80], 0.6)\nconst modal = hexToRGBA('#000000', 0.15)\n\nexport default {\n  '0': `0 0 0 0 #fff`,\n  '1': `0 2px 5px 0 ${greyLight}`,\n  '2': `0 4px 12px 0 ${greyLight}`,\n  '3': `0 7px 20px 0 ${greyDark}`,\n  '4': `0 12px 30px 0 ${greyDark}`,\n  t1: `0 -2px 5px 0 ${greyLight}`,\n  t2: `0 -4px 12px 0 ${greyLight}`,\n  t3: `0 -7px 20px 0 ${greyDark}`,\n  t4: `0 -12px 30px 0 ${greyDark}`,\n  r1: `2px 0 5px 0 ${greyLight}`,\n  r2: `4px 0 12px 0 ${greyLight}`,\n  r3: `7px 0 20px 0 ${greyDark}`,\n  r4: `12px 0 30px 0 ${greyDark}`,\n  l1: `-2px 0 5px 0 ${greyLight}`,\n  l2: `-4px 0 12px 0 ${greyLight}`,\n  l3: `-7px 0 20px 0 ${greyDark}`,\n  l4: `-12px 0 30px 0 ${greyDark}`,\n  modal: `0 12px 30px 0 ${modal}`,\n}\n"],"mappings":";;;;;AAGA,MAAM,YAAY,UAAU,KAAK,KAAK,GAAI;AAC1C,MAAM,WAAW,UAAU,KAAK,KAAK,GAAI;AACzC,MAAM,QAAQ,UAAU,WAAW,IAAK;AAExC,sBAAe;CACb,KAAK;CACL,KAAK,eAAe;CACpB,KAAK,gBAAgB;CACrB,KAAK,gBAAgB;CACrB,KAAK,iBAAiB;CACtB,IAAI,gBAAgB;CACpB,IAAI,iBAAiB;CACrB,IAAI,iBAAiB;CACrB,IAAI,kBAAkB;CACtB,IAAI,eAAe;CACnB,IAAI,gBAAgB;CACpB,IAAI,gBAAgB;CACpB,IAAI,iBAAiB;CACrB,IAAI,gBAAgB;CACpB,IAAI,iBAAiB;CACrB,IAAI,iBAAiB;CACrB,IAAI,kBAAkB;CACtB,OAAO,iBAAiB;CACzB"}

package/dist/theme/foundations/sizes.d.ts

@@ -2,4 +2,5 @@
 declare const _default: {};
 //#endregion
 export { _default };
+
 //# sourceMappingURL=sizes.d.ts.map

package/dist/theme/foundations/sizes.js

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

package/dist/theme/foundations/spaces.d.ts

@@ -2,4 +2,5 @@
 declare const _default: {};
 //#endregion
 export { _default };
+
 //# sourceMappingURL=spaces.d.ts.map

package/dist/theme/foundations/spaces.js

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

package/dist/theme/foundations/timingFunctions.js

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

package/dist/theme/foundations/transformers.js

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

package/dist/theme/foundations/transforms.d.ts

@@ -2,4 +2,5 @@
 declare const _default: {};
 //#endregion
 export { _default };
+
 //# sourceMappingURL=transforms.d.ts.map

package/dist/theme/foundations/transforms.js

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

package/dist/theme/foundations/transitions.d.ts

@@ -2,4 +2,5 @@
 declare const _default: {};
 //#endregion
 export { _default };
+
 //# sourceMappingURL=transitions.d.ts.map

package/dist/theme/foundations/transitions.js

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

package/dist/theme/foundations/zIndices.d.ts

@@ -7,4 +7,5 @@ declare const _default: {
 };
 //#endregion
 export { _default };
+
 //# sourceMappingURL=zIndices.d.ts.map