@veracity/vui 4.0.3 → 5.0.0-alpha.375407.2603121328

package/dist/switch/switchButton.d.ts

@@ -1,11 +1,10 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
 import { SwitchButtonProps } from "./switch.types.js";
-import "../index.js";
 import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/switch/switchButton.d.ts
-declare const SwitchButtonBase: styled_components0.StyledComponent<"span", any, SystemProps, never>;
+declare const SwitchButtonBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<styled_components0.FastOmit<any, never>, never>> & string;
 /**
  * Controls the logic and visuals of multiple inner parts, such as input, track or thumb elements.
  * Handles controlled and uncontrolled modes.

package/dist/switch/switchButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switchButton.d.ts","names":[],"sources":["../../src/switch/switchButton.tsx"],"mappings":";;;;;;;cAyCa,gBAAA,EAAgB,kBAAA,CAAA,eAAA,cAkB5B,WAAA;;;;;cAMY,YAAA,EAAY,YAAA,SAAA,iBAAA"}
+{"version":3,"file":"switchButton.d.ts","names":[],"sources":["../../src/switch/switchButton.tsx"],"mappings":";;;;;;cAyCa,gBAAA,EAAgB,6BAAA,CAAA,oBAAA,QAAA,kBAAA,CAAA,QAAA,CAkB5B,kBAAA,CAlB4B,QAAA;;;;;cAwBhB,YAAA,EAAY,YAAA,SAAA,iBAAA"}

package/dist/switch/switchButton.js

@@ -144,5 +144,5 @@ SwitchButton.displayName = "SwitchButton";
 
 //#endregion
 export { SwitchButtonBase, SwitchButton as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=switchButton.js.map

package/dist/switch/switchButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"switchButton.js","names":[],"sources":["../../src/switch/switchButton.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport type { ChangeEvent, FocusEvent } from '../utils'\nimport { cs, filterUndefined } from '../utils'\nimport { switchColors } from './consts'\nimport { useSwitchContext } from './context'\nimport type { SwitchButtonProps } from './switch.types'\n\nconst SwitchInput = styled.inputBox`\n  cursor: inherit;\n  height: calc(100% + 10px);\n  left: -5px;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  top: -5px;\n  width: calc(100% + 10px);\n  z-index: 1;\n`\n\nconst SwitchFoundation = styled.spanBox`\n  border-radius: 100px;\n  display: inline-flex;\n  flex-shrink: 0;\n  transition-duration: fast;\n  position: relative;\n`\n\n/** Circular element that moves along the track when toggled. */\nconst SwitchThumb = styled(SwitchFoundation)`\n  position: absolute;\n`\n\n/** Track element along which the thumb moves when toggled. */\nconst SwitchTrack = styled(SwitchFoundation)`\n  align-items: center;\n  flex: 1;\n`\n\nexport const SwitchButtonBase = styled(SwitchFoundation)`\n  color: white;\n  cursor: pointer;\n  --x-ring-color: green;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n\n    .vui-switchThumb {\n      background-color: ${switchColors.disabled};\n    }\n\n    .vui-switchTrack {\n      --x-ring-color: ${switchColors.disabled};\n      background-color: ${switchColors.disabledBg};\n      color: ${switchColors.disabled};\n    }\n  }\n`\n\n/**\n * Controls the logic and visuals of multiple inner parts, such as input, track or thumb elements.\n * Handles controlled and uncontrolled modes.\n */\nexport const SwitchButton = vui<'span', SwitchButtonProps>((props, ref) => {\n  const mergedProps = { ...useSwitchContext(), ...props }\n  const {\n    checked,\n    className,\n    defaultChecked,\n    disabled,\n    id,\n    innerLabelOff,\n    innerLabelOn,\n    inputProps,\n    inputRef,\n    name,\n    onBlur,\n    onChange,\n    onFocus,\n    required,\n    value,\n    ...rest\n  } = omitThemingProps(mergedProps)\n  const { current: isControlled } = useRef(checked !== undefined)\n  const [isChecked, setIsChecked] = useState(checked ?? defaultChecked)\n  const [isFocused, setIsFocused] = useState(false)\n  const styles = useStyleConfig('Switch', useSwitchContext())\n  const { thumb: thumbStyles, track: trackStyles, ...buttonStyles } = styles.button\n\n  useEffect(() => {\n    if (isControlled) setIsChecked(checked)\n  }, [checked, isControlled])\n\n  function handleOnBlur(e: FocusEvent) {\n    setIsFocused(false)\n    onBlur?.(e)\n  }\n\n  function handleOnChange(e: ChangeEvent) {\n    if (!isControlled) setIsChecked(e.target.checked)\n    onChange?.(e)\n  }\n\n  function handleOnFocus(e: FocusEvent) {\n    setIsFocused(true)\n    onFocus?.(e)\n  }\n\n  const hDiff = (thumbStyles.h - trackStyles.h) / 2\n  const thumbOffset = `calc(100% - ${Math.abs(hDiff - thumbStyles.h)}px)`\n  const labelOffset = `${thumbStyles.h - hDiff + 4}px`\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n    'data-focused': isFocused ? true : false,\n  })\n\n  const thumbAliasedProps = filterUndefined({\n    left: isChecked ? thumbOffset : -hDiff,\n    ring: isFocused ? thumbStyles.ring : 0,\n  })\n\n  const trackAliasedProps = filterUndefined({\n    bg: isChecked ? trackStyles.bg : innerLabelOff ? switchColors.offBgContrast : switchColors.offBg,\n    pl: isChecked ? 1 : labelOffset,\n    pr: isChecked ? labelOffset : 1,\n    ring: !disabled ? (isFocused ? trackStyles.ring : 0) : 3,\n  })\n\n  return (\n    <SwitchButtonBase\n      className={cs('vui-switchButton', className)}\n      ref={ref}\n      {...buttonStyles}\n      {...aliasedProps}\n      {...rest}\n    >\n      <SwitchInput\n        className=\"vui-switchInput\"\n        onBlur={handleOnBlur}\n        onChange={handleOnChange}\n        onFocus={handleOnFocus}\n        ref={inputRef}\n        tabIndex={-1}\n        type=\"checkbox\"\n        {...{ checked, defaultChecked, disabled, id, name, required, value }}\n        {...inputProps}\n      />\n\n      <SwitchTrack className=\"vui-switchTrack\" tabIndex={0} {...trackStyles} {...trackAliasedProps}>\n        {!isChecked && innerLabelOff}\n\n        <SwitchThumb className=\"vui-switchThumb\" {...thumbStyles} {...thumbAliasedProps} />\n\n        {isChecked && innerLabelOn}\n      </SwitchTrack>\n    </SwitchButtonBase>\n  )\n})\n\nSwitchButton.displayName = 'SwitchButton'\n\nexport default SwitchButton\n"],"mappings":";;;;;;;;;;;AASA,MAAM,cAAc,OAAO,QAAQ;;;;;;;;;;;;AAanC,MAAM,mBAAmB,OAAO,OAAO;;;;;;;;AASvC,MAAM,cAAc,OAAO,iBAAiB;;;;AAK5C,MAAM,cAAc,OAAO,iBAAiB;;;;AAK5C,MAAa,mBAAmB,OAAO,iBAAiB;;;;;;;;;0BAS9B,aAAa,SAAS;;;;wBAIxB,aAAa,SAAS;0BACpB,aAAa,WAAW;eACnC,aAAa,SAAS;;;;;;;;AASrC,MAAa,eAAe,KAAgC,OAAO,QAAQ;CAEzE,MAAM,EACJ,SACA,WACA,gBACA,UACA,IACA,eACA,cACA,YACA,UACA,MACA,QACA,UACA,SACA,UACA,OACA,GAAG,SACD,iBAlBgB;EAAE,GAAG,kBAAkB;EAAE,GAAG;EAAO,CAkBtB;CACjC,MAAM,EAAE,SAAS,iBAAiB,OAAO,YAAY,OAAU;CAC/D,MAAM,CAAC,WAAW,gBAAgB,SAAS,WAAW,eAAe;CACrE,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CAEjD,MAAM,EAAE,OAAO,aAAa,OAAO,aAAa,GAAG,iBADpC,eAAe,UAAU,kBAAkB,CAAC,CACgB;AAE3E,iBAAgB;AACd,MAAI,aAAc,cAAa,QAAQ;IACtC,CAAC,SAAS,aAAa,CAAC;CAE3B,SAAS,aAAa,GAAe;AACnC,eAAa,MAAM;AACnB,WAAS,EAAE;;CAGb,SAAS,eAAe,GAAgB;AACtC,MAAI,CAAC,aAAc,cAAa,EAAE,OAAO,QAAQ;AACjD,aAAW,EAAE;;CAGf,SAAS,cAAc,GAAe;AACpC,eAAa,KAAK;AAClB,YAAU,EAAE;;CAGd,MAAM,SAAS,YAAY,IAAI,YAAY,KAAK;CAChD,MAAM,cAAc,eAAe,KAAK,IAAI,QAAQ,YAAY,EAAE,CAAC;CACnE,MAAM,cAAc,GAAG,YAAY,IAAI,QAAQ,EAAE;CAEjD,MAAM,eAAe,gBAAgB;EACnC,iBAAiB;EACjB,gBAAgB,YAAY,OAAO;EACpC,CAAC;CAEF,MAAM,oBAAoB,gBAAgB;EACxC,MAAM,YAAY,cAAc,CAAC;EACjC,MAAM,YAAY,YAAY,OAAO;EACtC,CAAC;CAEF,MAAM,oBAAoB,gBAAgB;EACxC,IAAI,YAAY,YAAY,KAAK,gBAAgB,aAAa,gBAAgB,aAAa;EAC3F,IAAI,YAAY,IAAI;EACpB,IAAI,YAAY,cAAc;EAC9B,MAAM,CAAC,WAAY,YAAY,YAAY,OAAO,IAAK;EACxD,CAAC;AAEF,QACE,qBAAC;EACC,WAAW,GAAG,oBAAoB,UAAU;EACvC;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;aAEJ,oBAAC;GACC,WAAU;GACV,QAAQ;GACR,UAAU;GACV,SAAS;GACT,KAAK;GACL,UAAU;GACV,MAAK;GACC;GAAS;GAAgB;GAAU;GAAI;GAAM;GAAU;GAC7D,GAAI;IACJ,EAEF,qBAAC;GAAY,WAAU;GAAkB,UAAU;GAAG,GAAI;GAAa,GAAI;;IACxE,CAAC,aAAa;IAEf,oBAAC;KAAY,WAAU;KAAkB,GAAI;KAAa,GAAI;MAAqB;IAElF,aAAa;;IACF;GACG;EAErB;AAEF,aAAa,cAAc"}
+{"version":3,"file":"switchButton.js","names":[],"sources":["../../src/switch/switchButton.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport { omitThemingProps, styled, useStyleConfig, vui } from '../core'\nimport type { ChangeEvent, FocusEvent } from '../utils'\nimport { cs, filterUndefined } from '../utils'\nimport { switchColors } from './consts'\nimport { useSwitchContext } from './context'\nimport type { SwitchButtonProps } from './switch.types'\n\nconst SwitchInput = styled.inputBox`\n  cursor: inherit;\n  height: calc(100% + 10px);\n  left: -5px;\n  margin: 0;\n  opacity: 0;\n  padding: 0;\n  position: absolute;\n  top: -5px;\n  width: calc(100% + 10px);\n  z-index: 1;\n`\n\nconst SwitchFoundation = styled.spanBox`\n  border-radius: 100px;\n  display: inline-flex;\n  flex-shrink: 0;\n  transition-duration: fast;\n  position: relative;\n`\n\n/** Circular element that moves along the track when toggled. */\nconst SwitchThumb = styled(SwitchFoundation)`\n  position: absolute;\n`\n\n/** Track element along which the thumb moves when toggled. */\nconst SwitchTrack = styled(SwitchFoundation)`\n  align-items: center;\n  flex: 1;\n`\n\nexport const SwitchButtonBase = styled(SwitchFoundation)`\n  color: white;\n  cursor: pointer;\n  --x-ring-color: green;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n\n    .vui-switchThumb {\n      background-color: ${switchColors.disabled};\n    }\n\n    .vui-switchTrack {\n      --x-ring-color: ${switchColors.disabled};\n      background-color: ${switchColors.disabledBg};\n      color: ${switchColors.disabled};\n    }\n  }\n`\n\n/**\n * Controls the logic and visuals of multiple inner parts, such as input, track or thumb elements.\n * Handles controlled and uncontrolled modes.\n */\nexport const SwitchButton = vui<'span', SwitchButtonProps>((props, ref) => {\n  const mergedProps = { ...useSwitchContext(), ...props }\n  const {\n    checked,\n    className,\n    defaultChecked,\n    disabled,\n    id,\n    innerLabelOff,\n    innerLabelOn,\n    inputProps,\n    inputRef,\n    name,\n    onBlur,\n    onChange,\n    onFocus,\n    required,\n    value,\n    ...rest\n  } = omitThemingProps(mergedProps)\n  const { current: isControlled } = useRef(checked !== undefined)\n  const [isChecked, setIsChecked] = useState(checked ?? defaultChecked)\n  const [isFocused, setIsFocused] = useState(false)\n  const styles = useStyleConfig('Switch', useSwitchContext())\n  const { thumb: thumbStyles, track: trackStyles, ...buttonStyles } = styles.button\n\n  useEffect(() => {\n    if (isControlled) setIsChecked(checked)\n  }, [checked, isControlled])\n\n  function handleOnBlur(e: FocusEvent) {\n    setIsFocused(false)\n    onBlur?.(e)\n  }\n\n  function handleOnChange(e: ChangeEvent) {\n    if (!isControlled) setIsChecked(e.target.checked)\n    onChange?.(e)\n  }\n\n  function handleOnFocus(e: FocusEvent) {\n    setIsFocused(true)\n    onFocus?.(e)\n  }\n\n  const hDiff = (thumbStyles.h - trackStyles.h) / 2\n  const thumbOffset = `calc(100% - ${Math.abs(hDiff - thumbStyles.h)}px)`\n  const labelOffset = `${thumbStyles.h - hDiff + 4}px`\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n    'data-focused': isFocused ? true : false,\n  })\n\n  const thumbAliasedProps = filterUndefined({\n    left: isChecked ? thumbOffset : -hDiff,\n    ring: isFocused ? thumbStyles.ring : 0,\n  })\n\n  const trackAliasedProps = filterUndefined({\n    bg: isChecked ? trackStyles.bg : innerLabelOff ? switchColors.offBgContrast : switchColors.offBg,\n    pl: isChecked ? 1 : labelOffset,\n    pr: isChecked ? labelOffset : 1,\n    ring: !disabled ? (isFocused ? trackStyles.ring : 0) : 3,\n  })\n\n  return (\n    <SwitchButtonBase\n      className={cs('vui-switchButton', className)}\n      ref={ref}\n      {...buttonStyles}\n      {...aliasedProps}\n      {...rest}\n    >\n      <SwitchInput\n        className=\"vui-switchInput\"\n        onBlur={handleOnBlur}\n        onChange={handleOnChange}\n        onFocus={handleOnFocus}\n        ref={inputRef}\n        tabIndex={-1}\n        type=\"checkbox\"\n        {...{ checked, defaultChecked, disabled, id, name, required, value }}\n        {...inputProps}\n      />\n\n      <SwitchTrack className=\"vui-switchTrack\" tabIndex={0} {...trackStyles} {...trackAliasedProps}>\n        {!isChecked && innerLabelOff}\n\n        <SwitchThumb className=\"vui-switchThumb\" {...thumbStyles} {...thumbAliasedProps} />\n\n        {isChecked && innerLabelOn}\n      </SwitchTrack>\n    </SwitchButtonBase>\n  )\n})\n\nSwitchButton.displayName = 'SwitchButton'\n\nexport default SwitchButton\n"],"mappings":";;;;;;;;;;;AASA,MAAM,cAAc,OAAO,QAAQ;;;;;;;;;;;;AAanC,MAAM,mBAAmB,OAAO,OAAO;;;;;;;;AASvC,MAAM,cAAc,OAAO,iBAAiB;;;;AAK5C,MAAM,cAAc,OAAO,iBAAiB;;;;AAK5C,MAAa,mBAAmB,OAAO,iBAAiB;;;;;;;;;0BAS9B,aAAa,SAAS;;;;wBAIxB,aAAa,SAAS;0BACpB,aAAa,WAAW;eACnC,aAAa,SAAS;;;;;;;;AASrC,MAAa,eAAe,KAAgC,OAAO,QAAQ;CAEzE,MAAM,EACJ,SACA,WACA,gBACA,UACA,IACA,eACA,cACA,YACA,UACA,MACA,QACA,UACA,SACA,UACA,OACA,GAAG,SACD,iBAlBgB;EAAE,GAAG,kBAAkB;EAAE,GAAG;EAAO,CAkBtB;CACjC,MAAM,EAAE,SAAS,iBAAiB,OAAO,YAAY,OAAU;CAC/D,MAAM,CAAC,WAAW,gBAAgB,SAAS,WAAW,eAAe;CACrE,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CAEjD,MAAM,EAAE,OAAO,aAAa,OAAO,aAAa,GAAG,iBADpC,eAAe,UAAU,kBAAkB,CAAC,CACgB;AAE3E,iBAAgB;AACd,MAAI,aAAc,cAAa,QAAQ;IACtC,CAAC,SAAS,aAAa,CAAC;CAE3B,SAAS,aAAa,GAAe;AACnC,eAAa,MAAM;AACnB,WAAS,EAAE;;CAGb,SAAS,eAAe,GAAgB;AACtC,MAAI,CAAC,aAAc,cAAa,EAAE,OAAO,QAAQ;AACjD,aAAW,EAAE;;CAGf,SAAS,cAAc,GAAe;AACpC,eAAa,KAAK;AAClB,YAAU,EAAE;;CAGd,MAAM,SAAS,YAAY,IAAI,YAAY,KAAK;CAChD,MAAM,cAAc,eAAe,KAAK,IAAI,QAAQ,YAAY,EAAE,CAAC;CACnE,MAAM,cAAc,GAAG,YAAY,IAAI,QAAQ,EAAE;CAEjD,MAAM,eAAe,gBAAgB;EACnC,iBAAiB;EACjB,gBAAgB,YAAY,OAAO;EACpC,CAAC;CAEF,MAAM,oBAAoB,gBAAgB;EACxC,MAAM,YAAY,cAAc,CAAC;EACjC,MAAM,YAAY,YAAY,OAAO;EACtC,CAAC;CAEF,MAAM,oBAAoB,gBAAgB;EACxC,IAAI,YAAY,YAAY,KAAK,gBAAgB,aAAa,gBAAgB,aAAa;EAC3F,IAAI,YAAY,IAAI;EACpB,IAAI,YAAY,cAAc;EAC9B,MAAM,CAAC,WAAY,YAAY,YAAY,OAAO,IAAK;EACxD,CAAC;AAEF,QACE,qBAAC,kBAAD;EACE,WAAW,GAAG,oBAAoB,UAAU;EACvC;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;YALN,CAOE,oBAAC,aAAD;GACE,WAAU;GACV,QAAQ;GACR,UAAU;GACV,SAAS;GACT,KAAK;GACL,UAAU;GACV,MAAK;GACC;GAAS;GAAgB;GAAU;GAAI;GAAM;GAAU;GAC7D,GAAI;GACJ,GAEF,qBAAC,aAAD;GAAa,WAAU;GAAkB,UAAU;GAAG,GAAI;GAAa,GAAI;aAA3E;IACG,CAAC,aAAa;IAEf,oBAAC,aAAD;KAAa,WAAU;KAAkB,GAAI;KAAa,GAAI;KAAqB;IAElF,aAAa;IACF;KACG;;EAErB;AAEF,aAAa,cAAc"}

