@veracity/vui 3.2.0 → 4.0.0-alpha.366771.2601090922

package/dist/checkbox/checkbox.js

@@ -1,11 +1,15 @@
 import { filterUndefined } from "../utils/object.js";
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { checkboxColors, disabled } from "./consts.js";
 import { omitThemingProps, th, useStyleConfig } from "../core/theme.js";
 import { styled } from "../core/styled.js";
 import { vui } from "../core/vui.js";
 import icon_default from "../icon/icon.js";
+import "../icon/index.js";
 import t_default from "../t/t.js";
+import "../t/index.js";
+import "../core/index.js";
 import { useCheckboxGroupContext } from "./context.js";
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -57,15 +61,15 @@ const CheckboxBase = styled.labelBox`
 * Uses icons to display itself in different states. Can be indeterminate when selecting some nested items.
 */
 const Checkbox = vui((props, ref) => {
-	const { defaultValue: groupDefaultValue,...checkboxGroupProps } = useCheckboxGroupContext() ?? {};
+	const { defaultValue: groupDefaultValue, ...checkboxGroupProps } = useCheckboxGroupContext() ?? {};
 	const mergedProps = {
 		...checkboxGroupProps,
 		...props
 	};
-	const { checked, children, className, defaultChecked = groupDefaultValue !== void 0 ? groupDefaultValue.includes(props.value) : void 0, disabled: disabled$1, icon: iconProp = "uiCheckboxUnselected", iconChecked = "uiCheckboxSelected", iconIndeterminate = "uiCheckboxIndeterminate", id, inputProps, inputRef, isIndeterminate, label, name, onChange: onChangeProp, required, value,...rest } = omitThemingProps(mergedProps);
+	const { checked, children, className, defaultChecked = groupDefaultValue !== void 0 ? groupDefaultValue.includes(props.value) : void 0, disabled: disabled$1, icon: iconProp = "uiCheckboxUnselected", iconChecked = "uiCheckboxSelected", iconIndeterminate = "uiCheckboxIndeterminate", id, inputProps, inputRef, isIndeterminate, label, name, onChange: onChangeProp, required, value, ...rest } = omitThemingProps(mergedProps);
 	const [isChecked, setIsChecked] = useState(defaultChecked);
 	const styles = useStyleConfig("Checkbox", mergedProps);
-	const { color: controlColor, hoverColor,...controlStyles } = styles.control;
+	const { color: controlColor, hoverColor, ...controlStyles } = styles.control;
 	const icon = isIndeterminate ? iconIndeterminate : isChecked ? iconChecked : iconProp;
 	const controlMr = children || label ? 1 : 0;
 	const color = isChecked || isIndeterminate ? checkboxColors.checked : controlColor;
@@ -126,5 +130,5 @@ Checkbox.displayName = "Checkbox";
 
 //#endregion
 export { Checkbox, CheckboxBase };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=checkbox.js.map

package/dist/checkbox/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","names":["disabled","Icon","T"],"sources":["../../src/checkbox/checkbox.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { omitThemingProps, styled, th, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined } from '../utils'\nimport type { CheckboxProps, CheckboxStyleProps } from './checkbox.types'\nimport { checkboxColors, disabled } from './consts'\nimport { useCheckboxGroupContext } from './context'\n\nconst CheckboxControl = styled.spanBox`\n  border-radius: none;\n  display: inline-flex;\n  flex-shrink: 0;\n  position: relative;\n  transition-duration: fast;\n`\n\nconst CheckboxInput = styled.input`\n  cursor: inherit;\n  height: 100%;\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: 1;\n`\n\nexport const CheckboxBase = styled.labelBox<CheckboxStyleProps>`\n  cursor: pointer;\n  display: inline-flex;\n  width: fit-content;\n\n  &:not([aria-disabled='true']):hover .vui-checkboxControl {\n    color: ${p => th.color(p.controlHoverColor)};\n  }\n\n  .vui-checkboxControl:focus-within {\n    color: ${checkboxColors.focus};\n  }\n\n  &[aria-disabled='true'] {\n    color: ${disabled.text};\n    cursor: not-allowed;\n\n    .vui-checkboxControl {\n      color: ${disabled.icon};\n    }\n  }\n`\n\n/**\n * Allows selection of one or more choices from a set of items. Handles controlled and uncontrolled modes.\n * Uses icons to display itself in different states. Can be indeterminate when selecting some nested items.\n */\nexport const Checkbox = vui<'span', CheckboxProps>((props, ref) => {\n  const { defaultValue: groupDefaultValue, ...checkboxGroupProps } = useCheckboxGroupContext() ?? {}\n\n  const mergedProps = { ...checkboxGroupProps, ...props }\n  const {\n    checked,\n    children,\n    className,\n    defaultChecked = groupDefaultValue !== undefined ? groupDefaultValue.includes(props.value) : undefined,\n    disabled,\n    icon: iconProp = 'uiCheckboxUnselected',\n    iconChecked = 'uiCheckboxSelected',\n    iconIndeterminate = 'uiCheckboxIndeterminate',\n    id,\n    inputProps,\n    inputRef,\n    isIndeterminate,\n    label,\n    name,\n    onChange: onChangeProp,\n    required,\n    value,\n    ...rest\n  } = omitThemingProps(mergedProps)\n  const [isChecked, setIsChecked] = useState(defaultChecked)\n  const styles = useStyleConfig('Checkbox', mergedProps)\n  const { color: controlColor, hoverColor, ...controlStyles } = styles.control\n\n  const icon = isIndeterminate ? iconIndeterminate : isChecked ? iconChecked : iconProp\n  const controlMr = children || label ? 1 : 0\n  const color = isChecked || isIndeterminate ? checkboxColors.checked : controlColor\n  const controlHoverColor = hoverColor ? hoverColor : checkboxColors.hover\n  const isLongLabel = label && label?.length >= 60\n\n  useEffect(() => {\n    checked !== undefined && setIsChecked(checked)\n  }, [checked])\n\n  const onChange = (e: ChangeEvent) => {\n    if (checked === undefined) setIsChecked(e.target.checked)\n    onChangeProp?.(e)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  return (\n    <CheckboxBase\n      alignItems={isLongLabel ? 'flex-start' : 'center'}\n      className={cs('vui-checkbox', className)}\n      controlHoverColor={controlHoverColor}\n      ref={ref}\n      {...styles.container}\n      {...aliasedProps}\n      {...rest}\n    >\n      <CheckboxControl\n        bg=\"white\"\n        className=\"vui-checkboxControl\"\n        color={color}\n        focusWithinRing={3}\n        mr={controlMr}\n        role=\"none\"\n        {...controlStyles}\n      >\n        <CheckboxInput\n          className=\"vui-checkboxInput\"\n          onChange={onChange}\n          ref={inputRef}\n          type=\"checkbox\"\n          {...{ checked, defaultChecked, disabled, id, name, required, value }}\n          {...inputProps}\n        />\n        <Icon className=\"vui-checkboxIcon\" h=\"100%\" name={icon} w=\"100%\" />\n      </CheckboxControl>\n\n      {children ??\n        (label && (\n          <T className=\"vui-checkboxLabel\" lineHeight={isLongLabel ? '26px' : 'normal'} {...styles.label}>\n            {label}\n          </T>\n        ))}\n    </CheckboxBase>\n  )\n})\n\nCheckbox.displayName = 'Checkbox'\nexport default Checkbox\n"],"mappings":";;;;;;;;;;;;;AAWA,MAAM,kBAAkB,OAAO,OAAO;;;;;;;AAQtC,MAAM,gBAAgB,OAAO,KAAK;;;;;;;;;;;;AAalC,MAAa,eAAe,OAAO,QAA4B;;;;;;cAMlD,MAAK,GAAG,MAAM,EAAE,kBAAkB,CAAC;;;;aAInC,eAAe,MAAM;;;;aAIrB,SAAS,KAAK;;;;eAIZ,SAAS,KAAK;;;;;;;;AAS7B,MAAa,WAAW,KAA4B,OAAO,QAAQ;CACjE,MAAM,EAAE,cAAc,kBAAmB,GAAG,uBAAuB,yBAAyB,IAAI,EAAE;CAElG,MAAM,cAAc;EAAE,GAAG;EAAoB,GAAG;EAAO;CACvD,MAAM,EACJ,SACA,UACA,WACA,iBAAiB,sBAAsB,SAAY,kBAAkB,SAAS,MAAM,MAAM,GAAG,QAC7F,sBACA,MAAM,WAAW,wBACjB,cAAc,sBACd,oBAAoB,2BACpB,IACA,YACA,UACA,iBACA,OACA,MACA,UAAU,cACV,UACA,MACA,GAAG,SACD,iBAAiB,YAAY;CACjC,MAAM,CAAC,WAAW,gBAAgB,SAAS,eAAe;CAC1D,MAAM,SAAS,eAAe,YAAY,YAAY;CACtD,MAAM,EAAE,OAAO,cAAc,WAAY,GAAG,kBAAkB,OAAO;CAErE,MAAM,OAAO,kBAAkB,oBAAoB,YAAY,cAAc;CAC7E,MAAM,YAAY,YAAY,QAAQ,IAAI;CAC1C,MAAM,QAAQ,aAAa,kBAAkB,eAAe,UAAU;CACtE,MAAM,oBAAoB,aAAa,aAAa,eAAe;CACnE,MAAM,cAAc,SAAS,OAAO,UAAU;AAE9C,iBAAgB;AACd,cAAY,UAAa,aAAa,QAAQ;IAC7C,CAAC,QAAQ,CAAC;CAEb,MAAM,YAAY,MAAmB;AACnC,MAAI,YAAY,OAAW,cAAa,EAAE,OAAO,QAAQ;AACzD,iBAAe,EAAE;;CAGnB,MAAM,eAAe,gBAAgB,EACnC,iBAAiBA,YAClB,CAAC;AAEF,QACE,qBAAC;EACC,YAAY,cAAc,eAAe;EACzC,WAAW,GAAG,gBAAgB,UAAU;EACrB;EACd;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;aAEJ,qBAAC;GACC,IAAG;GACH,WAAU;GACH;GACP,iBAAiB;GACjB,IAAI;GACJ,MAAK;GACL,GAAI;cAEJ,oBAAC;IACC,WAAU;IACA;IACV,KAAK;IACL,MAAK;IACC;IAAS;IAAgB;IAAU;IAAI;IAAM;IAAU;IAC7D,GAAI;KACJ,EACF,oBAACC;IAAK,WAAU;IAAmB,GAAE;IAAO,MAAM;IAAM,GAAE;KAAS;IACnD,EAEjB,aACE,SACC,oBAACC;GAAE,WAAU;GAAoB,YAAY,cAAc,SAAS;GAAU,GAAI,OAAO;aACtF;IACC;GAEK;EAEjB;AAEF,SAAS,cAAc"}
+{"version":3,"file":"checkbox.js","names":["disabled","Icon","T"],"sources":["../../src/checkbox/checkbox.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\n\nimport { omitThemingProps, styled, th, useStyleConfig, vui } from '../core'\nimport Icon from '../icon'\nimport T from '../t'\nimport type { ChangeEvent } from '../utils'\nimport { cs, filterUndefined } from '../utils'\nimport type { CheckboxProps, CheckboxStyleProps } from './checkbox.types'\nimport { checkboxColors, disabled } from './consts'\nimport { useCheckboxGroupContext } from './context'\n\nconst CheckboxControl = styled.spanBox`\n  border-radius: none;\n  display: inline-flex;\n  flex-shrink: 0;\n  position: relative;\n  transition-duration: fast;\n`\n\nconst CheckboxInput = styled.input`\n  cursor: inherit;\n  height: 100%;\n  left: 0;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  top: 0;\n  width: 100%;\n  z-index: 1;\n`\n\nexport const CheckboxBase = styled.labelBox<CheckboxStyleProps>`\n  cursor: pointer;\n  display: inline-flex;\n  width: fit-content;\n\n  &:not([aria-disabled='true']):hover .vui-checkboxControl {\n    color: ${p => th.color(p.controlHoverColor)};\n  }\n\n  .vui-checkboxControl:focus-within {\n    color: ${checkboxColors.focus};\n  }\n\n  &[aria-disabled='true'] {\n    color: ${disabled.text};\n    cursor: not-allowed;\n\n    .vui-checkboxControl {\n      color: ${disabled.icon};\n    }\n  }\n`\n\n/**\n * Allows selection of one or more choices from a set of items. Handles controlled and uncontrolled modes.\n * Uses icons to display itself in different states. Can be indeterminate when selecting some nested items.\n */\nexport const Checkbox = vui<'span', CheckboxProps>((props, ref) => {\n  const { defaultValue: groupDefaultValue, ...checkboxGroupProps } = useCheckboxGroupContext() ?? {}\n\n  const mergedProps = { ...checkboxGroupProps, ...props }\n  const {\n    checked,\n    children,\n    className,\n    defaultChecked = groupDefaultValue !== undefined ? groupDefaultValue.includes(props.value) : undefined,\n    disabled,\n    icon: iconProp = 'uiCheckboxUnselected',\n    iconChecked = 'uiCheckboxSelected',\n    iconIndeterminate = 'uiCheckboxIndeterminate',\n    id,\n    inputProps,\n    inputRef,\n    isIndeterminate,\n    label,\n    name,\n    onChange: onChangeProp,\n    required,\n    value,\n    ...rest\n  } = omitThemingProps(mergedProps)\n  const [isChecked, setIsChecked] = useState(defaultChecked)\n  const styles = useStyleConfig('Checkbox', mergedProps)\n  const { color: controlColor, hoverColor, ...controlStyles } = styles.control\n\n  const icon = isIndeterminate ? iconIndeterminate : isChecked ? iconChecked : iconProp\n  const controlMr = children || label ? 1 : 0\n  const color = isChecked || isIndeterminate ? checkboxColors.checked : controlColor\n  const controlHoverColor = hoverColor ? hoverColor : checkboxColors.hover\n  const isLongLabel = label && label?.length >= 60\n\n  useEffect(() => {\n    checked !== undefined && setIsChecked(checked)\n  }, [checked])\n\n  const onChange = (e: ChangeEvent) => {\n    if (checked === undefined) setIsChecked(e.target.checked)\n    onChangeProp?.(e)\n  }\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  return (\n    <CheckboxBase\n      alignItems={isLongLabel ? 'flex-start' : 'center'}\n      className={cs('vui-checkbox', className)}\n      controlHoverColor={controlHoverColor}\n      ref={ref}\n      {...styles.container}\n      {...aliasedProps}\n      {...rest}\n    >\n      <CheckboxControl\n        bg=\"white\"\n        className=\"vui-checkboxControl\"\n        color={color}\n        focusWithinRing={3}\n        mr={controlMr}\n        role=\"none\"\n        {...controlStyles}\n      >\n        <CheckboxInput\n          className=\"vui-checkboxInput\"\n          onChange={onChange}\n          ref={inputRef}\n          type=\"checkbox\"\n          {...{ checked, defaultChecked, disabled, id, name, required, value }}\n          {...inputProps}\n        />\n        <Icon className=\"vui-checkboxIcon\" h=\"100%\" name={icon} w=\"100%\" />\n      </CheckboxControl>\n\n      {children ??\n        (label && (\n          <T className=\"vui-checkboxLabel\" lineHeight={isLongLabel ? '26px' : 'normal'} {...styles.label}>\n            {label}\n          </T>\n        ))}\n    </CheckboxBase>\n  )\n})\n\nCheckbox.displayName = 'Checkbox'\nexport default Checkbox\n"],"mappings":";;;;;;;;;;;;;;;;;AAWA,MAAM,kBAAkB,OAAO,OAAO;;;;;;;AAQtC,MAAM,gBAAgB,OAAO,KAAK;;;;;;;;;;;;AAalC,MAAa,eAAe,OAAO,QAA4B;;;;;;cAMlD,MAAK,GAAG,MAAM,EAAE,kBAAkB,CAAC;;;;aAInC,eAAe,MAAM;;;;aAIrB,SAAS,KAAK;;;;eAIZ,SAAS,KAAK;;;;;;;;AAS7B,MAAa,WAAW,KAA4B,OAAO,QAAQ;CACjE,MAAM,EAAE,cAAc,mBAAmB,GAAG,uBAAuB,yBAAyB,IAAI,EAAE;CAElG,MAAM,cAAc;EAAE,GAAG;EAAoB,GAAG;EAAO;CACvD,MAAM,EACJ,SACA,UACA,WACA,iBAAiB,sBAAsB,SAAY,kBAAkB,SAAS,MAAM,MAAM,GAAG,QAC7F,sBACA,MAAM,WAAW,wBACjB,cAAc,sBACd,oBAAoB,2BACpB,IACA,YACA,UACA,iBACA,OACA,MACA,UAAU,cACV,UACA,OACA,GAAG,SACD,iBAAiB,YAAY;CACjC,MAAM,CAAC,WAAW,gBAAgB,SAAS,eAAe;CAC1D,MAAM,SAAS,eAAe,YAAY,YAAY;CACtD,MAAM,EAAE,OAAO,cAAc,YAAY,GAAG,kBAAkB,OAAO;CAErE,MAAM,OAAO,kBAAkB,oBAAoB,YAAY,cAAc;CAC7E,MAAM,YAAY,YAAY,QAAQ,IAAI;CAC1C,MAAM,QAAQ,aAAa,kBAAkB,eAAe,UAAU;CACtE,MAAM,oBAAoB,aAAa,aAAa,eAAe;CACnE,MAAM,cAAc,SAAS,OAAO,UAAU;AAE9C,iBAAgB;AACd,cAAY,UAAa,aAAa,QAAQ;IAC7C,CAAC,QAAQ,CAAC;CAEb,MAAM,YAAY,MAAmB;AACnC,MAAI,YAAY,OAAW,cAAa,EAAE,OAAO,QAAQ;AACzD,iBAAe,EAAE;;CAGnB,MAAM,eAAe,gBAAgB,EACnC,iBAAiBA,YAClB,CAAC;AAEF,QACE,qBAAC;EACC,YAAY,cAAc,eAAe;EACzC,WAAW,GAAG,gBAAgB,UAAU;EACrB;EACd;EACL,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;aAEJ,qBAAC;GACC,IAAG;GACH,WAAU;GACH;GACP,iBAAiB;GACjB,IAAI;GACJ,MAAK;GACL,GAAI;cAEJ,oBAAC;IACC,WAAU;IACA;IACV,KAAK;IACL,MAAK;IACC;IAAS;IAAgB;IAAU;IAAI;IAAM;IAAU;IAC7D,GAAI;KACJ,EACF,oBAACC;IAAK,WAAU;IAAmB,GAAE;IAAO,MAAM;IAAM,GAAE;KAAS;IACnD,EAEjB,aACE,SACC,oBAACC;GAAE,WAAU;GAAoB,YAAY,cAAc,SAAS;GAAU,GAAI,OAAO;aACtF;IACC;GAEK;EAEjB;AAEF,SAAS,cAAc"}

package/dist/checkbox/checkbox.types.d.ts

@@ -48,4 +48,5 @@ type CheckboxStyleProps = {
 };
 //#endregion
 export { CheckboxProps, CheckboxStyleProps };
+
 //# sourceMappingURL=checkbox.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.types.d.ts","names":[],"sources":["../../src/checkbox/checkbox.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KAOY,aAAA,CAAA,CAAA,CAAgB,cAC1B;;;;;EADU,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,QAAA,CAAA,GAAA,CAAA,OAAA,CAAA,QAAA,CAAA,IAAA,CAAA,GAAA,CAAA,KAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAAgB,QAAA,CAAA,CAAA,CAAA,OAAA;EAC1B,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,IAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAAA,OAAA,CAAA,qBAAA,CAAA,CAAA;EAQS,IAAA,CAAA,CAAA,CAAA,QAAA;EAEO,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA,CAAA,OAAA,CAAA,mBAAA,CAAA,CAAA;EAEM,WAAA,CAAA,CAAA,CAFN,QAEM;EAEQ,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,IAAA,CAAA,EAAA,CAAA,YAAA,CAAA,KAAA,CAAA,CAAA,CAAA,OAAA,CAAA,wBAAA,CAAA,CAAA;EAAf,iBAAA,CAAA,CAAA,CAFO,QAEP;EAEqB,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,KAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAAvB,UAAM,CAAA,CAAA,CAFJ,cAEI,CAFW,gBAEX,CAAA;EAQR,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,KAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAEE,QAAA,CAAA,CAAA,CAVA,KAAA,CAAM,gBAUN,CAVuB,gBAUvB,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAED,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,GAAA,CAAA,QAAA,CAAA,EAAA,CAAA,aAAA,CAAA,CAAA,CAAA;EAAiB,eAAA,CAAA,CAAA,CAAA,OAAA;EAOnB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,GAAA,CAAA,IAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,QAAA,CAAA,CAAA,CAAA;;;;;WAXC;;aAEE;;YAED;;;;;;KAOF,kBAAA,CAAA,CAAA"}
+{"version":3,"file":"checkbox.types.d.ts","names":[],"sources":["../../src/checkbox/checkbox.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KAOY,aAAA,GAAgB,cAC1B;;;;;EADU;EAAgB,QAAA,CAAA,EAAA,OAAA;EAC1B;EAQS,IAAA,CAAA,EAAA,QAAA;EAEO;EAEM,WAAA,CAAA,EAFN,QAEM;EAEQ;EAAf,iBAAA,CAAA,EAFO,QAEP;EAEqB;EAAvB,UAAM,CAAA,EAFJ,cAEI,CAFW,gBAEX,CAAA;EAQR;EAEE,QAAA,CAAA,EAVA,KAAA,CAAM,gBAUN,CAVuB,gBAUvB,GAAA,IAAA,CAAA,GAAA,IAAA;EAED;EAAiB,eAAA,CAAA,EAAA,OAAA;EAOnB;;;;;WAXC;;aAEE;;YAED;;;;;;KAOF,kBAAA"}

package/dist/checkbox/checkboxGroup.d.ts

@@ -2,10 +2,10 @@ import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { CheckboxGroupProps } from "./checkboxGroup.types.js";
 import "../index.js";
-import * as styled_components17 from "styled-components";
+import * as styled_components15 from "styled-components";
 
 //#region src/checkbox/checkboxGroup.d.ts
-declare const CheckboxGroupBase: styled_components17.StyledComponent<"div", styled_components17.DefaultTheme, SystemProps, never>;
+declare const CheckboxGroupBase: styled_components15.StyledComponent<"div", styled_components15.DefaultTheme, SystemProps, never>;
 /**
  * Organizes layout and display of multiple checkboxes as a row or column.
  * Exposes some props to the children via context.
@@ -13,4 +13,5 @@ declare const CheckboxGroupBase: styled_components17.StyledComponent<"div", styl
 declare const CheckboxGroup: VuiComponent<"div", CheckboxGroupProps>;
 //#endregion
 export { CheckboxGroup, CheckboxGroupBase };
+
 //# sourceMappingURL=checkboxGroup.d.ts.map

package/dist/checkbox/checkboxGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxGroup.d.ts","names":[],"sources":["../../src/checkbox/checkboxGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOa,mBAAiB,mBAAA,CAAA,uBAG7B,mBAAA,CAH6B,YAAA,CAAA,CAAA,WAAA,CAAA;;;;;cASjB,eAAa,oBAAA"}
+{"version":3,"file":"checkboxGroup.d.ts","names":[],"sources":["../../src/checkbox/checkboxGroup.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOa,mBAAiB,mBAAA,CAAA,uBAG7B,mBAAA,CAH6B,YAAA,EAAA,WAAA;;;;;cASjB,eAAa,oBAAA"}

package/dist/checkbox/checkboxGroup.js

@@ -1,7 +1,9 @@
 import { filterUndefined } from "../utils/object.js";
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { styled } from "../core/styled.js";
 import { vui } from "../core/vui.js";
+import "../core/index.js";
 import { CheckboxGroupProvider } from "./context.js";
 import { useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -16,7 +18,7 @@ const CheckboxGroupBase = styled.divBox`
 * Exposes some props to the children via context.
 */
 const CheckboxGroup = vui((props, ref) => {
-	const { className, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, variant,...rest } = props;
+	const { className, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, variant, ...rest } = props;
 	const context = useMemo(() => filterUndefined({
 		defaultValue,
 		disabled,
@@ -51,5 +53,5 @@ CheckboxGroup.displayName = "CheckboxGroup";
 
 //#endregion
 export { CheckboxGroup, CheckboxGroupBase };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=checkboxGroup.js.map

package/dist/checkbox/checkboxGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxGroup.js","names":[],"sources":["../../src/checkbox/checkboxGroup.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { styled, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { CheckboxGroupProps } from './checkboxGroup.types'\nimport { CheckboxGroupProvider } from './context'\n\nexport const CheckboxGroupBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n`\n\n/**\n * Organizes layout and display of multiple checkboxes as a row or column.\n * Exposes some props to the children via context.\n */\nexport const CheckboxGroup = vui<'div', CheckboxGroupProps>((props, ref) => {\n  const { className, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, variant, ...rest } = props\n\n  const context = useMemo(\n    () => filterUndefined({ defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant }),\n    [defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant],\n  )\n\n  const aliasedProps = filterUndefined({\n    flexDirection: isRow ? 'row' : undefined,\n  } as const)\n\n  return (\n    <CheckboxGroupProvider value={context}>\n      <CheckboxGroupBase className={cs('vui-checkboxGroup', className)} ref={ref} {...aliasedProps} {...rest} />\n    </CheckboxGroupProvider>\n  )\n})\n\nCheckboxGroup.displayName = 'CheckboxGroup'\n\nexport default CheckboxGroup\n"],"mappings":";;;;;;;;;AAOA,MAAa,oBAAoB,OAAO,MAAM;;;;;;;;AAS9C,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,cAAc,UAAU,OAAO,MAAM,QAAQ,UAAU,SAAS,MAAM,QAAS,GAAG,SAAS;CAE9G,MAAM,UAAU,cACR,gBAAgB;EAAE;EAAc;EAAU;EAAM;EAAQ;EAAU;EAAS;EAAM;EAAS,CAAC,EACjG;EAAC;EAAc;EAAU;EAAM;EAAQ;EAAU;EAAS;EAAM;EAAQ,CACzE;CAED,MAAM,eAAe,gBAAgB,EACnC,eAAe,QAAQ,QAAQ,QAChC,CAAU;AAEX,QACE,oBAAC;EAAsB,OAAO;YAC5B,oBAAC;GAAkB,WAAW,GAAG,qBAAqB,UAAU;GAAO;GAAK,GAAI;GAAc,GAAI;IAAQ;GACpF;EAE1B;AAEF,cAAc,cAAc"}
+{"version":3,"file":"checkboxGroup.js","names":[],"sources":["../../src/checkbox/checkboxGroup.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { styled, vui } from '../core'\nimport { cs, filterUndefined } from '../utils'\nimport type { CheckboxGroupProps } from './checkboxGroup.types'\nimport { CheckboxGroupProvider } from './context'\n\nexport const CheckboxGroupBase = styled.divBox`\n  display: flex;\n  flex-direction: column;\n`\n\n/**\n * Organizes layout and display of multiple checkboxes as a row or column.\n * Exposes some props to the children via context.\n */\nexport const CheckboxGroup = vui<'div', CheckboxGroupProps>((props, ref) => {\n  const { className, defaultValue, disabled, isRow, name, onBlur, onChange, onFocus, size, variant, ...rest } = props\n\n  const context = useMemo(\n    () => filterUndefined({ defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant }),\n    [defaultValue, disabled, name, onBlur, onChange, onFocus, size, variant],\n  )\n\n  const aliasedProps = filterUndefined({\n    flexDirection: isRow ? 'row' : undefined,\n  } as const)\n\n  return (\n    <CheckboxGroupProvider value={context}>\n      <CheckboxGroupBase className={cs('vui-checkboxGroup', className)} ref={ref} {...aliasedProps} {...rest} />\n    </CheckboxGroupProvider>\n  )\n})\n\nCheckboxGroup.displayName = 'CheckboxGroup'\n\nexport default CheckboxGroup\n"],"mappings":";;;;;;;;;;;AAOA,MAAa,oBAAoB,OAAO,MAAM;;;;;;;;AAS9C,MAAa,gBAAgB,KAAgC,OAAO,QAAQ;CAC1E,MAAM,EAAE,WAAW,cAAc,UAAU,OAAO,MAAM,QAAQ,UAAU,SAAS,MAAM,SAAS,GAAG,SAAS;CAE9G,MAAM,UAAU,cACR,gBAAgB;EAAE;EAAc;EAAU;EAAM;EAAQ;EAAU;EAAS;EAAM;EAAS,CAAC,EACjG;EAAC;EAAc;EAAU;EAAM;EAAQ;EAAU;EAAS;EAAM;EAAQ,CACzE;CAED,MAAM,eAAe,gBAAgB,EACnC,eAAe,QAAQ,QAAQ,QAChC,CAAU;AAEX,QACE,oBAAC;EAAsB,OAAO;YAC5B,oBAAC;GAAkB,WAAW,GAAG,qBAAqB,UAAU;GAAO;GAAK,GAAI;GAAc,GAAI;IAAQ;GACpF;EAE1B;AAEF,cAAc,cAAc"}

package/dist/checkbox/checkboxGroup.types.d.ts

@@ -23,4 +23,5 @@ type CheckboxGroupProps = SystemProps & ThemingProps<'Checkbox'> & {
 };
 //#endregion
 export { CheckboxGroupProps };
+
 //# sourceMappingURL=checkboxGroup.types.d.ts.map

package/dist/checkbox/checkboxGroup.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkboxGroup.types.d.ts","names":[],"sources":["../../src/checkbox/checkboxGroup.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAIY,kBAAA,CAAA,CAAA,CAAqB,cAC/B;;;;EADU,QAAA,CAAA,CAAA,CAAA,OAAA;EAAqB,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,UAAA,CAAA,EAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA;EAC/B,KAAA,CAAA,CAAA,CAAA,OAAA;EAUW,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,IAAA,CAAA,EAAA,CAAA,IAAA,CAAA,QAAA,CAAA,CAAA,CAAA;EAEE,IAAA,CAAA,CAAA,CAAA,MAAA;EAED,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,GAAA,CAAA,IAAA,CAAA,EAAA,CAAA,IAAA,CAAA,QAAA,CAAA,CAAA,CAAA;EAAiB,MAAA,CAAA,CAAA,CAJlB,iBAIkB;;aAFhB;;YAED"}
+{"version":3,"file":"checkboxGroup.types.d.ts","names":[],"sources":["../../src/checkbox/checkboxGroup.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAIY,kBAAA,GAAqB,cAC/B;;;;EADU,QAAA,CAAA,EAAA,OAAA;EAAqB;EAC/B,KAAA,CAAA,EAAA,OAAA;EAUW;EAEE,IAAA,CAAA,EAAA,MAAA;EAED;EAAiB,MAAA,CAAA,EAJlB,iBAIkB;;aAFhB;;YAED"}

package/dist/checkbox/consts.js

@@ -12,5 +12,5 @@ const disabled = {
 
 //#endregion
 export { checkboxColors, disabled };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=consts.js.map

package/dist/checkbox/context.d.ts

@@ -1,9 +1,10 @@
 import { Dict } from "../utils/types.js";
 import "../utils/index.js";
-import * as react0 from "react";
+import * as react4 from "react";
 
 //#region src/checkbox/context.d.ts
-declare const CheckboxGroupProvider: react0.Provider<Dict>, useCheckboxGroupContext: () => Dict;
+declare const CheckboxGroupProvider: react4.Provider<Dict>, useCheckboxGroupContext: () => Dict;
 //#endregion
 export { CheckboxGroupProvider, useCheckboxGroupContext };
+
 //# sourceMappingURL=context.d.ts.map

package/dist/checkbox/context.js

@@ -1,9 +1,10 @@
 import { createContext } from "../utils/react.js";
+import "../utils/index.js";
 
 //#region src/checkbox/context.ts
 const [CheckboxGroupProvider, useCheckboxGroupContext] = createContext({ isOptional: true });
 
 //#endregion
 export { CheckboxGroupProvider, useCheckboxGroupContext };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=context.js.map

package/dist/checkbox/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/checkbox/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] = createContext<Dict>({ isOptional: true })\n\nexport { CheckboxGroupProvider, useCheckboxGroupContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,uBAAuB,2BAA2B,cAAoB,EAAE,YAAY,MAAM,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/checkbox/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] = createContext<Dict>({ isOptional: true })\n\nexport { CheckboxGroupProvider, useCheckboxGroupContext }\n"],"mappings":";;;;AAGA,MAAM,CAAC,uBAAuB,2BAA2B,cAAoB,EAAE,YAAY,MAAM,CAAC"}

package/dist/checkbox/index.d.ts

@@ -2,4 +2,4 @@ import { CheckboxProps, CheckboxStyleProps } from "./checkbox.types.js";
 import { Checkbox, CheckboxBase } from "./checkbox.js";
 import { CheckboxGroupProps } from "./checkboxGroup.types.js";
 import { CheckboxGroup, CheckboxGroupBase } from "./checkboxGroup.js";
-import { CheckboxGroupProvider, useCheckboxGroupContext } from "./context.js";
+import { CheckboxGroupProvider, useCheckboxGroupContext } from "./context.js";

package/dist/checkbox/index.js

@@ -0,0 +1,5 @@
+import { CheckboxGroupProvider, useCheckboxGroupContext } from "./context.js";
+import { Checkbox, CheckboxBase } from "./checkbox.js";
+import { CheckboxGroup, CheckboxGroupBase } from "./checkboxGroup.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/checkbox/theme.js

@@ -48,5 +48,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/copyToClipboard/copyToClipboard.d.ts

@@ -15,4 +15,5 @@ import "../index.js";
 declare const CopyToClipboard: VuiComponent<"button", CopyToClipboardProps>;
 //#endregion
 export { CopyToClipboard };
+
 //# sourceMappingURL=copyToClipboard.d.ts.map

package/dist/copyToClipboard/copyToClipboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"copyToClipboard.d.ts","names":[],"sources":["../../src/copyToClipboard/copyToClipboard.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAiBA,CAAA;;;;cAAa,iBAAe,uBAAA"}
+{"version":3,"file":"copyToClipboard.d.ts","names":[],"sources":["../../src/copyToClipboard/copyToClipboard.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;AAiBA;;;;cAAa,iBAAe,uBAAA"}

package/dist/copyToClipboard/copyToClipboard.js

@@ -1,6 +1,9 @@
 import { cs } from "../utils/styles.js";
+import "../utils/index.js";
 import { vui } from "../core/vui.js";
 import button_default from "../button/button.js";
+import "../button/index.js";
+import "../core/index.js";
 import { useCopyToClipboard } from "./useCopyToClipboard.js";
 import { jsx } from "react/jsx-runtime";
 
@@ -15,7 +18,7 @@ const defaultIcon = "falCopy";
 *
 */
 const CopyToClipboard = vui((props, ref) => {
-	const { disabled, copyText, className, icon = defaultIcon, size = "sm", variant = "tertiaryDark",...rest } = props;
+	const { disabled, copyText, className, icon = defaultIcon, size = "sm", variant = "tertiaryDark", ...rest } = props;
 	const { copy, isCopyDisabled } = useCopyToClipboard(copyText);
 	return /* @__PURE__ */ jsx(button_default, {
 		"aria-label": `Copy to clipboard ${copyText}`,
@@ -33,5 +36,5 @@ CopyToClipboard.displayName = "CopyToClipboard";
 
 //#endregion
 export { CopyToClipboard };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=copyToClipboard.js.map

package/dist/copyToClipboard/copyToClipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"copyToClipboard.js","names":["defaultIcon: IconProp","Button"],"sources":["../../src/copyToClipboard/copyToClipboard.tsx"],"sourcesContent":["import Button from '../button'\nimport { vui } from '../core'\nimport type { IconProp } from '../icon'\nimport { cs } from '../utils'\nimport type { CopyToClipboardProps } from './copyToClipboard.types'\nimport { useCopyToClipboard } from './useCopyToClipboard'\n\nconst defaultIcon: IconProp = 'falCopy'\n\n/**\n * A helper button component.\n *\n * Copies the provided text to clipboard.\n *\n * Copying is available only for a secure environment (https://), otherwise the button is disabled.\n *\n */\nexport const CopyToClipboard = vui<'button', CopyToClipboardProps>((props, ref) => {\n  const { disabled, copyText, className, icon = defaultIcon, size = 'sm', variant = 'tertiaryDark', ...rest } = props\n\n  const { copy, isCopyDisabled } = useCopyToClipboard(copyText)\n\n  return (\n    <Button\n      aria-label={`Copy to clipboard ${copyText}`}\n      className={cs('vui-copy-to-clipboard', className)}\n      disabled={disabled || isCopyDisabled}\n      icon={icon}\n      onClick={() => copy()}\n      ref={ref}\n      size={size}\n      variant={variant}\n      {...rest}\n    />\n  )\n})\n\nCopyToClipboard.displayName = 'CopyToClipboard'\nexport default CopyToClipboard\n"],"mappings":";;;;;;;AAOA,MAAMA,cAAwB;;;;;;;;;AAU9B,MAAa,kBAAkB,KAAqC,OAAO,QAAQ;CACjF,MAAM,EAAE,UAAU,UAAU,WAAW,OAAO,aAAa,OAAO,MAAM,UAAU,eAAgB,GAAG,SAAS;CAE9G,MAAM,EAAE,MAAM,mBAAmB,mBAAmB,SAAS;AAE7D,QACE,oBAACC;EACC,cAAY,qBAAqB;EACjC,WAAW,GAAG,yBAAyB,UAAU;EACjD,UAAU,YAAY;EAChB;EACN,eAAe,MAAM;EAChB;EACC;EACG;EACT,GAAI;GACJ;EAEJ;AAEF,gBAAgB,cAAc"}
+{"version":3,"file":"copyToClipboard.js","names":["defaultIcon: IconProp","Button"],"sources":["../../src/copyToClipboard/copyToClipboard.tsx"],"sourcesContent":["import Button from '../button'\nimport { vui } from '../core'\nimport type { IconProp } from '../icon'\nimport { cs } from '../utils'\nimport type { CopyToClipboardProps } from './copyToClipboard.types'\nimport { useCopyToClipboard } from './useCopyToClipboard'\n\nconst defaultIcon: IconProp = 'falCopy'\n\n/**\n * A helper button component.\n *\n * Copies the provided text to clipboard.\n *\n * Copying is available only for a secure environment (https://), otherwise the button is disabled.\n *\n */\nexport const CopyToClipboard = vui<'button', CopyToClipboardProps>((props, ref) => {\n  const { disabled, copyText, className, icon = defaultIcon, size = 'sm', variant = 'tertiaryDark', ...rest } = props\n\n  const { copy, isCopyDisabled } = useCopyToClipboard(copyText)\n\n  return (\n    <Button\n      aria-label={`Copy to clipboard ${copyText}`}\n      className={cs('vui-copy-to-clipboard', className)}\n      disabled={disabled || isCopyDisabled}\n      icon={icon}\n      onClick={() => copy()}\n      ref={ref}\n      size={size}\n      variant={variant}\n      {...rest}\n    />\n  )\n})\n\nCopyToClipboard.displayName = 'CopyToClipboard'\nexport default CopyToClipboard\n"],"mappings":";;;;;;;;;;AAOA,MAAMA,cAAwB;;;;;;;;;AAU9B,MAAa,kBAAkB,KAAqC,OAAO,QAAQ;CACjF,MAAM,EAAE,UAAU,UAAU,WAAW,OAAO,aAAa,OAAO,MAAM,UAAU,gBAAgB,GAAG,SAAS;CAE9G,MAAM,EAAE,MAAM,mBAAmB,mBAAmB,SAAS;AAE7D,QACE,oBAACC;EACC,cAAY,qBAAqB;EACjC,WAAW,GAAG,yBAAyB,UAAU;EACjD,UAAU,YAAY;EAChB;EACN,eAAe,MAAM;EAChB;EACC;EACG;EACT,GAAI;GACJ;EAEJ;AAEF,gBAAgB,cAAc"}

package/dist/copyToClipboard/copyToClipboard.types.d.ts

@@ -15,4 +15,5 @@ type CopyToClipboardProps = SystemProps & ThemingProps<'Button'> & {
 };
 //#endregion
 export { CopyToClipboardProps };
+
 //# sourceMappingURL=copyToClipboard.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"copyToClipboard.types.d.ts","names":[],"sources":["../../src/copyToClipboard/copyToClipboard.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAIY,oBAAA,CAAA,CAAA,CAAuB,cACjC;;;;EADU,IAAA,CAAA,CAAA,CAKD,QALC;EAAuB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,IAAA,CAAA,CAAA,OAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;EACjC,IAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA;CAIS"}
+{"version":3,"file":"copyToClipboard.types.d.ts","names":[],"sources":["../../src/copyToClipboard/copyToClipboard.types.ts"],"sourcesContent":[],"mappings":";;;;;;;KAIY,oBAAA,GAAuB,cACjC;;;;EADU,IAAA,CAAA,EAKD,QALC;EAAuB;EACjC,IAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IAAA,GAAA,IAAA;CAIS"}

package/dist/copyToClipboard/index.d.ts

@@ -1,3 +1,3 @@
 import { CopyToClipboardProps } from "./copyToClipboard.types.js";
 import { CopyToClipboard } from "./copyToClipboard.js";
-import { useCopyToClipboard } from "./useCopyToClipboard.js";
+import { useCopyToClipboard } from "./useCopyToClipboard.js";

package/dist/copyToClipboard/index.js

@@ -0,0 +1,4 @@
+import { useCopyToClipboard } from "./useCopyToClipboard.js";
+import { CopyToClipboard } from "./copyToClipboard.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/copyToClipboard/useCopyToClipboard.d.ts

@@ -5,4 +5,5 @@ declare const useCopyToClipboard: (copyText: string) => {
 };
 //#endregion
 export { useCopyToClipboard };
+
 //# sourceMappingURL=useCopyToClipboard.d.ts.map

package/dist/copyToClipboard/useCopyToClipboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCopyToClipboard.d.ts","names":[],"sources":["../../src/copyToClipboard/useCopyToClipboard.ts"],"sourcesContent":[],"mappings":";cAEa;EAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA"}
+{"version":3,"file":"useCopyToClipboard.d.ts","names":[],"sources":["../../src/copyToClipboard/useCopyToClipboard.ts"],"sourcesContent":[],"mappings":";cAEa;EAAA,IAAA,EAAA,GAAA,GAAA,IAAA"}

package/dist/copyToClipboard/useCopyToClipboard.js

@@ -1,4 +1,5 @@
 import { useToast } from "../toast/useToast.js";
+import "../toast/index.js";
 
 //#region src/copyToClipboard/useCopyToClipboard.ts
 const useCopyToClipboard = (copyText) => {
@@ -15,5 +16,5 @@ const useCopyToClipboard = (copyText) => {
 
 //#endregion
 export { useCopyToClipboard };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=useCopyToClipboard.js.map

package/dist/copyToClipboard/useCopyToClipboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCopyToClipboard.js","names":[],"sources":["../../src/copyToClipboard/useCopyToClipboard.ts"],"sourcesContent":["import { useToast } from '../toast'\n\nexport const useCopyToClipboard = (copyText: string) => {\n  const { showSuccess, showError } = useToast()\n  const isCopyDisabled = !window?.navigator?.clipboard?.writeText\n  const copy = () => {\n    if (!isCopyDisabled) {\n      window?.navigator?.clipboard\n        .writeText?.(copyText)\n        .then(() => showSuccess(`Copied to clipboard: ${copyText}`))\n        .catch(() => showError('Copy failed'))\n    }\n  }\n  return { copy, isCopyDisabled }\n}\n"],"mappings":";;;AAEA,MAAa,sBAAsB,aAAqB;CACtD,MAAM,EAAE,aAAa,cAAc,UAAU;CAC7C,MAAM,iBAAiB,CAAC,QAAQ,WAAW,WAAW;CACtD,MAAM,aAAa;AACjB,MAAI,CAAC,eACH,SAAQ,WAAW,UAChB,YAAY,SAAS,CACrB,WAAW,YAAY,wBAAwB,WAAW,CAAC,CAC3D,YAAY,UAAU,cAAc,CAAC;;AAG5C,QAAO;EAAE;EAAM;EAAgB"}
+{"version":3,"file":"useCopyToClipboard.js","names":[],"sources":["../../src/copyToClipboard/useCopyToClipboard.ts"],"sourcesContent":["import { useToast } from '../toast'\n\nexport const useCopyToClipboard = (copyText: string) => {\n  const { showSuccess, showError } = useToast()\n  const isCopyDisabled = !window?.navigator?.clipboard?.writeText\n  const copy = () => {\n    if (!isCopyDisabled) {\n      window?.navigator?.clipboard\n        .writeText?.(copyText)\n        .then(() => showSuccess(`Copied to clipboard: ${copyText}`))\n        .catch(() => showError('Copy failed'))\n    }\n  }\n  return { copy, isCopyDisabled }\n}\n"],"mappings":";;;;AAEA,MAAa,sBAAsB,aAAqB;CACtD,MAAM,EAAE,aAAa,cAAc,UAAU;CAC7C,MAAM,iBAAiB,CAAC,QAAQ,WAAW,WAAW;CACtD,MAAM,aAAa;AACjB,MAAI,CAAC,eACH,SAAQ,WAAW,UAChB,YAAY,SAAS,CACrB,WAAW,YAAY,wBAAwB,WAAW,CAAC,CAC3D,YAAY,UAAU,cAAc,CAAC;;AAG5C,QAAO;EAAE;EAAM;EAAgB"}

package/dist/core/consts.d.ts

@@ -10,4 +10,5 @@ declare const cdnUrls: {
 };
 //#endregion
 export { cdnFontsPath, cdnStagUrl, cdnTestUrl, cdnUrl, cdnUrls };
+
 //# sourceMappingURL=consts.d.ts.map

package/dist/core/consts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","names":[],"sources":["../../src/core/consts.ts"],"sourcesContent":[],"mappings":";cAAa,MAAA,CAAA,CAAA;AAAA,OAAA,CAAA,KAAA,CACA,UAAA,CAAA,CAAA,CADM,CAAA,KAAA,CAAA,CAAA,CAAA,OAAA,CAAA,QAAA,CAAA,GAAA,CAAA;AACN,OAAA,CAAA,KAAA,CACA,UAAA,CAAA,CAAA,CADU,CAAA,KAAA,CAAA,CAAA,CAAA,OAAA,CAAA,QAAA,CAAA,GAAA,CAAA;AACV,OAAA,CAAA,KAAA,CACA,YAAA,CAAA,CAAA,CADU,CAAA,CAAA,MAAA,CAAA,KAAA,CAAA;AACV,OAAA,CAAA,KAAA,CAEA,OAFY,CAAA,CAAA;EAEZ,QAAA,CAAA,IAIH,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,GAAA,CAAA,QAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"consts.d.ts","names":[],"sources":["../../src/core/consts.ts"],"sourcesContent":[],"mappings":";cAAa,MAAA;AAAA,cACA,UAAA,GADM,8BAAA;AACN,cACA,UAAA,GADU,8BAAA;AACV,cACA,YAAA,GADU,eAAA;AACV,cAEA,OAFY,EAAA;EAEZ,SAAA,IAIH,EAAA,0BAAA"}

package/dist/core/consts.js

@@ -11,5 +11,5 @@ const cdnUrls = {
 
 //#endregion
 export { cdnFontsPath, cdnStagUrl, cdnTestUrl, cdnUrl, cdnUrls };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=consts.js.map

package/dist/core/index.d.ts

@@ -1,9 +1,10 @@
 import { cdnFontsPath, cdnStagUrl, cdnTestUrl, cdnUrl, cdnUrls } from "./consts.js";
 import { LinksDict, LinksProvider, getLoggedInLink, useLinks, useLoadLinks } from "./links.js";
-import { ChildrenProp, KeyboardKeys, VuiContext } from "./types.js";
+import { extendTheme } from "../theme/extendTheme.js";
+import { ChildrenProp, KeyboardKeys, ToastListItem, VuiContext } from "./types.js";
 import { RenderOnScreen, RenderOnScreenProps, mediaBetween, mediaDown, mediaUp, useBetween, useDown, useUp, useViewportWidth } from "./media.js";
 import { CSSFunction, CreateGlobalStyle, VStyled, createGlobalStyle, css, styled, v } from "./styled.js";
-import { ThemeGet, extendTheme, omitThemingProps, th, useStyleConfig, useTh, useTheme } from "./theme.js";
+import { ThemeGet, omitThemingProps, th, useStyleConfig, useTh, useTheme } from "./theme.js";
 import { VC, VuiComponent, VuiComponentConfig, vui } from "./vui.js";
 import { bounce, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, pulse, spin } from "./vuiProvider/animations.js";
 import { VuiContextProvider, useVuiContext } from "./vuiProvider/context.js";
@@ -14,4 +15,4 @@ import { _default } from "./vuiProvider/fontFaces.js";
 import { _default as _default$1 } from "./vuiProvider/globalStyle.js";
 import { _default as _default$2 } from "./vuiProvider/resetCSS.js";
 import { VuiProvider } from "./vuiProvider/vuiProvider.js";
-import "./vuiProvider/index.js";
+import "./vuiProvider/index.js";

package/dist/core/index.js

@@ -0,0 +1,19 @@
+import { cdnFontsPath, cdnStagUrl, cdnTestUrl, cdnUrl, cdnUrls } from "./consts.js";
+import { LinksProvider, getLoggedInLink, useLinks, useLoadLinks } from "./links.js";
+import { extendTheme } from "../theme/extendTheme.js";
+import { omitThemingProps, th, useStyleConfig, useTh, useTheme } from "./theme.js";
+import { RenderOnScreen, mediaBetween, mediaDown, mediaUp, useBetween, useDown, useUp, useViewportWidth } from "./media.js";
+import { createGlobalStyle, css, styled, v } from "./styled.js";
+import { vui } from "./vui.js";
+import { bounce, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, pulse, spin } from "./vuiProvider/animations.js";
+import { VuiContextProvider, useVuiContext } from "./vuiProvider/context.js";
+import { useOfflineMode } from "./vuiProvider/useOfflineMode.js";
+import { noScrollClass } from "./vuiProvider/consts.js";
+import { useBodyScrollLock } from "./vuiProvider/useBodyScrollLock.js";
+import fontFaces_default from "./vuiProvider/fontFaces.js";
+import globalStyle_default from "./vuiProvider/globalStyle.js";
+import resetCSS_default from "./vuiProvider/resetCSS.js";
+import vuiProvider_default from "./vuiProvider/vuiProvider.js";
+import "./vuiProvider/index.js";
+
+globalThis.__vuiVersion__ = "4.0.0-beta.1"

package/dist/core/links.d.ts

@@ -24,4 +24,5 @@ declare function useLinks(): LinksContextType;
 declare function useLoadLinks(env?: Environment, isLoggedIn?: boolean): void;
 //#endregion
 export { LinksDict, LinksProvider, getLoggedInLink, useLinks, useLoadLinks };
+
 //# sourceMappingURL=links.d.ts.map

package/dist/core/links.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"links.d.ts","names":[],"sources":["../../src/core/links.tsx"],"sourcesContent":[],"mappings":";;;;;;KAOY,SAAA,CAAA,CAAA,CAAY;KAEnB,gBAAA,CAAA,CAAA,EAAoB,WAAW,SAAS,eAAe;;;AAF5D,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,UAAA,CAAA,CAAA,EAAA,CAAA,KAAA,CAAA,CAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,EAAA,CAAA,OAAA;AAAoC,CAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,IAAA,CAAA,IAAA,CAAA,UAAA,CAAA,OAAA,CAAA,QAAA,CAAA,YAAA;;AAEwB,OAAA,CAAA,QAAA,CAS5C,eAAA,CAT4C,IAAA,CAAA,CAAA,MAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,MAAA;AAAf,OAAA,CAAA,QAAA,CAsB7B,aAAA,CAtB6B,KAAA,CAAA,CAAA;EAAT,QAAA,CAAA,CAsBa,KAAA,CAAM,SAtBnB;CAAQ,CAAA,CAAA,CAsBsB,kBAAA,CAAA,GAAA,CAAA,OAtBtB;AAS5C,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,KAAA,CAAA,GAAA,CAAA,QAAA,CAAA,IAAA,CAAA,YAAA,CAAA,CAAA,CAAA;AAagB,OAAA,CAAA,QAAA,CAOA,QAAA,CAAA,CAPiC,CAAA,CAOzB,gBAP0C;AAOlE,CAAA,CAAA;AAeA,CAAA,CAAA,CAAA,SAAA,CAAA,GAAA,CAAA,KAAA,CAAA,IAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,KAAA,CAAA,WAAA,CAAA,GAAA,CAAA,OAAA,CAAA,IAAA,CAAA,IAAA,CAAA,QAAA,CAAA,CAAA,CAAA;;;iBAAgB,YAAA,OAAmB"}
+{"version":3,"file":"links.d.ts","names":[],"sources":["../../src/core/links.tsx"],"sourcesContent":[],"mappings":";;;;;;KAQY,SAAA,GAAY;KAEnB,gBAAA,IAAoB,WAAW,SAAS,eAAe;;;AAF5D;AAAoC;;AAEwB,iBAS5C,eAAA,CAT4C,IAAA,EAAA,MAAA,EAAA,UAAA,CAAA,EAAA,OAAA,CAAA,EAAA,MAAA;AAAf,iBAsB7B,aAAA,CAtB6B,KAAA,EAAA;EAAT,QAAA,EAsBa,KAAA,CAAM,SAtBnB;CAAQ,CAAA,EAsBsB,kBAAA,CAAA,GAAA,CAAA,OAtBtB;AAS5C;AAagB,iBAQA,QAAA,CAAA,CARiC,EAQzB,gBAR0C;AAQlE;AAgBA;;;iBAAgB,YAAA,OAAmB"}

package/dist/core/links.js

@@ -2,6 +2,7 @@ import { cdnUrls } from "./consts.js";
 import { isObject } from "../utils/assertion.js";
 import { noop } from "../utils/function.js";
 import { useCallbackRef } from "../utils/react.js";
+import "../utils/index.js";
 import { createContext, useContext, useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -75,5 +76,5 @@ function useLoadLinks(env, isLoggedIn) {
 
 //#endregion
 export { LinksProvider, getLoggedInLink, useLinks, useLoadLinks };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=links.js.map

package/dist/core/links.js.map

@@ -1 +1 @@
-{"version":3,"file":"links.js","names":["env"],"sources":["../../src/core/links.tsx"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react'\nimport { createContext, useContext, useEffect, useState } from 'react'\n\nimport type { Dict, Environment } from '../utils'\nimport { isObject, noop, useCallbackRef } from '../utils'\nimport { cdnUrls } from './consts'\n\nexport type LinksDict = Dict<string>\n\ntype LinksContextType = [LinksDict, Dispatch<SetStateAction<LinksDict>>]\n\nconst LinksContext = createContext<LinksContextType | undefined>(undefined)\n\n/**\n * Adds loggedIn=1 parameter to the URL if 'isLoggedIn' flag is true, which means the user is logged in.\n * If 'isLoggedIn' is falsy, loggedin param will be removed.\n * This is supposed to aid login flow when navigating between Veracity applications.\n */\nexport function getLoggedInLink(link: string, isLoggedIn?: boolean) {\n  try {\n    const url = new URL(link)\n\n    if (isLoggedIn) url.searchParams.append('loggedin', '1')\n    else url.searchParams.delete('loggedin')\n\n    return url.toString()\n  } catch {\n    return link\n  }\n}\n\nexport function LinksProvider(props: { children: React.ReactNode }) {\n  const linksState = useState<LinksDict>({})\n\n  return <LinksContext.Provider value={linksState} {...props} />\n}\n\n/** Returns links and setLinks from LinksContext. */\nexport function useLinks() {\n  const context = useContext(LinksContext)\n\n  if (context === undefined) {\n    console.error('useLinks must be used within a LinksContext.')\n    return [{}, noop] as LinksContextType\n  }\n\n  return context\n}\n\n/**\n * Retrieves the links from CDN for the given environment and appends them with loggedin=1 parameter\n * if user is logged in. Links will be reloaded when 'env' changes or updated when 'isLoggedIn' changes.\n */\nexport function useLoadLinks(env?: Environment, isLoggedIn?: boolean) {\n  const [, setLinks] = useLinks()\n\n  // Load links from the CDN for the given environment.\n  const loadLinks = async (env: Environment) => {\n    try {\n      const response = await fetch(`${cdnUrls[env]}/common/data/links/base.json`)\n      if (!response.ok) return\n\n      const data = await response.json()\n\n      if (isObject(data)) setLinks(updateLoggedInParam(data))\n    } catch {\n      console.error('Failed to retrieve links')\n    }\n  }\n\n  /**\n   * Adds/removes loggedin=1 URL param for each link based on isLoggedIn arg.\n   * useCallbackRef is used here to prevent a stale closure in async loadLinks.\n   */\n  const updateLoggedInParam = useCallbackRef((links: LinksDict) => {\n    return Object.keys(links).reduce((loggedInLinks: LinksDict, key) => {\n      loggedInLinks[key] = getLoggedInLink(links[key], isLoggedIn)\n      return loggedInLinks\n    }, {})\n  })\n\n  useEffect(() => {\n    if (!env) return\n\n    loadLinks(env)\n  }, [env])\n\n  useEffect(() => {\n    setLinks(updateLoggedInParam)\n  }, [isLoggedIn])\n}\n"],"mappings":";;;;;;;;AAWA,MAAM,eAAe,cAA4C,OAAU;;;;;;AAO3E,SAAgB,gBAAgB,MAAc,YAAsB;AAClE,KAAI;EACF,MAAM,MAAM,IAAI,IAAI,KAAK;AAEzB,MAAI,WAAY,KAAI,aAAa,OAAO,YAAY,IAAI;MACnD,KAAI,aAAa,OAAO,WAAW;AAExC,SAAO,IAAI,UAAU;SACf;AACN,SAAO;;;AAIX,SAAgB,cAAc,OAAsC;CAClE,MAAM,aAAa,SAAoB,EAAE,CAAC;AAE1C,QAAO,oBAAC,aAAa;EAAS,OAAO;EAAY,GAAI;GAAS;;;AAIhE,SAAgB,WAAW;CACzB,MAAM,UAAU,WAAW,aAAa;AAExC,KAAI,YAAY,QAAW;AACzB,UAAQ,MAAM,+CAA+C;AAC7D,SAAO,CAAC,EAAE,EAAE,KAAK;;AAGnB,QAAO;;;;;;AAOT,SAAgB,aAAa,KAAmB,YAAsB;CACpE,MAAM,GAAG,YAAY,UAAU;CAG/B,MAAM,YAAY,OAAO,UAAqB;AAC5C,MAAI;GACF,MAAM,WAAW,MAAM,MAAM,GAAG,QAAQA,OAAK,8BAA8B;AAC3E,OAAI,CAAC,SAAS,GAAI;GAElB,MAAM,OAAO,MAAM,SAAS,MAAM;AAElC,OAAI,SAAS,KAAK,CAAE,UAAS,oBAAoB,KAAK,CAAC;UACjD;AACN,WAAQ,MAAM,2BAA2B;;;;;;;CAQ7C,MAAM,sBAAsB,gBAAgB,UAAqB;AAC/D,SAAO,OAAO,KAAK,MAAM,CAAC,QAAQ,eAA0B,QAAQ;AAClE,iBAAc,OAAO,gBAAgB,MAAM,MAAM,WAAW;AAC5D,UAAO;KACN,EAAE,CAAC;GACN;AAEF,iBAAgB;AACd,MAAI,CAAC,IAAK;AAEV,YAAU,IAAI;IACb,CAAC,IAAI,CAAC;AAET,iBAAgB;AACd,WAAS,oBAAoB;IAC5B,CAAC,WAAW,CAAC"}
+{"version":3,"file":"links.js","names":["env"],"sources":["../../src/core/links.tsx"],"sourcesContent":["import type { Dispatch, SetStateAction } from 'react'\n// eslint-disable-next-line @eslint-react/no-use-context\nimport { createContext, useContext, useEffect, useState } from 'react'\n\nimport type { Dict, Environment } from '../utils'\nimport { isObject, noop, useCallbackRef } from '../utils'\nimport { cdnUrls } from './consts'\n\nexport type LinksDict = Dict<string>\n\ntype LinksContextType = [LinksDict, Dispatch<SetStateAction<LinksDict>>]\n\nconst LinksContext = createContext<LinksContextType | undefined>(undefined)\n\n/**\n * Adds loggedIn=1 parameter to the URL if 'isLoggedIn' flag is true, which means the user is logged in.\n * If 'isLoggedIn' is falsy, loggedin param will be removed.\n * This is supposed to aid login flow when navigating between Veracity applications.\n */\nexport function getLoggedInLink(link: string, isLoggedIn?: boolean) {\n  try {\n    const url = new URL(link)\n\n    if (isLoggedIn) url.searchParams.append('loggedin', '1')\n    else url.searchParams.delete('loggedin')\n\n    return url.toString()\n  } catch {\n    return link\n  }\n}\n\nexport function LinksProvider(props: { children: React.ReactNode }) {\n  const linksState = useState<LinksDict>({})\n\n  // eslint-disable-next-line @eslint-react/no-context-provider\n  return <LinksContext.Provider value={linksState} {...props} />\n}\n\n/** Returns links and setLinks from LinksContext. */\nexport function useLinks() {\n  // eslint-disable-next-line @eslint-react/no-use-context\n  const context = useContext(LinksContext)\n\n  if (context === undefined) {\n    console.error('useLinks must be used within a LinksContext.')\n    return [{}, noop] as LinksContextType\n  }\n\n  return context\n}\n\n/**\n * Retrieves the links from CDN for the given environment and appends them with loggedin=1 parameter\n * if user is logged in. Links will be reloaded when 'env' changes or updated when 'isLoggedIn' changes.\n */\nexport function useLoadLinks(env?: Environment, isLoggedIn?: boolean) {\n  const [, setLinks] = useLinks()\n\n  // Load links from the CDN for the given environment.\n  const loadLinks = async (env: Environment) => {\n    try {\n      const response = await fetch(`${cdnUrls[env]}/common/data/links/base.json`)\n      if (!response.ok) return\n\n      const data = await response.json()\n\n      if (isObject(data)) setLinks(updateLoggedInParam(data))\n    } catch {\n      console.error('Failed to retrieve links')\n    }\n  }\n\n  /**\n   * Adds/removes loggedin=1 URL param for each link based on isLoggedIn arg.\n   * useCallbackRef is used here to prevent a stale closure in async loadLinks.\n   */\n  const updateLoggedInParam = useCallbackRef((links: LinksDict) => {\n    return Object.keys(links).reduce((loggedInLinks: LinksDict, key) => {\n      loggedInLinks[key] = getLoggedInLink(links[key], isLoggedIn)\n      return loggedInLinks\n    }, {})\n  })\n\n  useEffect(() => {\n    if (!env) return\n\n    loadLinks(env)\n  }, [env])\n\n  useEffect(() => {\n    setLinks(updateLoggedInParam)\n  }, [isLoggedIn])\n}\n"],"mappings":";;;;;;;;;AAYA,MAAM,eAAe,cAA4C,OAAU;;;;;;AAO3E,SAAgB,gBAAgB,MAAc,YAAsB;AAClE,KAAI;EACF,MAAM,MAAM,IAAI,IAAI,KAAK;AAEzB,MAAI,WAAY,KAAI,aAAa,OAAO,YAAY,IAAI;MACnD,KAAI,aAAa,OAAO,WAAW;AAExC,SAAO,IAAI,UAAU;SACf;AACN,SAAO;;;AAIX,SAAgB,cAAc,OAAsC;CAClE,MAAM,aAAa,SAAoB,EAAE,CAAC;AAG1C,QAAO,oBAAC,aAAa;EAAS,OAAO;EAAY,GAAI;GAAS;;;AAIhE,SAAgB,WAAW;CAEzB,MAAM,UAAU,WAAW,aAAa;AAExC,KAAI,YAAY,QAAW;AACzB,UAAQ,MAAM,+CAA+C;AAC7D,SAAO,CAAC,EAAE,EAAE,KAAK;;AAGnB,QAAO;;;;;;AAOT,SAAgB,aAAa,KAAmB,YAAsB;CACpE,MAAM,GAAG,YAAY,UAAU;CAG/B,MAAM,YAAY,OAAO,UAAqB;AAC5C,MAAI;GACF,MAAM,WAAW,MAAM,MAAM,GAAG,QAAQA,OAAK,8BAA8B;AAC3E,OAAI,CAAC,SAAS,GAAI;GAElB,MAAM,OAAO,MAAM,SAAS,MAAM;AAElC,OAAI,SAAS,KAAK,CAAE,UAAS,oBAAoB,KAAK,CAAC;UACjD;AACN,WAAQ,MAAM,2BAA2B;;;;;;;CAQ7C,MAAM,sBAAsB,gBAAgB,UAAqB;AAC/D,SAAO,OAAO,KAAK,MAAM,CAAC,QAAQ,eAA0B,QAAQ;AAClE,iBAAc,OAAO,gBAAgB,MAAM,MAAM,WAAW;AAC5D,UAAO;KACN,EAAE,CAAC;GACN;AAEF,iBAAgB;AACd,MAAI,CAAC,IAAK;AAEV,YAAU,IAAI;IACb,CAAC,IAAI,CAAC;AAET,iBAAgB;AACd,WAAS,oBAAoB;IAC5B,CAAC,WAAW,CAAC"}

package/dist/core/media.d.ts

@@ -33,4 +33,5 @@ declare function useUp(width: ScreenWidth): boolean;
 declare function useBetween(minWidth: ScreenWidth, maxWidth: ScreenWidth): boolean;
 //#endregion
 export { RenderOnScreen, RenderOnScreenProps, mediaBetween, mediaDown, mediaUp, useBetween, useDown, useUp, useViewportWidth };
+
 //# sourceMappingURL=media.d.ts.map

package/dist/core/media.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"media.d.ts","names":[],"sources":["../../src/core/media.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;KASK,WAAA,CAAA,CAAA,CAAc,SAAS,YAAY;KAE5B,mBAAA,CAAA,CAAA;;EAFP,QAAA,CAAA,CAAA,CAIQ,MAJG;EAAG,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,EAAA,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,OAAA,CAAA,CAAA,CAAA;EAAS,QAAA,CAAA,CAAA,CAMf,MANe;CAAY;;AAE5B,OAAA,CAAA,KAAA,CAQC,YARkB,CAAA,CAAA,CAAA,QAElB,CAAA,CAM0B,WAJpB,CAAA,CAAA,QAAA,CAAA,CAI2C,WAJ3C,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAImE,WAJnE,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA;AAInB,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,IAAA,CAAA,WAAA,CAAA,GAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA;AAAuC,OAAA,CAAA,KAAA,CAI1B,SAJ0B,CAAA,CAAA,CAAA,KAAA,CAAA,CAIN,WAJM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAIkB,WAJlB,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA;;AAA+C,OAAA,CAAA,KAAA,CASzE,OATyE,CAAA,CAAA,CAAA,KAAA,CAAA,CASvD,WATuD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAS/B,WAT+B,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA;;AAItF,CAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,OAAA,CAAA,IAAA,CAAA,QAAA,CAAA,KAAA,CAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA,KAAA,CAAA,CAAA,CAAA,QAAA,CAAA,UAAA;AAKA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,SAAA,CAAA,GAAA,CAAA,EAAA,CAAA,GAAA,CAAA,EAAA,CAAA,IAAA,CAAA,CAAA,EAAA,CAAA,KAAA,CAAA,CAAA,GAAA,CAAA,UAAA;AAOA,CAAA,CAAA;AAAgC,OAAA,CAAA,KAAA,CAAnB,cAAmB,CAAA,CAAH,EAAG,CAAA,mBAAA,CAAA,CAAA,CAAsB,YAAtB,CAAA;;AAAH,OAAA,CAAA,QAAA,CAyCb,OAAA,CAzCa,KAAA,CAAA,CAyCE,WAzCF,CAAA,CAAA,CAAA,OAAA;;AAyCb,OAAA,CAAA,QAAA,CAOA,KAAA,CAPe,KAAA,CAAA,CAOF,WAPa,CAAA,CAAA,CAAA,OAAA;AAO1C,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,IAAA,CAAA,EAAA,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,EAAA,CAAA,OAAA,CAAA,QAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAOgB,OAAA,CAAA,QAAA,CAAA,UAAA,CAAqB,QAAuB,CAAA,CAAvB,WAAkC,CAAA,CAAA,QAAA,CAAA,CAAX,WAAW,CAAA,CAAA,CAAA,OAAA"}
+{"version":3,"file":"media.d.ts","names":[],"sources":["../../src/core/media.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;KASK,WAAA,GAAc,SAAS,YAAY;KAE5B,mBAAA;;EAFP,QAAA,CAAA,EAIQ,MAJG;EAAG;EAAS,QAAA,CAAA,EAMf,MANe;CAAY;;AAE5B,cAQC,YARkB,EAAA,CAAA,QAElB,EAM0B,WAJpB,EAAA,QAAA,EAI2C,WAJ3C,EAAA,GAAA,CAAA,KAAA,EAImE,WAJnE,CAAA,OAAA,CAAA,EAAA,GAAA,MAAA;AAInB;AAAuC,cAI1B,SAJ0B,EAAA,CAAA,KAAA,EAIN,WAJM,EAAA,GAAA,CAAA,KAAA,EAIkB,WAJlB,CAAA,OAAA,CAAA,EAAA,GAAA,MAAA;;AAA+C,cASzE,OATyE,EAAA,CAAA,KAAA,EASvD,WATuD,EAAA,GAAA,CAAA,KAAA,EAS/B,WAT+B,CAAA,OAAA,CAAA,EAAA,GAAA,MAAA;;AAItF;AAKA;AAOA;AAAgC,cAAnB,cAAmB,EAAH,EAAG,CAAA,mBAAA,GAAsB,YAAtB,CAAA;;AAAH,iBAyCb,OAAA,CAzCa,KAAA,EAyCE,WAzCF,CAAA,EAAA,OAAA;;AAyCb,iBAOA,KAAA,CAPe,KAAA,EAOF,WAPa,CAAA,EAAA,OAAA;AAO1C;AAOgB,iBAAA,UAAA,CAAqB,QAAuB,EAAvB,WAAkC,EAAA,QAAA,EAAX,WAAW,CAAA,EAAA,OAAA"}

package/dist/core/media.js

@@ -70,5 +70,5 @@ function useBetween(minWidth, maxWidth) {
 
 //#endregion
 export { RenderOnScreen, mediaBetween, mediaDown, mediaUp, useBetween, useDown, useUp, useViewportWidth };
-globalThis.__vuiVersion__ = "3.2.0"
+globalThis.__vuiVersion__ = "4.0.0-beta.1"
 //# sourceMappingURL=media.js.map