package/dist/switch/switchLabel.d.ts

@@ -1,8 +1,5 @@
 import { VuiComponent } from "../core/vui.js";
 import { TProps } from "../t/t.types.js";
-import "../t/index.js";
-import "../index.js";
-
 //#region src/switch/switchLabel.d.ts
 /** Displays label text within the Switch component. */
 declare const SwitchLabel: VuiComponent<"span", TProps>;

package/dist/switch/switchLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switchLabel.d.ts","names":[],"sources":["../../src/switch/switchLabel.tsx"],"mappings":";;;;;;;cAOa,WAAA,EAAW,YAAA,SAAA,MAAA"}
+{"version":3,"file":"switchLabel.d.ts","names":[],"sources":["../../src/switch/switchLabel.tsx"],"mappings":";;;;cAOa,WAAA,EAAW,YAAA,SAAA,MAAA"}

package/dist/switch/switchLabel.js

@@ -23,5 +23,5 @@ SwitchLabel.displayName = "SwitchLabel";
 
 //#endregion
 export { SwitchLabel as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=switchLabel.js.map

package/dist/switch/switchLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"switchLabel.js","names":[],"sources":["../../src/switch/switchLabel.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useSwitchContext } from './context'\n\n/** Displays label text within the Switch component. */\nexport const SwitchLabel = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Switch', useSwitchContext())\n\n  // <T> has xs but not xl\n  if (styles.label.size === 'xl') {\n    rest.fontSize = 20\n  }\n\n  return <T className={cs('vui-switchLabel', className)} display=\"flex\" ref={ref} {...styles.label} {...rest} />\n})\n\nSwitchLabel.displayName = 'SwitchLabel'\n\nexport default SwitchLabel\n"],"mappings":";;;;;;;;;AAOA,MAAa,cAAc,KAAqB,OAAO,QAAQ;CAC7D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAG3D,KAAI,OAAO,MAAM,SAAS,KACxB,MAAK,WAAW;AAGlB,QAAO,oBAAC;EAAE,WAAW,GAAG,mBAAmB,UAAU;EAAE,SAAQ;EAAY;EAAK,GAAI,OAAO;EAAO,GAAI;GAAQ;EAC9G;AAEF,YAAY,cAAc"}
+{"version":3,"file":"switchLabel.js","names":[],"sources":["../../src/switch/switchLabel.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useSwitchContext } from './context'\n\n/** Displays label text within the Switch component. */\nexport const SwitchLabel = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Switch', useSwitchContext())\n\n  // <T> has xs but not xl\n  if (styles.label.size === 'xl') {\n    rest.fontSize = 20\n  }\n\n  return <T className={cs('vui-switchLabel', className)} display=\"flex\" ref={ref} {...styles.label} {...rest} />\n})\n\nSwitchLabel.displayName = 'SwitchLabel'\n\nexport default SwitchLabel\n"],"mappings":";;;;;;;;;AAOA,MAAa,cAAc,KAAqB,OAAO,QAAQ;CAC7D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,UAAU,kBAAkB,CAAC;AAG3D,KAAI,OAAO,MAAM,SAAS,KACxB,MAAK,WAAW;AAGlB,QAAO,oBAAC,GAAD;EAAG,WAAW,GAAG,mBAAmB,UAAU;EAAE,SAAQ;EAAY;EAAK,GAAI,OAAO;EAAO,GAAI;EAAQ;EAC9G;AAEF,YAAY,cAAc"}

package/dist/switch/switchMain.d.ts

@@ -1,14 +1,12 @@
-import { SystemProps } from "../system/system.js";
 import { VuiComponent } from "../core/vui.js";
-import "../core/index.js";
 import { SwitchProps } from "./switch.types.js";
 import { SwitchButton } from "./switchButton.js";
 import { SwitchLabel } from "./switchLabel.js";
-import "../index.js";
 import * as styled_components0 from "styled-components";
+import * as styled_components_dist_types0 from "styled-components/dist/types";
 
 //#region src/switch/switchMain.d.ts
-declare const SwitchBase: styled_components0.StyledComponent<"label", styled_components0.DefaultTheme, SystemProps, never>;
+declare const SwitchBase: styled_components_dist_types0.IStyledComponentBase<"web", styled_components0.FastOmit<any, never>> & string;
 /**
  * Displays a toggle button with supporting text. Allows passing custom elements as side labels and inner labels.
  * Forwards many relevant props to the innner input element. Exposes some props to the children via context.

package/dist/switch/switchMain.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switchMain.d.ts","names":[],"sources":["../../src/switch/switchMain.tsx"],"mappings":";;;;;;;;;;cAUa,UAAA,EAAU,kBAAA,CAAA,eAAA,UActB,kBAAA,CAdsB,YAAA,EAAA,WAAA;;;;;cAoBV,MAAA,EA4DP,YAAA,UAAsB,WAAA;EAC1B,MAAA,SAAe,YAAA;EACf,KAAA,SAAc,WAAA;AAAA"}
+{"version":3,"file":"switchMain.d.ts","names":[],"sources":["../../src/switch/switchMain.tsx"],"mappings":";;;;;;;;cAUa,UAAA,EAAU,6BAAA,CAAA,oBAAA,QActB,kBAAA,CAdsB,QAAA;;;;;cAoBV,MAAA,EA4DP,YAAA,UAAsB,WAAA;EAC1B,MAAA,SAAe,YAAA;EACf,KAAA,SAAc,WAAA;AAAA"}

package/dist/switch/switchMain.js

@@ -93,5 +93,5 @@ Switch.displayName = "Switch";
 
 //#endregion
 export { SwitchBase, Switch as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=switchMain.js.map

package/dist/switch/switchMain.js.map

@@ -1 +1 @@
-{"version":3,"file":"switchMain.js","names":[],"sources":["../../src/switch/switchMain.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined, isReactText } from '../utils'\nimport { SwitchProvider } from './context'\nimport type { SwitchProps } from './switch.types'\nimport { SwitchButton } from './switchButton'\nimport { SwitchLabel } from './switchLabel'\n\nexport const SwitchBase = styled.labelBox`\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  line-height: normal;\n  width: fit-content;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n\n    .vui-switchLabel {\n      color: disabled.color;\n    }\n  }\n`\n\n/**\n * Displays a toggle button with supporting text. Allows passing custom elements as side labels and inner labels.\n * Forwards many relevant props to the innner input element. Exposes some props to the children via context.\n */\nexport const Switch = vui<'label', SwitchProps>((props, ref) => {\n  const {\n    button,\n    checked,\n    children,\n    className,\n    defaultChecked,\n    disabled,\n    id,\n    innerLabelOff,\n    innerLabelOn,\n    inputProps,\n    inputRef,\n    labelLeft,\n    labelRight,\n    name,\n    onBlur,\n    onChange,\n    onFocus,\n    required,\n    size,\n    value,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Switch', props)\n\n  const context = useMemo(\n    () =>\n      filterUndefined({\n        checked,\n        defaultChecked,\n        disabled,\n        name,\n        onBlur,\n        onChange,\n        onFocus,\n        required,\n        size,\n        value,\n        variant,\n      }),\n    [checked, defaultChecked, disabled, name, onBlur, onChange, onFocus, required, size, value, variant],\n  )\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  return (\n    <SwitchProvider value={context}>\n      <SwitchBase className={cs('vui-switch', className)} ref={ref} {...styles.container} {...aliasedProps} {...rest}>\n        {isReactText(labelLeft) ? <SwitchLabel mr={1} text={labelLeft} /> : labelLeft}\n\n        {children ?? button ?? <SwitchButton {...{ id, innerLabelOff, innerLabelOn, inputProps, inputRef }} />}\n\n        {isReactText(labelRight) ? <SwitchLabel ml={1} text={labelRight} /> : labelRight}\n      </SwitchBase>\n    </SwitchProvider>\n  )\n}) as VuiComponent<'label', SwitchProps> & {\n  Button: typeof SwitchButton\n  Label: typeof SwitchLabel\n}\n\nSwitch.Button = SwitchButton\nSwitch.Label = SwitchLabel\nSwitch.displayName = 'Switch'\n\nexport default Switch\n"],"mappings":";;;;;;;;;;;;;AAUA,MAAa,aAAa,OAAO,QAAQ;;;;;;;;;;;;;;;;;;;AAoBzC,MAAa,SAAS,KAA2B,OAAO,QAAQ;CAC9D,MAAM,EACJ,QACA,SACA,UACA,WACA,gBACA,UACA,IACA,eACA,cACA,YACA,UACA,WACA,YACA,MACA,QACA,UACA,SACA,UACA,MACA,OACA,SACA,GAAG,SACD;CACJ,MAAM,SAAS,eAAe,UAAU,MAAM;CAE9C,MAAM,UAAU,cAEZ,gBAAgB;EACd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EACJ;EAAC;EAAS;EAAgB;EAAU;EAAM;EAAQ;EAAU;EAAS;EAAU;EAAM;EAAO;EAAQ,CACrG;CAED,MAAM,eAAe,gBAAgB,EACnC,iBAAiB,UAClB,CAAC;AAEF,QACE,oBAAC;EAAe,OAAO;YACrB,qBAAC;GAAW,WAAW,GAAG,cAAc,UAAU;GAAO;GAAK,GAAI,OAAO;GAAW,GAAI;GAAc,GAAI;;IACvG,YAAY,UAAU,GAAG,oBAAC;KAAY,IAAI;KAAG,MAAM;MAAa,GAAG;IAEnE,YAAY,UAAU,oBAAC;KAAmB;KAAI;KAAe;KAAc;KAAY;MAAc;IAErG,YAAY,WAAW,GAAG,oBAAC;KAAY,IAAI;KAAG,MAAM;MAAc,GAAG;;IAC3D;GACE;EAEnB;AAKF,OAAO,SAAS;AAChB,OAAO,QAAQ;AACf,OAAO,cAAc"}
+{"version":3,"file":"switchMain.js","names":[],"sources":["../../src/switch/switchMain.tsx"],"sourcesContent":["import { useMemo } from 'react'\n\nimport type { VuiComponent } from '../core'\nimport { styled, useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined, isReactText } from '../utils'\nimport { SwitchProvider } from './context'\nimport type { SwitchProps } from './switch.types'\nimport { SwitchButton } from './switchButton'\nimport { SwitchLabel } from './switchLabel'\n\nexport const SwitchBase = styled.labelBox`\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n  line-height: normal;\n  width: fit-content;\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n\n    .vui-switchLabel {\n      color: disabled.color;\n    }\n  }\n`\n\n/**\n * Displays a toggle button with supporting text. Allows passing custom elements as side labels and inner labels.\n * Forwards many relevant props to the innner input element. Exposes some props to the children via context.\n */\nexport const Switch = vui<'label', SwitchProps>((props, ref) => {\n  const {\n    button,\n    checked,\n    children,\n    className,\n    defaultChecked,\n    disabled,\n    id,\n    innerLabelOff,\n    innerLabelOn,\n    inputProps,\n    inputRef,\n    labelLeft,\n    labelRight,\n    name,\n    onBlur,\n    onChange,\n    onFocus,\n    required,\n    size,\n    value,\n    variant,\n    ...rest\n  } = props\n  const styles = useStyleConfig('Switch', props)\n\n  const context = useMemo(\n    () =>\n      filterUndefined({\n        checked,\n        defaultChecked,\n        disabled,\n        name,\n        onBlur,\n        onChange,\n        onFocus,\n        required,\n        size,\n        value,\n        variant,\n      }),\n    [checked, defaultChecked, disabled, name, onBlur, onChange, onFocus, required, size, value, variant],\n  )\n\n  const aliasedProps = filterUndefined({\n    'aria-disabled': disabled,\n  })\n\n  return (\n    <SwitchProvider value={context}>\n      <SwitchBase className={cs('vui-switch', className)} ref={ref} {...styles.container} {...aliasedProps} {...rest}>\n        {isReactText(labelLeft) ? <SwitchLabel mr={1} text={labelLeft} /> : labelLeft}\n\n        {children ?? button ?? <SwitchButton {...{ id, innerLabelOff, innerLabelOn, inputProps, inputRef }} />}\n\n        {isReactText(labelRight) ? <SwitchLabel ml={1} text={labelRight} /> : labelRight}\n      </SwitchBase>\n    </SwitchProvider>\n  )\n}) as VuiComponent<'label', SwitchProps> & {\n  Button: typeof SwitchButton\n  Label: typeof SwitchLabel\n}\n\nSwitch.Button = SwitchButton\nSwitch.Label = SwitchLabel\nSwitch.displayName = 'Switch'\n\nexport default Switch\n"],"mappings":";;;;;;;;;;;;;AAUA,MAAa,aAAa,OAAO,QAAQ;;;;;;;;;;;;;;;;;;;AAoBzC,MAAa,SAAS,KAA2B,OAAO,QAAQ;CAC9D,MAAM,EACJ,QACA,SACA,UACA,WACA,gBACA,UACA,IACA,eACA,cACA,YACA,UACA,WACA,YACA,MACA,QACA,UACA,SACA,UACA,MACA,OACA,SACA,GAAG,SACD;CACJ,MAAM,SAAS,eAAe,UAAU,MAAM;CAE9C,MAAM,UAAU,cAEZ,gBAAgB;EACd;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EACJ;EAAC;EAAS;EAAgB;EAAU;EAAM;EAAQ;EAAU;EAAS;EAAU;EAAM;EAAO;EAAQ,CACrG;CAED,MAAM,eAAe,gBAAgB,EACnC,iBAAiB,UAClB,CAAC;AAEF,QACE,oBAAC,gBAAD;EAAgB,OAAO;YACrB,qBAAC,YAAD;GAAY,WAAW,GAAG,cAAc,UAAU;GAAO;GAAK,GAAI,OAAO;GAAW,GAAI;GAAc,GAAI;aAA1G;IACG,YAAY,UAAU,GAAG,oBAAC,aAAD;KAAa,IAAI;KAAG,MAAM;KAAa,IAAG;IAEnE,YAAY,UAAU,oBAAC,cAAD;KAAoB;KAAI;KAAe;KAAc;KAAY;KAAc;IAErG,YAAY,WAAW,GAAG,oBAAC,aAAD;KAAa,IAAI;KAAG,MAAM;KAAc,IAAG;IAC3D;;EACE;EAEnB;AAKF,OAAO,SAAS;AAChB,OAAO,QAAQ;AACf,OAAO,cAAc"}

package/dist/switch/theme.js

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

package/dist/system/animations.d.ts

@@ -1,5 +1,6 @@
 import { VuiTheme } from "../theme/types.js";
-import { SystemProp, VariantsType } from "@xstyled/system";
+import { VariantsType } from "./variantsType.js";
+import { SystemProp } from "@xstyled/system";
 
 //#region src/system/animations.d.ts
 type AnimationGetter = VariantsType<VuiTheme['animations']>;

package/dist/system/animations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animations.d.ts","names":[],"sources":["../../src/system/animations.ts"],"mappings":";;;;KAIY,eAAA,GAAkB,YAAA,CAAa,QAAA;AAAA,KAE/B,aAAA,GAAgB,UAAA,CAAW,eAAA,EAAiB,QAAA;AAAA,KAE5C,cAAA;EACV,SAAA,GAAY,aAAA;EACZ,cAAA,GAAiB,aAAA;AAAA;AAAA,KAGP,eAAA,GAAkB,cAAA"}
+{"version":3,"file":"animations.d.ts","names":[],"sources":["../../src/system/animations.ts"],"mappings":";;;;;KAKY,eAAA,GAAkB,YAAA,CAAa,QAAA;AAAA,KAE/B,aAAA,GAAgB,UAAA,CAAW,eAAA,EAAiB,QAAA;AAAA,KAE5C,cAAA;EACV,SAAA,GAAY,aAAA;EACZ,cAAA,GAAiB,aAAA;AAAA;AAAA,KAGP,eAAA,GAAkB,cAAA"}

package/dist/system/borders.d.ts

@@ -1,6 +1,7 @@
 import { VuiTheme } from "../theme/types.js";
+import { VariantsType } from "./variantsType.js";
 import { ColorGetter } from "./colors.js";
-import { SystemProp, VariantsType } from "@xstyled/system";
+import { SystemProp } from "@xstyled/system";
 
 //#region src/system/borders.d.ts
 type BorderGetter = VariantsType<VuiTheme['borders']>;

package/dist/system/borders.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"borders.d.ts","names":[],"sources":["../../src/system/borders.ts"],"mappings":"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"}
+{"version":3,"file":"borders.d.ts","names":[],"sources":["../../src/system/borders.ts"],"mappings":"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"}

package/dist/system/colors.d.ts

@@ -1,7 +1,5 @@
 import { AnyString } from "../utils/types.js";
-import "../utils/index.js";
 import { VuiTheme } from "../theme/types.js";
-
 //#region src/system/colors.d.ts
 type ColorGetter = keyof VuiTheme['colors'] | AnyString;
 //#endregion

package/dist/system/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","names":[],"sources":["../../src/system/colors.ts"],"mappings":";;;;;KAGY,WAAA,SAAoB,QAAA,aAAqB,SAAA"}
+{"version":3,"file":"colors.d.ts","names":[],"sources":["../../src/system/colors.ts"],"mappings":";;;KAGY,WAAA,SAAoB,QAAA,aAAqB,SAAA"}

package/dist/system/custom.d.ts

@@ -5,16 +5,16 @@ type IsTruncatedProps = {
   isTruncated?: boolean;
 };
 /** Provides styling to truncate single-line text. */
-declare const isTruncated: _xstyled_system0.StyleGenerator;
+declare const isTruncated: _xstyled_system0.StyleGenerator<{}>;
 type MaxLinesProps = {
   maxLines?: number;
 };
 /** Provides styling to truncate multi-line text. */
-declare const maxLines: _xstyled_system0.StyleGenerator;
+declare const maxLines: _xstyled_system0.StyleGenerator<{}>;
 type WordBreakProps = {
   wordBreak?: 'normal' | 'break-all' | 'keep-all' | 'break-word';
 };
-declare const wordBreak: _xstyled_system0.StyleGenerator;
+declare const wordBreak: _xstyled_system0.StyleGenerator<{}>;
 //#endregion
 export { IsTruncatedProps, MaxLinesProps, WordBreakProps, isTruncated, maxLines, wordBreak };
 

package/dist/system/custom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"custom.d.ts","names":[],"sources":["../../src/system/custom.ts"],"mappings":";;;KAEY,gBAAA;EACV,WAAA;AAAA;AADF;AAAA,cAKa,WAAA,EAUX,gBAAA,CAVsB,cAAA;AAAA,KAYZ,aAAA;EACV,QAAA;AAAA;AAbF;AAAA,cAiBa,QAAA,EAWX,gBAAA,CAXmB,cAAA;AAAA,KAaT,cAAA;EACV,SAAA;AAAA;AAAA,cAGW,SAAA,EAEX,gBAAA,CAFoB,cAAA"}
+{"version":3,"file":"custom.d.ts","names":[],"sources":["../../src/system/custom.ts"],"mappings":";;;KAEY,gBAAA;EACV,WAAA;AAAA;AADF;AAAA,cAKa,WAAA,EASX,gBAAA,CATsB,cAAA;AAAA,KAWZ,aAAA;EACV,QAAA;AAAA;AAZF;AAAA,cAgBa,QAAA,EAUX,gBAAA,CAVmB,cAAA;AAAA,KAYT,cAAA;EACV,SAAA;AAAA;AAAA,cAGW,SAAA,EAEX,gBAAA,CAFoB,cAAA"}

package/dist/system/custom.js

@@ -1,34 +1,32 @@
-import { style } from "@xstyled/styled-components";
+import { style } from "@xstyled/system";
 
 //#region src/system/custom.ts
 /** Provides styling to truncate single-line text. */
 const isTruncated = style({
 	prop: "isTruncated",
-	cssProperty: function() {
+	css: function() {
 		return {
 			overflow: "hidden",
 			"text-overflow": "ellipsis",
 			"white-space": "nowrap"
 		};
-	},
-	states: {}
+	}
 });
 /** Provides styling to truncate multi-line text. */
 const maxLines = style({
 	prop: "maxLines",
-	cssProperty: function(value) {
+	css: function(value) {
 		return {
 			display: "-webkit-box",
 			overflow: "hidden",
 			"-webkit-line-clamp": `${value}`,
 			"-webkit-box-orient": "vertical"
 		};
-	},
-	states: {}
+	}
 });
 const wordBreak = style({ prop: "wordBreak" });
 
 //#endregion
 export { isTruncated, maxLines, wordBreak };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=custom.js.map

package/dist/system/custom.js.map

@@ -1 +1 @@
-{"version":3,"file":"custom.js","names":[],"sources":["../../src/system/custom.ts"],"sourcesContent":["import { style } from '@xstyled/styled-components'\n\nexport type IsTruncatedProps = {\n  isTruncated?: boolean\n}\n\n/** Provides styling to truncate single-line text. */\nexport const isTruncated = style({\n  prop: 'isTruncated',\n  cssProperty: function () {\n    return {\n      overflow: 'hidden',\n      'text-overflow': 'ellipsis',\n      'white-space': 'nowrap',\n    }\n  },\n  states: {},\n})\n\nexport type MaxLinesProps = {\n  maxLines?: number\n}\n\n/** Provides styling to truncate multi-line text. */\nexport const maxLines = style({\n  prop: 'maxLines',\n  cssProperty: function (value: any) {\n    return {\n      display: '-webkit-box',\n      overflow: 'hidden',\n      '-webkit-line-clamp': `${value}`,\n      '-webkit-box-orient': 'vertical',\n    }\n  },\n  states: {},\n})\n\nexport type WordBreakProps = {\n  wordBreak?: 'normal' | 'break-all' | 'keep-all' | 'break-word'\n}\n\nexport const wordBreak = style({\n  prop: 'wordBreak',\n})\n"],"mappings":";;;;AAOA,MAAa,cAAc,MAAM;CAC/B,MAAM;CACN,aAAa,WAAY;AACvB,SAAO;GACL,UAAU;GACV,iBAAiB;GACjB,eAAe;GAChB;;CAEH,QAAQ,EAAE;CACX,CAAC;;AAOF,MAAa,WAAW,MAAM;CAC5B,MAAM;CACN,aAAa,SAAU,OAAY;AACjC,SAAO;GACL,SAAS;GACT,UAAU;GACV,sBAAsB,GAAG;GACzB,sBAAsB;GACvB;;CAEH,QAAQ,EAAE;CACX,CAAC;AAMF,MAAa,YAAY,MAAM,EAC7B,MAAM,aACP,CAAC"}
+{"version":3,"file":"custom.js","names":[],"sources":["../../src/system/custom.ts"],"sourcesContent":["import { style } from '@xstyled/system'\n\nexport type IsTruncatedProps = {\n  isTruncated?: boolean\n}\n\n/** Provides styling to truncate single-line text. */\nexport const isTruncated = style({\n  prop: 'isTruncated',\n  css: function () {\n    return {\n      overflow: 'hidden',\n      'text-overflow': 'ellipsis',\n      'white-space': 'nowrap',\n    }\n  },\n})\n\nexport type MaxLinesProps = {\n  maxLines?: number\n}\n\n/** Provides styling to truncate multi-line text. */\nexport const maxLines = style({\n  prop: 'maxLines',\n  css: function (value: any) {\n    return {\n      display: '-webkit-box',\n      overflow: 'hidden',\n      '-webkit-line-clamp': `${value}`,\n      '-webkit-box-orient': 'vertical',\n    }\n  },\n})\n\nexport type WordBreakProps = {\n  wordBreak?: 'normal' | 'break-all' | 'keep-all' | 'break-word'\n}\n\nexport const wordBreak = style({\n  prop: 'wordBreak',\n})\n"],"mappings":";;;;AAOA,MAAa,cAAc,MAAM;CAC/B,MAAM;CACN,KAAK,WAAY;AACf,SAAO;GACL,UAAU;GACV,iBAAiB;GACjB,eAAe;GAChB;;CAEJ,CAAC;;AAOF,MAAa,WAAW,MAAM;CAC5B,MAAM;CACN,KAAK,SAAU,OAAY;AACzB,SAAO;GACL,SAAS;GACT,UAAU;GACV,sBAAsB,GAAG;GACzB,sBAAsB;GACvB;;CAEJ,CAAC;AAMF,MAAa,YAAY,MAAM,EAC7B,MAAM,aACP,CAAC"}

package/dist/system/effects.d.ts

@@ -1,8 +1,8 @@
 import { AnyString } from "../utils/types.js";
 import { Property } from "../node_modules/csstype/index.js";
-import "../utils/index.js";
 import { VuiTheme } from "../theme/types.js";
-import { SystemProp, VariantsType } from "@xstyled/system";
+import { VariantsType } from "./variantsType.js";
+import { SystemProp } from "@xstyled/system";
 
 //#region src/system/effects.d.ts
 type ShadowGetter = VariantsType<VuiTheme['shadows']>;

package/dist/system/effects.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"effects.d.ts","names":[],"sources":["../../src/system/effects.ts"],"mappings":";;;;;;;KAMY,YAAA,GAAe,YAAA,CAAa,QAAA;AAAA,KAEnC,WAAA,GAAc,UAAA,UAAwB,OAAA,EAAS,QAAA;AAAA,KACxC,YAAA;EACV,OAAA,GAAU,WAAA;EACV,YAAA,GAAe,WAAA;AAAA;AAAA,KAGZ,aAAA,GAAgB,UAAA,CAAW,YAAA,GAAe,SAAA,EAAW,QAAA;AAAA,KAC9C,cAAA;EACV,SAAA,GAAY,aAAA;EACZ,SAAA,GAAY,aAAA;EACZ,cAAA,GAAiB,aAAA;AAAA;AAAA,KAGd,cAAA,GAAiB,UAAA,CAAW,YAAA,GAAe,SAAA,EAAW,QAAA;AAAA,KAC/C,eAAA;EACV,UAAA,GAAa,cAAA;AAAA;AAAA,KAGH,YAAA,GAAe,YAAA,GAAe,cAAA,GAAiB,eAAA"}
+{"version":3,"file":"effects.d.ts","names":[],"sources":["../../src/system/effects.ts"],"mappings":";;;;;;;KAOY,YAAA,GAAe,YAAA,CAAa,QAAA;AAAA,KAEnC,WAAA,GAAc,UAAA,UAAwB,OAAA,EAAS,QAAA;AAAA,KACxC,YAAA;EACV,OAAA,GAAU,WAAA;EACV,YAAA,GAAe,WAAA;AAAA;AAAA,KAGZ,aAAA,GAAgB,UAAA,CAAW,YAAA,GAAe,SAAA,EAAW,QAAA;AAAA,KAC9C,cAAA;EACV,SAAA,GAAY,aAAA;EACZ,SAAA,GAAY,aAAA;EACZ,cAAA,GAAiB,aAAA;AAAA;AAAA,KAGd,cAAA,GAAiB,UAAA,CAAW,YAAA,GAAe,SAAA,EAAW,QAAA;AAAA,KAC/C,eAAA;EACV,UAAA,GAAa,cAAA;AAAA;AAAA,KAGH,YAAA,GAAe,YAAA,GAAe,cAAA,GAAiB,eAAA"}

package/dist/system/grids.d.ts

@@ -1,7 +1,8 @@
 import { Property } from "../node_modules/csstype/index.js";
 import { VuiTheme } from "../theme/types.js";
+import { VariantsType } from "./variantsType.js";
 import { SpaceGetter } from "./space.js";
-import { SystemProp, VariantsType } from "@xstyled/system";
+import { SystemProp } from "@xstyled/system";
 
 //#region src/system/grids.d.ts
 type GridTemplateColumnsGetter = VariantsType<VuiTheme['gridTemplateColumns']>;

package/dist/system/grids.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grids.d.ts","names":[],"sources":["../../src/system/grids.ts"],"mappings":";;;;;;KAMY,yBAAA,GAA4B,YAAA,CAAa,QAAA;AAAA,KACzC,sBAAA,GAAyB,YAAA,CAAa,QAAA;AAAA,KAE7C,OAAA,GAAU,UAAA,CAAW,WAAA,YAA2B,GAAA,EAAK,QAAA;AAAA,KAC9C,QAAA;EACV,GAAA,GAAM,OAAA;AAAA;AAAA,KAGH,aAAA,GAAgB,UAAA,CAAW,WAAA,YAA2B,SAAA,EAAW,QAAA;AAAA,KAC1D,cAAA;EACV,SAAA,GAAY,aAAA;AAAA;AAAA,KAGT,UAAA,GAAa,UAAA,CAAW,WAAA,YAA2B,MAAA,EAAQ,QAAA;AAAA,KACpD,WAAA;EACV,MAAA,GAAS,UAAA;AAAA;AAAA,KAGN,cAAA,GAAiB,UAAA,UAAwB,UAAA,EAAY,QAAA;AAAA,KAC9C,eAAA;EACV,UAAA,GAAa,cAAA;AAAA;AAAA,KAGV,WAAA,GAAc,UAAA,UAAwB,OAAA,EAAS,QAAA;AAAA,KACxC,YAAA;EACV,OAAA,GAAU,WAAA;AAAA;AAAA,KAGP,gBAAA,GAAmB,UAAA,UAAwB,YAAA,EAAc,QAAA;AAAA,KAClD,iBAAA;EACV,YAAA,GAAe,gBAAA;AAAA;AAAA,KAGZ,mBAAA,GAAsB,UAAA,UAAwB,eAAA,EAAiB,QAAA;AAAA,KACxD,oBAAA;EACV,eAAA,GAAkB,mBAAA;AAAA;AAAA,KAGf,gBAAA,GAAmB,UAAA,UAAwB,YAAA,EAAc,QAAA;AAAA,KAClD,iBAAA;EACV,YAAA,GAAe,gBAAA;AAAA;AAAA,KAGZ,uBAAA,GAA0B,UAAA,CAAW,yBAAA,YAAyC,mBAAA,EAAqB,QAAA;AAAA,KAC5F,wBAAA;EACV,mBAAA,GAAsB,uBAAA;AAAA;AAAA,KAGnB,oBAAA,GAAuB,UAAA,CAAW,sBAAA,YAAsC,gBAAA,EAAkB,QAAA;AAAA,KACnF,qBAAA;EACV,gBAAA,GAAmB,oBAAA;AAAA;AAAA,KAGhB,qBAAA,GAAwB,UAAA,UAAwB,iBAAA,EAAmB,QAAA;AAAA,KAC5D,sBAAA;EACV,iBAAA,GAAoB,qBAAA;AAAA;AAAA,KAGjB,YAAA,GAAe,UAAA,UAAwB,QAAA,EAAU,QAAA;AAAA,KAC1C,aAAA;EACV,QAAA,GAAW,YAAA;AAAA;AAAA,KAGD,UAAA,GAAa,QAAA,GACvB,cAAA,GACA,WAAA,GACA,eAAA,GACA,YAAA,GACA,iBAAA,GACA,oBAAA,GACA,iBAAA,GACA,wBAAA,GACA,qBAAA,GACA,sBAAA,GACA,aAAA"}
+{"version":3,"file":"grids.d.ts","names":[],"sources":["../../src/system/grids.ts"],"mappings":";;;;;;;KAOY,yBAAA,GAA4B,YAAA,CAAa,QAAA;AAAA,KACzC,sBAAA,GAAyB,YAAA,CAAa,QAAA;AAAA,KAE7C,OAAA,GAAU,UAAA,CAAW,WAAA,YAA2B,GAAA,EAAK,QAAA;AAAA,KAC9C,QAAA;EACV,GAAA,GAAM,OAAA;AAAA;AAAA,KAGH,aAAA,GAAgB,UAAA,CAAW,WAAA,YAA2B,SAAA,EAAW,QAAA;AAAA,KAC1D,cAAA;EACV,SAAA,GAAY,aAAA;AAAA;AAAA,KAGT,UAAA,GAAa,UAAA,CAAW,WAAA,YAA2B,MAAA,EAAQ,QAAA;AAAA,KACpD,WAAA;EACV,MAAA,GAAS,UAAA;AAAA;AAAA,KAGN,cAAA,GAAiB,UAAA,UAAwB,UAAA,EAAY,QAAA;AAAA,KAC9C,eAAA;EACV,UAAA,GAAa,cAAA;AAAA;AAAA,KAGV,WAAA,GAAc,UAAA,UAAwB,OAAA,EAAS,QAAA;AAAA,KACxC,YAAA;EACV,OAAA,GAAU,WAAA;AAAA;AAAA,KAGP,gBAAA,GAAmB,UAAA,UAAwB,YAAA,EAAc,QAAA;AAAA,KAClD,iBAAA;EACV,YAAA,GAAe,gBAAA;AAAA;AAAA,KAGZ,mBAAA,GAAsB,UAAA,UAAwB,eAAA,EAAiB,QAAA;AAAA,KACxD,oBAAA;EACV,eAAA,GAAkB,mBAAA;AAAA;AAAA,KAGf,gBAAA,GAAmB,UAAA,UAAwB,YAAA,EAAc,QAAA;AAAA,KAClD,iBAAA;EACV,YAAA,GAAe,gBAAA;AAAA;AAAA,KAGZ,uBAAA,GAA0B,UAAA,CAAW,yBAAA,YAAyC,mBAAA,EAAqB,QAAA;AAAA,KAC5F,wBAAA;EACV,mBAAA,GAAsB,uBAAA;AAAA;AAAA,KAGnB,oBAAA,GAAuB,UAAA,CAAW,sBAAA,YAAsC,gBAAA,EAAkB,QAAA;AAAA,KACnF,qBAAA;EACV,gBAAA,GAAmB,oBAAA;AAAA;AAAA,KAGhB,qBAAA,GAAwB,UAAA,UAAwB,iBAAA,EAAmB,QAAA;AAAA,KAC5D,sBAAA;EACV,iBAAA,GAAoB,qBAAA;AAAA;AAAA,KAGjB,YAAA,GAAe,UAAA,UAAwB,QAAA,EAAU,QAAA;AAAA,KAC1C,aAAA;EACV,QAAA,GAAW,YAAA;AAAA;AAAA,KAGD,UAAA,GAAa,QAAA,GACvB,cAAA,GACA,WAAA,GACA,eAAA,GACA,YAAA,GACA,iBAAA,GACA,oBAAA,GACA,iBAAA,GACA,wBAAA,GACA,qBAAA,GACA,sBAAA,GACA,aAAA"}

package/dist/system/layout.d.ts

@@ -1,6 +1,7 @@
 import { Property } from "../node_modules/csstype/index.js";
 import { VuiTheme } from "../theme/types.js";
-import { SystemProp, VariantsType } from "@xstyled/system";
+import { VariantsType } from "./variantsType.js";
+import { SystemProp } from "@xstyled/system";
 
 //#region src/system/layout.d.ts
 type InsetGetter = VariantsType<unknown>;

package/dist/system/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","names":[],"sources":["../../src/system/layout.ts"],"mappings":";;;;;KAKY,WAAA,GAAc,YAAA;AAAA,KACd,YAAA,GAAe,YAAA,CAAa,QAAA;AAAA,KAEnC,WAAA,GAAc,UAAA,UAAwB,OAAA,EAAS,QAAA;AAAA,KACxC,YAAA;EACV,OAAA,GAAU,WAAA;AAAA;AAAA,KAGP,SAAA,GAAY,UAAA,UAAwB,KAAA,EAAO,QAAA;AAAA,KACpC,UAAA;EACV,KAAA,GAAQ,SAAA;AAAA;AAAA,KAGL,aAAA,GAAgB,UAAA,UAAwB,SAAA,EAAW,QAAA;AAAA,KAC5C,cAAA;EACV,SAAA,GAAY,aAAA;AAAA;AAAA,KAGT,YAAA,GAAe,UAAA,UAAwB,QAAA,EAAU,QAAA;AAAA,KAC1C,aAAA;EACV,QAAA,GAAW,YAAA;AAAA;AAAA,KAGR,aAAA,GAAgB,UAAA,UAAwB,SAAA,EAAW,QAAA;AAAA,KAC5C,cAAA;EACV,SAAA,GAAY,aAAA;AAAA;AAAA,KAGT,aAAA,GAAgB,UAAA,UAAwB,SAAA,EAAW,QAAA;AAAA,KAC5C,cAAA;EACV,SAAA,GAAY,aAAA;AAAA;AAAA,KAGT,UAAA,GAAa,UAAA,CAAW,YAAA,YAA4B,MAAA,EAAQ,QAAA;AAAA,KACrD,WAAA;EACV,MAAA,GAAS,UAAA;AAAA;AAAA,KAGN,YAAA,GAAe,UAAA,UAAwB,QAAA,EAAU,QAAA;AAAA,KAC1C,aAAA;EACV,QAAA,GAAW,YAAA;AAAA;AAAA,KAGR,OAAA,GAAU,UAAA,CAAW,WAAA,YAA2B,GAAA,EAAK,QAAA;AAAA,KAC9C,QAAA;EACV,GAAA,GAAM,OAAA;EACN,QAAA,GAAW,OAAA;AAAA;AAAA,KAGR,SAAA,GAAY,UAAA,CAAW,WAAA,YAA2B,KAAA,EAAO,QAAA;AAAA,KAClD,UAAA;EACV,KAAA,GAAQ,SAAA;EACR,UAAA,GAAa,SAAA;AAAA;AAAA,KAGV,UAAA,GAAa,UAAA,CAAW,WAAA,YAA2B,MAAA,EAAQ,QAAA;AAAA,KACpD,WAAA;EACV,MAAA,GAAS,UAAA;EACT,WAAA,GAAc,UAAA;AAAA;AAAA,KAGX,QAAA,GAAW,UAAA,CAAW,WAAA,YAA2B,IAAA,EAAM,QAAA;AAAA,KAChD,SAAA;EACV,IAAA,GAAO,QAAA;EACP,SAAA,GAAY,QAAA;AAAA;AAAA,KAGT,cAAA,GAAiB,UAAA,UAAwB,UAAA,EAAY,QAAA;AAAA,KAC9C,eAAA;EACV,UAAA,GAAa,cAAA;EACb,eAAA,GAAkB,cAAA;AAAA;AAAA,KAGf,sBAAA,GAAyB,UAAA,UAAwB,kBAAA,EAAoB,QAAA;AAAA,KAC9D,uBAAA;EACV,kBAAA,GAAqB,sBAAA;AAAA;AAAA,KAGlB,aAAA,GAAgB,UAAA,UAAwB,SAAA,EAAW,QAAA;AAAA,KAC5C,cAAA;EACV,SAAA,GAAY,aAAA;AAAA;AAAA,KAGF,WAAA,GAAc,YAAA,GACxB,UAAA,GACA,cAAA,GACA,aAAA,GACA,cAAA,GACA,cAAA,GACA,aAAA,GACA,WAAA,GACA,QAAA,GACA,UAAA,GACA,WAAA,GACA,SAAA,GACA,eAAA,GACA,uBAAA,GACA,cAAA"}
+{"version":3,"file":"layout.d.ts","names":[],"sources":["../../src/system/layout.ts"],"mappings":";;;;;;KAMY,WAAA,GAAc,YAAA;AAAA,KACd,YAAA,GAAe,YAAA,CAAa,QAAA;AAAA,KAEnC,WAAA,GAAc,UAAA,UAAwB,OAAA,EAAS,QAAA;AAAA,KACxC,YAAA;EACV,OAAA,GAAU,WAAA;AAAA;AAAA,KAGP,SAAA,GAAY,UAAA,UAAwB,KAAA,EAAO,QAAA;AAAA,KACpC,UAAA;EACV,KAAA,GAAQ,SAAA;AAAA;AAAA,KAGL,aAAA,GAAgB,UAAA,UAAwB,SAAA,EAAW,QAAA;AAAA,KAC5C,cAAA;EACV,SAAA,GAAY,aAAA;AAAA;AAAA,KAGT,YAAA,GAAe,UAAA,UAAwB,QAAA,EAAU,QAAA;AAAA,KAC1C,aAAA;EACV,QAAA,GAAW,YAAA;AAAA;AAAA,KAGR,aAAA,GAAgB,UAAA,UAAwB,SAAA,EAAW,QAAA;AAAA,KAC5C,cAAA;EACV,SAAA,GAAY,aAAA;AAAA;AAAA,KAGT,aAAA,GAAgB,UAAA,UAAwB,SAAA,EAAW,QAAA;AAAA,KAC5C,cAAA;EACV,SAAA,GAAY,aAAA;AAAA;AAAA,KAGT,UAAA,GAAa,UAAA,CAAW,YAAA,YAA4B,MAAA,EAAQ,QAAA;AAAA,KACrD,WAAA;EACV,MAAA,GAAS,UAAA;AAAA;AAAA,KAGN,YAAA,GAAe,UAAA,UAAwB,QAAA,EAAU,QAAA;AAAA,KAC1C,aAAA;EACV,QAAA,GAAW,YAAA;AAAA;AAAA,KAGR,OAAA,GAAU,UAAA,CAAW,WAAA,YAA2B,GAAA,EAAK,QAAA;AAAA,KAC9C,QAAA;EACV,GAAA,GAAM,OAAA;EACN,QAAA,GAAW,OAAA;AAAA;AAAA,KAGR,SAAA,GAAY,UAAA,CAAW,WAAA,YAA2B,KAAA,EAAO,QAAA;AAAA,KAClD,UAAA;EACV,KAAA,GAAQ,SAAA;EACR,UAAA,GAAa,SAAA;AAAA;AAAA,KAGV,UAAA,GAAa,UAAA,CAAW,WAAA,YAA2B,MAAA,EAAQ,QAAA;AAAA,KACpD,WAAA;EACV,MAAA,GAAS,UAAA;EACT,WAAA,GAAc,UAAA;AAAA;AAAA,KAGX,QAAA,GAAW,UAAA,CAAW,WAAA,YAA2B,IAAA,EAAM,QAAA;AAAA,KAChD,SAAA;EACV,IAAA,GAAO,QAAA;EACP,SAAA,GAAY,QAAA;AAAA;AAAA,KAGT,cAAA,GAAiB,UAAA,UAAwB,UAAA,EAAY,QAAA;AAAA,KAC9C,eAAA;EACV,UAAA,GAAa,cAAA;EACb,eAAA,GAAkB,cAAA;AAAA;AAAA,KAGf,sBAAA,GAAyB,UAAA,UAAwB,kBAAA,EAAoB,QAAA;AAAA,KAC9D,uBAAA;EACV,kBAAA,GAAqB,sBAAA;AAAA;AAAA,KAGlB,aAAA,GAAgB,UAAA,UAAwB,SAAA,EAAW,QAAA;AAAA,KAC5C,cAAA;EACV,SAAA,GAAY,aAAA;AAAA;AAAA,KAGF,WAAA,GAAc,YAAA,GACxB,UAAA,GACA,cAAA,GACA,aAAA,GACA,cAAA,GACA,cAAA,GACA,aAAA,GACA,WAAA,GACA,QAAA,GACA,UAAA,GACA,WAAA,GACA,SAAA,GACA,eAAA,GACA,uBAAA,GACA,cAAA"}

package/dist/system/sizing.d.ts

@@ -1,5 +1,6 @@
 import { VuiTheme } from "../theme/types.js";
-import { SystemProp, VariantsType } from "@xstyled/system";
+import { VariantsType } from "./variantsType.js";
+import { SystemProp } from "@xstyled/system";
 
 //#region src/system/sizing.d.ts
 type SizeGetter = VariantsType<VuiTheme['sizes']>;

package/dist/system/sizing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sizing.d.ts","names":[],"sources":["../../src/system/sizing.ts"],"mappings":";;;;KAIY,UAAA,GAAa,YAAA,CAAa,QAAA;AAAA,KAEjC,SAAA,GAAY,UAAA,CAAW,UAAA,EAAY,QAAA;AAAA,KAC5B,UAAA;EACV,CAAA,GAAI,SAAA;EACJ,MAAA,GAAS,SAAA;AAAA;AAAA,KAGN,UAAA,GAAa,UAAA,CAAW,UAAA,EAAY,QAAA;AAAA,KAC7B,WAAA;EACV,CAAA,GAAI,UAAA;EACJ,MAAA,GAAS,UAAA;AAAA;AAAA,KAGN,aAAA,GAAgB,UAAA,CAAW,UAAA,EAAY,QAAA;AAAA,KAChC,cAAA;EACV,IAAA,GAAO,aAAA;EACP,SAAA,GAAY,aAAA;AAAA;AAAA,KAGT,aAAA,GAAgB,UAAA,CAAW,UAAA,EAAY,QAAA;AAAA,KAChC,cAAA;EACV,IAAA,GAAO,aAAA;EACP,SAAA,GAAY,aAAA;AAAA;AAAA,KAGT,YAAA,GAAe,UAAA,CAAW,UAAA,EAAY,QAAA;AAAA,KAC/B,aAAA;EACV,IAAA,GAAO,YAAA;EACP,SAAA,GAAY,YAAA;AAAA;AAAA,KAGT,YAAA,GAAe,UAAA,CAAW,UAAA,EAAY,QAAA;AAAA,KAC/B,aAAA;EACV,IAAA,GAAO,YAAA;EACP,SAAA,GAAY,YAAA;AAAA;AAAA,KAGF,WAAA,GAAc,UAAA,GAAa,WAAA,GAAc,aAAA,GAAgB,cAAA,GAAiB,aAAA,GAAgB,cAAA"}
+{"version":3,"file":"sizing.d.ts","names":[],"sources":["../../src/system/sizing.ts"],"mappings":";;;;;KAKY,UAAA,GAAa,YAAA,CAAa,QAAA;AAAA,KAEjC,SAAA,GAAY,UAAA,CAAW,UAAA,EAAY,QAAA;AAAA,KAC5B,UAAA;EACV,CAAA,GAAI,SAAA;EACJ,MAAA,GAAS,SAAA;AAAA;AAAA,KAGN,UAAA,GAAa,UAAA,CAAW,UAAA,EAAY,QAAA;AAAA,KAC7B,WAAA;EACV,CAAA,GAAI,UAAA;EACJ,MAAA,GAAS,UAAA;AAAA;AAAA,KAGN,aAAA,GAAgB,UAAA,CAAW,UAAA,EAAY,QAAA;AAAA,KAChC,cAAA;EACV,IAAA,GAAO,aAAA;EACP,SAAA,GAAY,aAAA;AAAA;AAAA,KAGT,aAAA,GAAgB,UAAA,CAAW,UAAA,EAAY,QAAA;AAAA,KAChC,cAAA;EACV,IAAA,GAAO,aAAA;EACP,SAAA,GAAY,aAAA;AAAA;AAAA,KAGT,YAAA,GAAe,UAAA,CAAW,UAAA,EAAY,QAAA;AAAA,KAC/B,aAAA;EACV,IAAA,GAAO,YAAA;EACP,SAAA,GAAY,YAAA;AAAA;AAAA,KAGT,YAAA,GAAe,UAAA,CAAW,UAAA,EAAY,QAAA;AAAA,KAC/B,aAAA;EACV,IAAA,GAAO,YAAA;EACP,SAAA,GAAY,YAAA;AAAA;AAAA,KAGF,WAAA,GAAc,UAAA,GAAa,WAAA,GAAc,aAAA,GAAgB,cAAA,GAAiB,aAAA,GAAgB,cAAA"}

package/dist/system/space.d.ts

@@ -1,5 +1,6 @@
 import { VuiTheme } from "../theme/types.js";
-import { SystemProp, VariantsType } from "@xstyled/system";
+import { VariantsType } from "./variantsType.js";
+import { SystemProp } from "@xstyled/system";
 
 //#region src/system/space.d.ts
 type SpaceGetter = VariantsType<VuiTheme['spaces']>;

package/dist/system/space.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"space.d.ts","names":[],"sources":["../../src/system/space.ts"],"mappings":"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"}
+{"version":3,"file":"space.d.ts","names":[],"sources":["../../src/system/space.ts"],"mappings":"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"}

package/dist/system/stateProps.js

@@ -0,0 +1,114 @@
+import { compose, getBorder, getBorderColor, getBorderStyle, getBorderWidth, getColor, getRadius, getRingWidth, getShadow, style } from "@xstyled/system";
+
+//#region src/system/stateProps.ts
+const HOVER = "&:hover";
+const FOCUS = "&:focus";
+const FOCUS_VISIBLE = "&:focus-visible";
+const FOCUS_WITHIN = "&:focus-within";
+const DISABLED = "&:disabled, &[aria-disabled=\"true\"]";
+const PLACEHOLDER = "&::placeholder";
+const makeRingCSS = (selector) => (value) => ({ [selector]: {
+	"--x-ring-shadow": `var(--x-ring-inset, ) 0 0 0 ${value} var(--x-ring-color)`,
+	boxShadow: "var(--x-ring-shadow, 0 0 #0000), var(--x-shadow, 0 0 #0000)"
+} });
+const makeRingColorCSS = (selector) => (value) => ({ [selector]: { "--x-ring-color": value } });
+const makeCSS = (selector, property) => (value) => ({ [selector]: { [property]: value } });
+const placeholderColor = style({
+	prop: "placeholderColor",
+	themeGet: getColor,
+	css: makeCSS(PLACEHOLDER, "color")
+});
+const hoverColor = style({
+	prop: "hoverColor",
+	themeGet: getColor,
+	css: makeCSS(HOVER, "color")
+});
+const hoverBorder = style({
+	prop: "hoverBorder",
+	themeGet: getBorder,
+	css: makeCSS(HOVER, "border")
+});
+const hoverBorderColor = style({
+	prop: "hoverBorderColor",
+	themeGet: getBorderColor,
+	css: makeCSS(HOVER, "border-color")
+});
+const hoverBorderWidth = style({
+	prop: "hoverBorderWidth",
+	themeGet: getBorderWidth,
+	css: makeCSS(HOVER, "border-width")
+});
+const hoverBorderStyle = style({
+	prop: "hoverBorderStyle",
+	themeGet: getBorderStyle,
+	css: makeCSS(HOVER, "border-style")
+});
+const hoverBorderRadius = style({
+	prop: "hoverBorderRadius",
+	themeGet: getRadius,
+	css: makeCSS(HOVER, "border-radius")
+});
+const hoverRing = style({
+	prop: "hoverRing",
+	themeGet: getRingWidth,
+	css: makeRingCSS(HOVER)
+});
+const hoverBoxShadow = style({
+	prop: "hoverBoxShadow",
+	themeGet: getShadow,
+	css: makeCSS(HOVER, "box-shadow")
+});
+const hoverOpacity = style({
+	prop: "hoverOpacity",
+	css: makeCSS(HOVER, "opacity")
+});
+const hoverTextDecoration = style({
+	prop: "hoverTextDecoration",
+	css: makeCSS(HOVER, "text-decoration")
+});
+const focusRing = style({
+	prop: "focusRing",
+	themeGet: getRingWidth,
+	css: makeRingCSS(FOCUS)
+});
+const focusBorderColor = style({
+	prop: "focusBorderColor",
+	themeGet: getBorderColor,
+	css: makeCSS(FOCUS, "border-color")
+});
+const focusVisibleRing = style({
+	prop: "focusVisibleRing",
+	themeGet: getRingWidth,
+	css: makeRingCSS(FOCUS_VISIBLE)
+});
+const focusWithinRing = style({
+	prop: "focusWithinRing",
+	themeGet: getRingWidth,
+	css: makeRingCSS(FOCUS_WITHIN)
+});
+const focusWithinRingColor = style({
+	prop: "focusWithinRingColor",
+	themeGet: getColor,
+	css: makeRingColorCSS(FOCUS_WITHIN)
+});
+const focusWithinBorderColor = style({
+	prop: "focusWithinBorderColor",
+	themeGet: getBorderColor,
+	css: makeCSS(FOCUS_WITHIN, "border-color")
+});
+const disabledColor = style({
+	prop: "disabledColor",
+	themeGet: getColor,
+	css: makeCSS(DISABLED, "color")
+});
+const disabledBorderColor = style({
+	prop: "disabledBorderColor",
+	themeGet: getBorderColor,
+	css: makeCSS(DISABLED, "border-color")
+});
+const stateProps = compose(placeholderColor, hoverColor, hoverBorder, hoverBorderColor, hoverBorderWidth, hoverBorderStyle, hoverBorderRadius, hoverRing, hoverBoxShadow, hoverOpacity, hoverTextDecoration, focusRing, focusBorderColor, focusVisibleRing, focusWithinRing, focusWithinRingColor, focusWithinBorderColor, disabledColor, disabledBorderColor);
+
+//#endregion
+export { stateProps };
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
+//# sourceMappingURL=stateProps.js.map

package/dist/system/stateProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stateProps.js","names":[],"sources":["../../src/system/stateProps.ts"],"sourcesContent":["import {\n  compose,\n  getBorder,\n  getBorderColor,\n  getBorderStyle,\n  getBorderWidth,\n  getColor,\n  getRadius,\n  getRingWidth,\n  getShadow,\n  style,\n} from '@xstyled/system'\n\nconst HOVER = '&:hover'\nconst FOCUS = '&:focus'\nconst FOCUS_VISIBLE = '&:focus-visible'\nconst FOCUS_WITHIN = '&:focus-within'\nconst DISABLED = '&:disabled, &[aria-disabled=\"true\"]'\nconst PLACEHOLDER = '&::placeholder'\n\nconst makeRingCSS = (selector: string) => (value: any) => ({\n  [selector]: {\n    '--x-ring-shadow': `var(--x-ring-inset, ) 0 0 0 ${value} var(--x-ring-color)`,\n    boxShadow: 'var(--x-ring-shadow, 0 0 #0000), var(--x-shadow, 0 0 #0000)',\n  },\n})\n\nconst makeRingColorCSS = (selector: string) => (value: any) => ({\n  [selector]: { '--x-ring-color': value },\n})\n\nconst makeCSS = (selector: string, property: string) => (value: any) => ({\n  [selector]: { [property]: value },\n})\n\n// placeholder\nexport const placeholderColor = style({\n  prop: 'placeholderColor',\n  themeGet: getColor,\n  css: makeCSS(PLACEHOLDER, 'color'),\n})\n\n// hover\nexport const hoverColor = style({ prop: 'hoverColor', themeGet: getColor, css: makeCSS(HOVER, 'color') })\nexport const hoverBorder = style({ prop: 'hoverBorder', themeGet: getBorder, css: makeCSS(HOVER, 'border') })\nexport const hoverBorderColor = style({\n  prop: 'hoverBorderColor',\n  themeGet: getBorderColor,\n  css: makeCSS(HOVER, 'border-color'),\n})\nexport const hoverBorderWidth = style({\n  prop: 'hoverBorderWidth',\n  themeGet: getBorderWidth,\n  css: makeCSS(HOVER, 'border-width'),\n})\nexport const hoverBorderStyle = style({\n  prop: 'hoverBorderStyle',\n  themeGet: getBorderStyle,\n  css: makeCSS(HOVER, 'border-style'),\n})\nexport const hoverBorderRadius = style({\n  prop: 'hoverBorderRadius',\n  themeGet: getRadius,\n  css: makeCSS(HOVER, 'border-radius'),\n})\nexport const hoverRing = style({ prop: 'hoverRing', themeGet: getRingWidth, css: makeRingCSS(HOVER) })\nexport const hoverBoxShadow = style({ prop: 'hoverBoxShadow', themeGet: getShadow, css: makeCSS(HOVER, 'box-shadow') })\nexport const hoverOpacity = style({ prop: 'hoverOpacity', css: makeCSS(HOVER, 'opacity') })\nexport const hoverTextDecoration = style({ prop: 'hoverTextDecoration', css: makeCSS(HOVER, 'text-decoration') })\n\n// focus\nexport const focusRing = style({ prop: 'focusRing', themeGet: getRingWidth, css: makeRingCSS(FOCUS) })\nexport const focusBorderColor = style({\n  prop: 'focusBorderColor',\n  themeGet: getBorderColor,\n  css: makeCSS(FOCUS, 'border-color'),\n})\n\n// focus-visible\nexport const focusVisibleRing = style({\n  prop: 'focusVisibleRing',\n  themeGet: getRingWidth,\n  css: makeRingCSS(FOCUS_VISIBLE),\n})\n\n// focus-within\nexport const focusWithinRing = style({\n  prop: 'focusWithinRing',\n  themeGet: getRingWidth,\n  css: makeRingCSS(FOCUS_WITHIN),\n})\nexport const focusWithinRingColor = style({\n  prop: 'focusWithinRingColor',\n  themeGet: getColor,\n  css: makeRingColorCSS(FOCUS_WITHIN),\n})\nexport const focusWithinBorderColor = style({\n  prop: 'focusWithinBorderColor',\n  themeGet: getBorderColor,\n  css: makeCSS(FOCUS_WITHIN, 'border-color'),\n})\n\n// disabled\nexport const disabledColor = style({ prop: 'disabledColor', themeGet: getColor, css: makeCSS(DISABLED, 'color') })\nexport const disabledBorderColor = style({\n  prop: 'disabledBorderColor',\n  themeGet: getBorderColor,\n  css: makeCSS(DISABLED, 'border-color'),\n})\n\nexport const stateProps = compose(\n  placeholderColor,\n  hoverColor,\n  hoverBorder,\n  hoverBorderColor,\n  hoverBorderWidth,\n  hoverBorderStyle,\n  hoverBorderRadius,\n  hoverRing,\n  hoverBoxShadow,\n  hoverOpacity,\n  hoverTextDecoration,\n  focusRing,\n  focusBorderColor,\n  focusVisibleRing,\n  focusWithinRing,\n  focusWithinRingColor,\n  focusWithinBorderColor,\n  disabledColor,\n  disabledBorderColor,\n)\n"],"mappings":";;;AAaA,MAAM,QAAQ;AACd,MAAM,QAAQ;AACd,MAAM,gBAAgB;AACtB,MAAM,eAAe;AACrB,MAAM,WAAW;AACjB,MAAM,cAAc;AAEpB,MAAM,eAAe,cAAsB,WAAgB,GACxD,WAAW;CACV,mBAAmB,+BAA+B,MAAM;CACxD,WAAW;CACZ,EACF;AAED,MAAM,oBAAoB,cAAsB,WAAgB,GAC7D,WAAW,EAAE,kBAAkB,OAAO,EACxC;AAED,MAAM,WAAW,UAAkB,cAAsB,WAAgB,GACtE,WAAW,GAAG,WAAW,OAAO,EAClC;AAGD,MAAa,mBAAmB,MAAM;CACpC,MAAM;CACN,UAAU;CACV,KAAK,QAAQ,aAAa,QAAQ;CACnC,CAAC;AAGF,MAAa,aAAa,MAAM;CAAE,MAAM;CAAc,UAAU;CAAU,KAAK,QAAQ,OAAO,QAAQ;CAAE,CAAC;AACzG,MAAa,cAAc,MAAM;CAAE,MAAM;CAAe,UAAU;CAAW,KAAK,QAAQ,OAAO,SAAS;CAAE,CAAC;AAC7G,MAAa,mBAAmB,MAAM;CACpC,MAAM;CACN,UAAU;CACV,KAAK,QAAQ,OAAO,eAAe;CACpC,CAAC;AACF,MAAa,mBAAmB,MAAM;CACpC,MAAM;CACN,UAAU;CACV,KAAK,QAAQ,OAAO,eAAe;CACpC,CAAC;AACF,MAAa,mBAAmB,MAAM;CACpC,MAAM;CACN,UAAU;CACV,KAAK,QAAQ,OAAO,eAAe;CACpC,CAAC;AACF,MAAa,oBAAoB,MAAM;CACrC,MAAM;CACN,UAAU;CACV,KAAK,QAAQ,OAAO,gBAAgB;CACrC,CAAC;AACF,MAAa,YAAY,MAAM;CAAE,MAAM;CAAa,UAAU;CAAc,KAAK,YAAY,MAAM;CAAE,CAAC;AACtG,MAAa,iBAAiB,MAAM;CAAE,MAAM;CAAkB,UAAU;CAAW,KAAK,QAAQ,OAAO,aAAa;CAAE,CAAC;AACvH,MAAa,eAAe,MAAM;CAAE,MAAM;CAAgB,KAAK,QAAQ,OAAO,UAAU;CAAE,CAAC;AAC3F,MAAa,sBAAsB,MAAM;CAAE,MAAM;CAAuB,KAAK,QAAQ,OAAO,kBAAkB;CAAE,CAAC;AAGjH,MAAa,YAAY,MAAM;CAAE,MAAM;CAAa,UAAU;CAAc,KAAK,YAAY,MAAM;CAAE,CAAC;AACtG,MAAa,mBAAmB,MAAM;CACpC,MAAM;CACN,UAAU;CACV,KAAK,QAAQ,OAAO,eAAe;CACpC,CAAC;AAGF,MAAa,mBAAmB,MAAM;CACpC,MAAM;CACN,UAAU;CACV,KAAK,YAAY,cAAc;CAChC,CAAC;AAGF,MAAa,kBAAkB,MAAM;CACnC,MAAM;CACN,UAAU;CACV,KAAK,YAAY,aAAa;CAC/B,CAAC;AACF,MAAa,uBAAuB,MAAM;CACxC,MAAM;CACN,UAAU;CACV,KAAK,iBAAiB,aAAa;CACpC,CAAC;AACF,MAAa,yBAAyB,MAAM;CAC1C,MAAM;CACN,UAAU;CACV,KAAK,QAAQ,cAAc,eAAe;CAC3C,CAAC;AAGF,MAAa,gBAAgB,MAAM;CAAE,MAAM;CAAiB,UAAU;CAAU,KAAK,QAAQ,UAAU,QAAQ;CAAE,CAAC;AAClH,MAAa,sBAAsB,MAAM;CACvC,MAAM;CACN,UAAU;CACV,KAAK,QAAQ,UAAU,eAAe;CACvC,CAAC;AAEF,MAAa,aAAa,QACxB,kBACA,YACA,aACA,kBACA,kBACA,kBACA,mBACA,WACA,gBACA,cACA,qBACA,WACA,kBACA,kBACA,iBACA,sBACA,wBACA,eACA,oBACD"}

package/dist/system/system.d.ts

@@ -18,7 +18,7 @@ import * as _xstyled_system0 from "@xstyled/system";
 
 //#region src/system/system.d.ts
 type SystemProps = AnimationsProps & BackgroundColorProps & BordersProps & EffectsProps & FlexboxesProps & FlexboxGridsProps & GridsProps & InteractivityProps & IsTruncatedProps & LayoutProps & MaxLinesProps & SizingProps & SpaceProps & TablesProps & TransformsProps & TransitionsProps & TypographyProps & WordBreakProps;
-declare const system: _xstyled_system0.StyleGenerator;
+declare const system: _xstyled_system0.StyleGenerator<_xstyled_system0.AnimationProps<_xstyled_system0.Theme> & _xstyled_system0.BackgroundColorProps<_xstyled_system0.Theme> & _xstyled_system0.BordersProps<_xstyled_system0.Theme> & _xstyled_system0.ColorProps<_xstyled_system0.Theme> & _xstyled_system0.EffectsProps<_xstyled_system0.Theme> & _xstyled_system0.FlexboxesProps<_xstyled_system0.Theme> & _xstyled_system0.FlexboxGridsProps<_xstyled_system0.Theme> & _xstyled_system0.GridsProps<_xstyled_system0.Theme> & _xstyled_system0.InteractivityProps<_xstyled_system0.Theme> & _xstyled_system0.LayoutProps<_xstyled_system0.Theme> & _xstyled_system0.SizingProps<_xstyled_system0.Theme> & _xstyled_system0.SpaceProps<_xstyled_system0.Theme> & _xstyled_system0.TablesProps<_xstyled_system0.Theme> & _xstyled_system0.TransformsProps<_xstyled_system0.Theme> & _xstyled_system0.TransitionsProps<_xstyled_system0.Theme> & _xstyled_system0.TypographyProps<_xstyled_system0.Theme>>;
 //#endregion
 export { SystemProps, system };
 

package/dist/system/system.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"system.d.ts","names":[],"sources":["../../src/system/system.ts"],"mappings":";;;;;;;;;;;;;;;;;;;KAsCY,WAAA,GAAc,eAAA,GACxB,oBAAA,GACA,YAAA,GACA,YAAA,GACA,cAAA,GACA,iBAAA,GACA,UAAA,GACA,kBAAA,GACA,gBAAA,GACA,WAAA,GACA,aAAA,GACA,WAAA,GACA,UAAA,GACA,WAAA,GACA,eAAA,GACA,gBAAA,GACA,eAAA,GACA,cAAA;AAAA,cAEW,MAAA,EAoBZ,gBAAA,CApBkB,cAAA"}
+{"version":3,"file":"system.d.ts","names":[],"sources":["../../src/system/system.ts"],"mappings":";;;;;;;;;;;;;;;;;;;KAuCY,WAAA,GAAc,eAAA,GACxB,oBAAA,GACA,YAAA,GACA,YAAA,GACA,cAAA,GACA,iBAAA,GACA,UAAA,GACA,kBAAA,GACA,gBAAA,GACA,WAAA,GACA,aAAA,GACA,WAAA,GACA,UAAA,GACA,WAAA,GACA,eAAA,GACA,gBAAA,GACA,eAAA,GACA,cAAA;AAAA,cAEW,MAAA,EAAM,gBAAA,CAAA,cAAA,CAAA,gBAAA,CAAA,cAAA,CAqBlB,gBAAA,CArBkB,KAAA,IAAA,gBAAA,CAAA,oBAAA,CAAA,gBAAA,CAAA,KAAA,IAAA,gBAAA,CAAA,YAAA,CAAA,gBAAA,CAAA,KAAA,IAAA,gBAAA,CAAA,UAAA,CAAA,gBAAA,CAAA,KAAA,IAAA,gBAAA,CAAA,YAAA,CAAA,gBAAA,CAAA,KAAA,IAAA,gBAAA,CAAA,cAAA,CAAA,gBAAA,CAAA,KAAA,IAAA,gBAAA,CAAA,iBAAA,CAAA,gBAAA,CAAA,KAAA,IAAA,gBAAA,CAAA,UAAA,CAAA,gBAAA,CAAA,KAAA,IAAA,gBAAA,CAAA,kBAAA,CAAA,gBAAA,CAAA,KAAA,IAAA,gBAAA,CAAA,WAAA,CAAA,gBAAA,CAAA,KAAA,IAAA,gBAAA,CAAA,WAAA,CAAA,gBAAA,CAAA,KAAA,IAAA,gBAAA,CAAA,UAAA,CAAA,gBAAA,CAAA,KAAA,IAAA,gBAAA,CAAA,WAAA,CAAA,gBAAA,CAAA,KAAA,IAAA,gBAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,KAAA,IAAA,gBAAA,CAAA,gBAAA,CAAA,gBAAA,CAAA,KAAA,IAAA,gBAAA,CAAA,eAAA,CAAA,gBAAA,CAAA,KAAA"}

package/dist/system/system.js

@@ -1,10 +1,11 @@
 import { isTruncated, maxLines, wordBreak } from "./custom.js";
+import { stateProps } from "./stateProps.js";
 import { animation, backgroundColor, borders, color, compose, effects, flexboxGrids, flexboxes, grids, interactivity, layout, sizing, space, tables, transforms, transitions, typography } from "@xstyled/styled-components";
 
 //#region src/system/system.ts
-const system = compose(animation, backgroundColor, borders, color, effects, flexboxes, flexboxGrids, grids, interactivity, isTruncated, layout, maxLines, sizing, space, tables, transforms, transitions, typography, wordBreak);
+const system = compose(animation, backgroundColor, borders, color, effects, flexboxes, flexboxGrids, grids, interactivity, isTruncated, layout, maxLines, sizing, space, stateProps, tables, transforms, transitions, typography, wordBreak);
 
 //#endregion
 export { system as default };
-globalThis.__vuiVersion__ = "4.0.3"
+globalThis.__vuiVersion__ = "5.0.0-beta.1"
 //# sourceMappingURL=system.js.map

package/dist/system/system.js.map

@@ -1 +1 @@
-{"version":3,"file":"system.js","names":[],"sources":["../../src/system/system.ts"],"sourcesContent":["import {\n  animation,\n  backgroundColor,\n  borders,\n  color,\n  compose,\n  effects,\n  flexboxes,\n  flexboxGrids,\n  grids,\n  interactivity,\n  layout,\n  sizing,\n  space,\n  tables,\n  transforms,\n  transitions,\n  typography,\n} from '@xstyled/styled-components'\n\nimport type { AnimationsProps } from './animations'\nimport type { BackgroundColorProps } from './backgrounds'\nimport type { BordersProps } from './borders'\nimport type { IsTruncatedProps, MaxLinesProps, WordBreakProps } from './custom'\nimport { isTruncated, maxLines, wordBreak } from './custom'\nimport type { EffectsProps } from './effects'\nimport type { FlexboxesProps } from './flexboxes'\nimport type { FlexboxGridsProps } from './flexboxGrids'\nimport type { GridsProps } from './grids'\nimport type { InteractivityProps } from './interactivity'\nimport type { LayoutProps } from './layout'\nimport type { SizingProps } from './sizing'\nimport type { SpaceProps } from './space'\nimport type { TablesProps } from './tables'\nimport type { TransformsProps } from './transforms'\nimport type { TransitionsProps } from './transitions'\nimport type { TypographyProps } from './typography'\n\nexport type SystemProps = AnimationsProps &\n  BackgroundColorProps &\n  BordersProps &\n  EffectsProps &\n  FlexboxesProps &\n  FlexboxGridsProps &\n  GridsProps &\n  InteractivityProps &\n  IsTruncatedProps &\n  LayoutProps &\n  MaxLinesProps &\n  SizingProps &\n  SpaceProps &\n  TablesProps &\n  TransformsProps &\n  TransitionsProps &\n  TypographyProps &\n  WordBreakProps\n\nexport const system = compose(\n  animation,\n  backgroundColor,\n  borders,\n  color,\n  effects,\n  flexboxes,\n  flexboxGrids,\n  grids,\n  interactivity,\n  isTruncated,\n  layout,\n  maxLines,\n  sizing,\n  space,\n  tables,\n  transforms,\n  transitions,\n  typography,\n  wordBreak,\n)\n\nexport default system\n"],"mappings":";;;;AAyDA,MAAa,SAAS,QACpB,WACA,iBACA,SACA,OACA,SACA,WACA,cACA,OACA,eACA,aACA,QACA,UACA,QACA,OACA,QACA,YACA,aACA,YACA,UACD"}
+{"version":3,"file":"system.js","names":[],"sources":["../../src/system/system.ts"],"sourcesContent":["import {\n  animation,\n  backgroundColor,\n  borders,\n  color,\n  compose,\n  effects,\n  flexboxes,\n  flexboxGrids,\n  grids,\n  interactivity,\n  layout,\n  sizing,\n  space,\n  tables,\n  transforms,\n  transitions,\n  typography,\n} from '@xstyled/styled-components'\n\nimport type { AnimationsProps } from './animations'\nimport type { BackgroundColorProps } from './backgrounds'\nimport type { BordersProps } from './borders'\nimport type { IsTruncatedProps, MaxLinesProps, WordBreakProps } from './custom'\nimport { isTruncated, maxLines, wordBreak } from './custom'\nimport type { EffectsProps } from './effects'\nimport type { FlexboxesProps } from './flexboxes'\nimport type { FlexboxGridsProps } from './flexboxGrids'\nimport type { GridsProps } from './grids'\nimport type { InteractivityProps } from './interactivity'\nimport type { LayoutProps } from './layout'\nimport type { SizingProps } from './sizing'\nimport type { SpaceProps } from './space'\nimport { stateProps } from './stateProps'\nimport type { TablesProps } from './tables'\nimport type { TransformsProps } from './transforms'\nimport type { TransitionsProps } from './transitions'\nimport type { TypographyProps } from './typography'\n\nexport type SystemProps = AnimationsProps &\n  BackgroundColorProps &\n  BordersProps &\n  EffectsProps &\n  FlexboxesProps &\n  FlexboxGridsProps &\n  GridsProps &\n  InteractivityProps &\n  IsTruncatedProps &\n  LayoutProps &\n  MaxLinesProps &\n  SizingProps &\n  SpaceProps &\n  TablesProps &\n  TransformsProps &\n  TransitionsProps &\n  TypographyProps &\n  WordBreakProps\n\nexport const system = compose(\n  animation,\n  backgroundColor,\n  borders,\n  color,\n  effects,\n  flexboxes,\n  flexboxGrids,\n  grids,\n  interactivity,\n  isTruncated,\n  layout,\n  maxLines,\n  sizing,\n  space,\n  stateProps,\n  tables,\n  transforms,\n  transitions,\n  typography,\n  wordBreak,\n)\n\nexport default system\n"],"mappings":";;;;;AA0DA,MAAa,SAAS,QACpB,WACA,iBACA,SACA,OACA,SACA,WACA,cACA,OACA,eACA,aACA,QACA,UACA,QACA,OACA,YACA,QACA,YACA,aACA,YACA,UACD"}

package/dist/system/transforms.d.ts

@@ -1,6 +1,7 @@
 import { Property } from "../node_modules/csstype/index.js";
 import { VuiTheme } from "../theme/types.js";
-import { SystemProp, VariantsType } from "@xstyled/system";
+import { VariantsType } from "./variantsType.js";
+import { SystemProp } from "@xstyled/system";
 
 //#region src/system/transforms.d.ts
 type TransformGetter = VariantsType<VuiTheme['transforms']>;

package/dist/system/transforms.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transforms.d.ts","names":[],"sources":["../../src/system/transforms.ts"],"mappings":";;;;;KAKY,eAAA,GAAkB,YAAA,CAAa,QAAA;AAAA,KAEtC,aAAA,GAAgB,UAAA,mBAA6B,QAAA;AAAA,KACtC,cAAA;EACV,SAAA,GAAY,aAAA;EACZ,cAAA,GAAiB,aAAA;AAAA;AAAA,KAGd,mBAAA,GAAsB,UAAA,UAAwB,eAAA,EAAiB,QAAA;AAAA,KACxD,oBAAA;EACV,eAAA,GAAkB,mBAAA;EAClB,oBAAA,GAAuB,mBAAA;AAAA;AAAA,KAGpB,cAAA,GAAiB,UAAA,kBAA4B,QAAA;AAAA,KACtC,eAAA;EACV,UAAA,GAAa,cAAA;EACb,eAAA,GAAkB,cAAA;AAAA;AAAA,KAGf,cAAA,GAAiB,UAAA,kBAA4B,QAAA;AAAA,KACtC,eAAA;EACV,UAAA,GAAa,cAAA;EACb,eAAA,GAAkB,cAAA;AAAA;AAAA,KAGf,UAAA,GAAa,UAAA,kBAA4B,QAAA;AAAA,KAClC,WAAA;EACV,MAAA,GAAS,UAAA;EACT,WAAA,GAAc,UAAA;AAAA;AAAA,KAGX,SAAA,GAAY,UAAA,kBAA4B,QAAA;AAAA,KACjC,UAAA;EACV,KAAA,GAAQ,SAAA;EACR,UAAA,GAAa,SAAA;AAAA;AAAA,KAGV,SAAA,GAAY,UAAA,kBAA4B,QAAA;AAAA,KACjC,UAAA;EACV,KAAA,GAAQ,SAAA;EACR,UAAA,GAAa,SAAA;AAAA;AAAA,KAGV,SAAA,GAAY,UAAA,kBAA4B,QAAA;AAAA,KACjC,UAAA;EACV,KAAA,GAAQ,SAAA;EACR,UAAA,GAAa,SAAA;AAAA;AAAA,KAGV,UAAA,GAAa,UAAA,kBAA4B,QAAA;AAAA,KAClC,WAAA;EACV,MAAA,GAAS,UAAA;EACT,WAAA,GAAc,UAAA;AAAA;AAAA,KAGX,UAAA,GAAa,UAAA,kBAA4B,QAAA;AAAA,KAClC,WAAA;EACV,MAAA,GAAS,UAAA;EACT,WAAA,GAAc,UAAA;AAAA;AAAA,KAGJ,eAAA,GAAkB,cAAA,GAC5B,oBAAA,GACA,eAAA,GACA,eAAA,GACA,WAAA,GACA,UAAA,GACA,UAAA,GACA,UAAA,GACA,WAAA,GACA,WAAA"}
+{"version":3,"file":"transforms.d.ts","names":[],"sources":["../../src/system/transforms.ts"],"mappings":";;;;;;KAMY,eAAA,GAAkB,YAAA,CAAa,QAAA;AAAA,KAEtC,aAAA,GAAgB,UAAA,mBAA6B,QAAA;AAAA,KACtC,cAAA;EACV,SAAA,GAAY,aAAA;EACZ,cAAA,GAAiB,aAAA;AAAA;AAAA,KAGd,mBAAA,GAAsB,UAAA,UAAwB,eAAA,EAAiB,QAAA;AAAA,KACxD,oBAAA;EACV,eAAA,GAAkB,mBAAA;EAClB,oBAAA,GAAuB,mBAAA;AAAA;AAAA,KAGpB,cAAA,GAAiB,UAAA,kBAA4B,QAAA;AAAA,KACtC,eAAA;EACV,UAAA,GAAa,cAAA;EACb,eAAA,GAAkB,cAAA;AAAA;AAAA,KAGf,cAAA,GAAiB,UAAA,kBAA4B,QAAA;AAAA,KACtC,eAAA;EACV,UAAA,GAAa,cAAA;EACb,eAAA,GAAkB,cAAA;AAAA;AAAA,KAGf,UAAA,GAAa,UAAA,kBAA4B,QAAA;AAAA,KAClC,WAAA;EACV,MAAA,GAAS,UAAA;EACT,WAAA,GAAc,UAAA;AAAA;AAAA,KAGX,SAAA,GAAY,UAAA,kBAA4B,QAAA;AAAA,KACjC,UAAA;EACV,KAAA,GAAQ,SAAA;EACR,UAAA,GAAa,SAAA;AAAA;AAAA,KAGV,SAAA,GAAY,UAAA,kBAA4B,QAAA;AAAA,KACjC,UAAA;EACV,KAAA,GAAQ,SAAA;EACR,UAAA,GAAa,SAAA;AAAA;AAAA,KAGV,SAAA,GAAY,UAAA,kBAA4B,QAAA;AAAA,KACjC,UAAA;EACV,KAAA,GAAQ,SAAA;EACR,UAAA,GAAa,SAAA;AAAA;AAAA,KAGV,UAAA,GAAa,UAAA,kBAA4B,QAAA;AAAA,KAClC,WAAA;EACV,MAAA,GAAS,UAAA;EACT,WAAA,GAAc,UAAA;AAAA;AAAA,KAGX,UAAA,GAAa,UAAA,kBAA4B,QAAA;AAAA,KAClC,WAAA;EACV,MAAA,GAAS,UAAA;EACT,WAAA,GAAc,UAAA;AAAA;AAAA,KAGJ,eAAA,GAAkB,cAAA,GAC5B,oBAAA,GACA,eAAA,GACA,eAAA,GACA,WAAA,GACA,UAAA,GACA,UAAA,GACA,UAAA,GACA,WAAA,GACA,WAAA"}