@veeqo/ui 9.0.0-beta-3 → 9.0.0

package/dist/components/Popover/styled.js

@@ -1,17 +1,7 @@
-import o from"styled-components";const e=o.dialog`
-  z-index: ${({zIndex:o})=>o+1};
+import styled from 'styled-components';
 
-  // Remove browser default styling of HTML Dialog.
-  padding: 0;
-  margin: 0;
-  border: none;
-  background: transparent;
-`,n=o.div`
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: ${({zIndex:o})=>o};
-`;export{n as Backdrop,e as PopoverDialog};
+const PopoverDialog = styled.dialog.withConfig({ displayName: "vui--PopoverDialog", componentId: "vui--kmoo2l" }) `z-index:${({ zIndex }) => zIndex + 1};padding:0;margin:0;border:none;background:transparent;`;
+const Backdrop = styled.div.withConfig({ displayName: "vui--Backdrop", componentId: "vui--9esryp" }) `position:fixed;top:0;right:0;bottom:0;left:0;z-index:${({ zIndex }) => zIndex};`;
+
+export { Backdrop, PopoverDialog };
 //# sourceMappingURL=styled.js.map

package/dist/components/Popover/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Popover/styled.ts"],"sourcesContent":[null],"names":["PopoverDialog","styled","dialog","zIndex"],"mappings":"iCAGA,MAAAA,EAA0BC,EAAAC,MAAA;aAAiC,EAAAC,YAAAA,EAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Popover/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAGa,MAAA,aAAa,GAAG,MAAM,CAAC,MAAM,CAC7B,UAAA,CAAA,EAAA,WAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,QAAA,EAAA,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM,GAAG,CAAC;AAS1B,MAAA,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qDAAA,EAMrB,CAAC,EAAE,MAAM,EAAE,KAAK,MAAM;;;;"}

package/dist/components/Popover/types.d.ts

@@ -7,6 +7,10 @@ export type PopoverProps = DialogHTMLAttributes<HTMLDialogElement> & {
     anchorElement: HTMLElement | null;
     useAnchorWidth?: boolean;
     rootElementRef?: HTMLElement;
+    /**
+     * When another ref is not the triggering element.
+     */
+    ignoreAriaWarnings?: boolean;
     /**
      * Will disable the focus lock if set to true, use only if taking manual control of focus.
      */
@@ -24,4 +28,3 @@ export type BackdropProps = {
     zIndex: number;
     onClose: () => void;
 };
-//# sourceMappingURL=types.d.ts.map

package/dist/components/Portal/Portal.cjs

@@ -1,2 +1,51 @@
-"use strict";var t=require("react"),e=require("react-dom"),o=require("../../utils/generateId.cjs");class r extends t.PureComponent{constructor(t){super(t),this.id=o.generateId("portal"),this.portalNode=null,this.state={isMounted:!1}}componentDidMount(){const{rootElementRef:t}=this.props;this.portalNode=document.createElement("div"),this.portalNode.setAttribute("id",`portal-${this.id}`),this.portalNode.style.cssText="position: absolute; top: 0; left: 0;",t?null==t||t.appendChild(this.portalNode):document.body.appendChild(this.portalNode),this.setState({isMounted:!0})}componentWillUnmount(){if(this.portalNode){const{rootElementRef:t}=this.props;t?t.removeChild(this.portalNode):document.body.removeChild(this.portalNode)}}render(){const{children:t}=this.props,{isMounted:o}=this.state;return this.portalNode&&o?e.createPortal(t,this.portalNode):null}}exports.Portal=r;
+'use strict';
+
+var React = require('react');
+var ReactDOM = require('react-dom');
+var generateId = require('../../utils/generateId.cjs');
+
+/**
+ * The portal component renders content on the document `body` unless `rootElementRef` is passed.
+ */
+class Portal extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        this.id = generateId.generateId('portal');
+        this.portalNode = null;
+        this.state = {
+            isMounted: false,
+        };
+    }
+    componentDidMount() {
+        const { rootElementRef } = this.props;
+        this.portalNode = document.createElement('div');
+        this.portalNode.setAttribute('id', `portal-${this.id}`);
+        this.portalNode.style.cssText = 'position: absolute; top: 0; left: 0;';
+        if (rootElementRef) {
+            rootElementRef === null || rootElementRef === undefined ? undefined : rootElementRef.appendChild(this.portalNode);
+        }
+        else {
+            document.body.appendChild(this.portalNode);
+        }
+        this.setState({ isMounted: true });
+    }
+    componentWillUnmount() {
+        if (this.portalNode) {
+            const { rootElementRef } = this.props;
+            if (rootElementRef) {
+                rootElementRef.removeChild(this.portalNode);
+            }
+            else {
+                document.body.removeChild(this.portalNode);
+            }
+        }
+    }
+    render() {
+        const { children } = this.props;
+        const { isMounted } = this.state;
+        return this.portalNode && isMounted ? ReactDOM.createPortal(children, this.portalNode) : null;
+    }
+}
+
+exports.Portal = Portal;
 //# sourceMappingURL=Portal.cjs.map

package/dist/components/Portal/Portal.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.cjs","sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":[null],"names":["Portal","PureComponent","constructor","props","super","this","portalNode","state","isMounted","componentDidMount","rootElementRef","document","createElement","setAttribute","id"],"mappings":"mGAUW,MAAAA,UAAUC,EAAAA,cACnB,WAAAC,CAAAC,GAEFC,MAAAD,kCAEGE,KAAAC,WAAA,KACHD,KAAAE,MAAa,CACeC,WAAA,EAId,CAOZ,iBAAAC,GAgBoB,MAAAC,eAAAA,GAAAL,KAAAF,MAWpBE,KAAUC,WAAMK,SAAkBC,cAAA,OAMnCP,KAAAC,WAAAO,aAAA,KAAA,UAAAR,KAAAS"}
+{"version":3,"file":"Portal.cjs","sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":[null],"names":["PureComponent","generateId","createPortal"],"mappings":";;;;;;AAaA;;AAEG;AACG,MAAO,MAAO,SAAQA,mBAAuC,CAAA;AAKjE,IAAA,WAAA,CAAY,KAAkB,EAAA;QAC5B,KAAK,CAAC,KAAK,CAAC;AALd,QAAA,IAAA,CAAA,EAAE,GAAGC,qBAAU,CAAC,QAAQ,CAAC;QAEzB,IAAU,CAAA,UAAA,GAAuB,IAAI;QAInC,IAAI,CAAC,KAAK,GAAG;AACX,YAAA,SAAS,EAAE,KAAK;SACjB;;IAGH,iBAAiB,GAAA;AACf,QAAA,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK;QAErC,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AAC/C,QAAA,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,EAAE,CAAA,OAAA,EAAU,IAAI,CAAC,EAAE,CAAA,CAAE,CAAC;QACvD,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,sCAAsC;AAEtE,QAAA,IAAI,cAAc,EAAE;YAClB,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,SAAA,GAAA,SAAA,GAAd,cAAc,CAAE,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC7C;AAAM,aAAA;YACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC3C;QAED,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;;IAGpC,oBAAoB,GAAA;QAClB,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK;AACrC,YAAA,IAAI,cAAc,EAAE;AAClB,gBAAA,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC5C;AAAM,iBAAA;gBACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC3C;AACF;;IAGH,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK;AAC/B,QAAA,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK;QAEhC,OAAO,IAAI,CAAC,UAAU,IAAI,SAAS,GAAGC,qBAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI;;AAEvF;;;;"}

package/dist/components/Portal/Portal.d.ts

@@ -18,4 +18,3 @@ export declare class Portal extends PureComponent<PortalProps, PortalState> {
     render(): React.ReactPortal | null;
 }
 export {};
-//# sourceMappingURL=Portal.d.ts.map

package/dist/components/Portal/Portal.js

@@ -1,2 +1,49 @@
-import{PureComponent as t}from"react";import{createPortal as o}from"react-dom";import{generateId as e}from"../../utils/generateId.js";class s extends t{constructor(t){super(t),this.id=e("portal"),this.portalNode=null,this.state={isMounted:!1}}componentDidMount(){const{rootElementRef:t}=this.props;this.portalNode=document.createElement("div"),this.portalNode.setAttribute("id",`portal-${this.id}`),this.portalNode.style.cssText="position: absolute; top: 0; left: 0;",t?null==t||t.appendChild(this.portalNode):document.body.appendChild(this.portalNode),this.setState({isMounted:!0})}componentWillUnmount(){if(this.portalNode){const{rootElementRef:t}=this.props;t?t.removeChild(this.portalNode):document.body.removeChild(this.portalNode)}}render(){const{children:t}=this.props,{isMounted:e}=this.state;return this.portalNode&&e?o(t,this.portalNode):null}}export{s as Portal};
+import { PureComponent } from 'react';
+import { createPortal } from 'react-dom';
+import { generateId } from '../../utils/generateId.js';
+
+/**
+ * The portal component renders content on the document `body` unless `rootElementRef` is passed.
+ */
+class Portal extends PureComponent {
+    constructor(props) {
+        super(props);
+        this.id = generateId('portal');
+        this.portalNode = null;
+        this.state = {
+            isMounted: false,
+        };
+    }
+    componentDidMount() {
+        const { rootElementRef } = this.props;
+        this.portalNode = document.createElement('div');
+        this.portalNode.setAttribute('id', `portal-${this.id}`);
+        this.portalNode.style.cssText = 'position: absolute; top: 0; left: 0;';
+        if (rootElementRef) {
+            rootElementRef === null || rootElementRef === undefined ? undefined : rootElementRef.appendChild(this.portalNode);
+        }
+        else {
+            document.body.appendChild(this.portalNode);
+        }
+        this.setState({ isMounted: true });
+    }
+    componentWillUnmount() {
+        if (this.portalNode) {
+            const { rootElementRef } = this.props;
+            if (rootElementRef) {
+                rootElementRef.removeChild(this.portalNode);
+            }
+            else {
+                document.body.removeChild(this.portalNode);
+            }
+        }
+    }
+    render() {
+        const { children } = this.props;
+        const { isMounted } = this.state;
+        return this.portalNode && isMounted ? createPortal(children, this.portalNode) : null;
+    }
+}
+
+export { Portal };
 //# sourceMappingURL=Portal.js.map

package/dist/components/Portal/Portal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.js","sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":[null],"names":["Portal","PureComponent","constructor","props","super","this","portalNode","state","isMounted","componentDidMount","rootElementRef","document","createElement","setAttribute","id"],"mappings":"sIAUW,MAAAA,UAAUC,EACnB,WAAAC,CAAAC,GAEFC,MAAAD,uBAEGE,KAAAC,WAAA,KACHD,KAAAE,MAAa,CACeC,WAAA,EAId,CAOZ,iBAAAC,GAgBoB,MAAAC,eAAAA,GAAAL,KAAAF,MAWpBE,KAAUC,WAAMK,SAAkBC,cAAA,OAMnCP,KAAAC,WAAAO,aAAA,KAAA,UAAAR,KAAAS"}
+{"version":3,"file":"Portal.js","sources":["../../../src/components/Portal/Portal.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAaA;;AAEG;AACG,MAAO,MAAO,SAAQ,aAAuC,CAAA;AAKjE,IAAA,WAAA,CAAY,KAAkB,EAAA;QAC5B,KAAK,CAAC,KAAK,CAAC;AALd,QAAA,IAAA,CAAA,EAAE,GAAG,UAAU,CAAC,QAAQ,CAAC;QAEzB,IAAU,CAAA,UAAA,GAAuB,IAAI;QAInC,IAAI,CAAC,KAAK,GAAG;AACX,YAAA,SAAS,EAAE,KAAK;SACjB;;IAGH,iBAAiB,GAAA;AACf,QAAA,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK;QAErC,IAAI,CAAC,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC;AAC/C,QAAA,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,EAAE,CAAA,OAAA,EAAU,IAAI,CAAC,EAAE,CAAA,CAAE,CAAC;QACvD,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,sCAAsC;AAEtE,QAAA,IAAI,cAAc,EAAE;YAClB,cAAc,KAAA,IAAA,IAAd,cAAc,KAAA,SAAA,GAAA,SAAA,GAAd,cAAc,CAAE,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC7C;AAAM,aAAA;YACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC3C;QAED,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;;IAGpC,oBAAoB,GAAA;QAClB,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,MAAM,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK;AACrC,YAAA,IAAI,cAAc,EAAE;AAClB,gBAAA,cAAc,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC5C;AAAM,iBAAA;gBACL,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;AAC3C;AACF;;IAGH,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK;AAC/B,QAAA,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK;QAEhC,OAAO,IAAI,CAAC,UAAU,IAAI,SAAS,GAAG,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI;;AAEvF;;;;"}

package/dist/components/Portal/index.d.ts

@@ -1,2 +1 @@
 export { Portal } from './Portal';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PriceInput/PriceInput.cjs

@@ -1,2 +1,62 @@
-"use strict";var e=require("react"),r=require("../types.cjs"),t=require("../Stepper/Stepper.cjs"),a=require("./styled.cjs"),n=require("../../hoc/withLabels/withLabels.cjs");function s(e){return e&&e.__esModule?e:{default:e}}var l=s(e);const o=n.withLabels((({className:e="",hasError:n,currency:s,disabled:o=!1,onChange:i,onPriceChange:c,priceValue:p,step:u="0.1",size:d=r.ComponentSize.base,...m})=>{const f=(e=c)=>{e(((parseFloat(p)||0)+parseFloat(u)).toFixed(2))},h=(e=c)=>{e(((parseFloat(p)||0)-parseFloat(u)).toFixed(2))};return l.default.createElement(a.PriceInputGroup,{className:e,hasError:n},l.default.createElement(a.PrefixContainer,{disabled:o,size:d},l.default.createElement(a.PrefixText,{variant:"hintText"},s)),l.default.createElement(a.StyledTextField,{placeholder:"0.00",type:"currency",value:p,step:u,onChange:e=>i(e.replace(/[a-zA-Z]/g,"").replace(",",".")),onBlur:e=>{const r=e.target,{value:t}=r;if(!t)return void c("");const a=parseFloat(t.replace(",",".")).toFixed(2);c(a)},onKeyDown:e=>{const{key:r}=e,t=e.target;t.form||"Enter"===r&&t.blur(),"ArrowUp"===r&&f(i),"ArrowDown"===r&&h(i)},disabled:o,size:d,...m}),l.default.createElement(t.Stepper,{onIncrement:()=>f(),onDecrement:()=>h(),disabled:o,size:d}))}));o.displayName="PriceInput",exports.PriceInput=o;
+'use strict';
+
+var React = require('react');
+var types = require('../types.cjs');
+var Stepper = require('../Stepper/Stepper.cjs');
+var styled = require('./styled.cjs');
+var withLabels = require('../../hoc/withLabels/withLabels.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const fractionDigits = 2;
+function stringToFixed(price) {
+    const floatPrice = parseFloat(price.replace(',', '.'));
+    return floatPrice.toFixed(fractionDigits);
+}
+const PriceInput = withLabels.withLabels(({ className = '', hasError, currency, disabled = false, onChange, onPriceChange, priceValue, step = '0.1', size = types.ComponentSize.base, ...otherProps }) => {
+    const handleChange = (value) => onChange(value.replace(/[a-zA-Z]/g, '').replace(',', '.'));
+    const handleBlur = (e) => {
+        const target = e.target;
+        const { value } = target;
+        if (!value) {
+            onPriceChange('');
+            return;
+        }
+        const roundedValue = stringToFixed(value);
+        onPriceChange(roundedValue);
+    };
+    const handleIncrement = (callback = onPriceChange) => {
+        const currentPrice = parseFloat(priceValue) || 0;
+        const currentStep = parseFloat(step);
+        callback((currentPrice + currentStep).toFixed(fractionDigits));
+    };
+    const handleDecrement = (callback = onPriceChange) => {
+        const currentPrice = parseFloat(priceValue) || 0;
+        const currentStep = parseFloat(step);
+        callback((currentPrice - currentStep).toFixed(fractionDigits));
+    };
+    const handleKeyDown = (e) => {
+        const { key } = e;
+        const target = e.target;
+        const isInForm = target.form;
+        if (!isInForm) {
+            if (key === 'Enter')
+                target.blur();
+        }
+        if (key === 'ArrowUp')
+            handleIncrement(onChange);
+        if (key === 'ArrowDown')
+            handleDecrement(onChange);
+    };
+    return (React__default.default.createElement(styled.PriceInputGroup, { className: className, hasError: hasError },
+        React__default.default.createElement(styled.PrefixContainer, { disabled: disabled, size: size },
+            React__default.default.createElement(styled.PrefixText, { variant: "hintText" }, currency)),
+        React__default.default.createElement(styled.StyledTextField, { placeholder: "0.00", type: "currency", value: priceValue, step: step, onChange: handleChange, onBlur: handleBlur, onKeyDown: handleKeyDown, disabled: disabled, size: size, ...otherProps }),
+        React__default.default.createElement(Stepper.Stepper, { onIncrement: () => handleIncrement(), onDecrement: () => handleDecrement(), disabled: disabled, size: size })));
+});
+PriceInput.displayName = 'PriceInput';
+
+exports.PriceInput = PriceInput;
 //# sourceMappingURL=PriceInput.cjs.map

package/dist/components/PriceInput/PriceInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PriceInput.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"PriceInput.cjs","sources":["../../../src/components/PriceInput/PriceInput.tsx"],"sourcesContent":[null],"names":["withLabels","ComponentSize","React","PriceInputGroup","PrefixContainer","PrefixText","StyledTextField","Stepper"],"mappings":"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"}

package/dist/components/PriceInput/PriceInput.d.ts

@@ -1,4 +1,3 @@
 import React from 'react';
 import { CurrencyProps } from './types';
 export declare const PriceInput: React.FC<CurrencyProps & import("../../hoc/withLabels/withLabels").WithLabelsProps>;
-//# sourceMappingURL=PriceInput.d.ts.map

package/dist/components/PriceInput/PriceInput.js

@@ -1,2 +1,56 @@
-import e from"react";import{ComponentSize as r}from"../types.js";import{Stepper as t}from"../Stepper/Stepper.js";import{PriceInputGroup as a,PrefixContainer as o,PrefixText as s,StyledTextField as n}from"./styled.js";import{withLabels as l}from"../../hoc/withLabels/withLabels.js";const c=l((({className:l="",hasError:c,currency:p,disabled:i=!1,onChange:m,onPriceChange:d,priceValue:h,step:u="0.1",size:b=r.base,...y})=>{const E=(e=d)=>{e(((parseFloat(h)||0)+parseFloat(u)).toFixed(2))},F=(e=d)=>{e(((parseFloat(h)||0)-parseFloat(u)).toFixed(2))};return e.createElement(a,{className:l,hasError:c},e.createElement(o,{disabled:i,size:b},e.createElement(s,{variant:"hintText"},p)),e.createElement(n,{placeholder:"0.00",type:"currency",value:h,step:u,onChange:e=>m(e.replace(/[a-zA-Z]/g,"").replace(",",".")),onBlur:e=>{const r=e.target,{value:t}=r;if(!t)return void d("");const a=parseFloat(t.replace(",",".")).toFixed(2);d(a)},onKeyDown:e=>{const{key:r}=e,t=e.target;t.form||"Enter"===r&&t.blur(),"ArrowUp"===r&&E(m),"ArrowDown"===r&&F(m)},disabled:i,size:b,...y}),e.createElement(t,{onIncrement:()=>E(),onDecrement:()=>F(),disabled:i,size:b}))}));c.displayName="PriceInput";export{c as PriceInput};
+import React from 'react';
+import { ComponentSize } from '../types.js';
+import { Stepper } from '../Stepper/Stepper.js';
+import { PriceInputGroup, PrefixContainer, PrefixText, StyledTextField } from './styled.js';
+import { withLabels } from '../../hoc/withLabels/withLabels.js';
+
+const fractionDigits = 2;
+function stringToFixed(price) {
+    const floatPrice = parseFloat(price.replace(',', '.'));
+    return floatPrice.toFixed(fractionDigits);
+}
+const PriceInput = withLabels(({ className = '', hasError, currency, disabled = false, onChange, onPriceChange, priceValue, step = '0.1', size = ComponentSize.base, ...otherProps }) => {
+    const handleChange = (value) => onChange(value.replace(/[a-zA-Z]/g, '').replace(',', '.'));
+    const handleBlur = (e) => {
+        const target = e.target;
+        const { value } = target;
+        if (!value) {
+            onPriceChange('');
+            return;
+        }
+        const roundedValue = stringToFixed(value);
+        onPriceChange(roundedValue);
+    };
+    const handleIncrement = (callback = onPriceChange) => {
+        const currentPrice = parseFloat(priceValue) || 0;
+        const currentStep = parseFloat(step);
+        callback((currentPrice + currentStep).toFixed(fractionDigits));
+    };
+    const handleDecrement = (callback = onPriceChange) => {
+        const currentPrice = parseFloat(priceValue) || 0;
+        const currentStep = parseFloat(step);
+        callback((currentPrice - currentStep).toFixed(fractionDigits));
+    };
+    const handleKeyDown = (e) => {
+        const { key } = e;
+        const target = e.target;
+        const isInForm = target.form;
+        if (!isInForm) {
+            if (key === 'Enter')
+                target.blur();
+        }
+        if (key === 'ArrowUp')
+            handleIncrement(onChange);
+        if (key === 'ArrowDown')
+            handleDecrement(onChange);
+    };
+    return (React.createElement(PriceInputGroup, { className: className, hasError: hasError },
+        React.createElement(PrefixContainer, { disabled: disabled, size: size },
+            React.createElement(PrefixText, { variant: "hintText" }, currency)),
+        React.createElement(StyledTextField, { placeholder: "0.00", type: "currency", value: priceValue, step: step, onChange: handleChange, onBlur: handleBlur, onKeyDown: handleKeyDown, disabled: disabled, size: size, ...otherProps }),
+        React.createElement(Stepper, { onIncrement: () => handleIncrement(), onDecrement: () => handleDecrement(), disabled: disabled, size: size })));
+});
+PriceInput.displayName = 'PriceInput';
+
+export { PriceInput };
 //# sourceMappingURL=PriceInput.js.map

package/dist/components/PriceInput/PriceInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"PriceInput.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"PriceInput.js","sources":["../../../src/components/PriceInput/PriceInput.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/components/PriceInput/index.d.ts

@@ -1,2 +1 @@
 export { PriceInput } from './PriceInput';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/PriceInput/styled.cjs

@@ -1,69 +1,47 @@
-"use strict";var e=require("styled-components"),r=require("../TextField/index.cjs"),o=require("../BaseContainer/BaseContainer.cjs"),s=require("../Text/Text.cjs"),t=require("../InputGroup/index.cjs"),d=require("../../theme/index.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var l=n(e);const c=l.default(r.TextField)`
-  color: ${d.theme.colors.neutral.ink.dark};
-  width: 100%;
+'use strict';
 
-  &:focus {
-    box-shadow: none;
-    border-color: none;
-    border-right-width: 0;
-    border-color: ${d.theme.colors.neutral.ink.lightest};
-  }
-`,a=l.default(o.BaseContainer)`
-  user-select: none;
-  border: 1px solid ${d.theme.colors.neutral.ink.lightest};
-  border-radius: 4px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: ${({size:e})=>"sm"===e?"30px":"36px"};
-  background-color: ${({disabled:e})=>e?d.theme.colors.neutral.grey.light:"white"};
-  flex-shrink: 0;
+var styled = require('styled-components');
+var index = require('../TextField/index.cjs');
+var BaseContainer = require('../BaseContainer/BaseContainer.cjs');
+var Text = require('../Text/Text.cjs');
+var index$2 = require('../InputGroup/index.cjs');
+var index$1 = require('../../theme/index.cjs');
 
-  ${({size:e})=>"sm"===e?"> span { font-size: 12px }":""};
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-  &:active {
-    z-index: 0;
-    border-right-width: 0;
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-    + input {
-      z-index: 0;
-      border-left-width: 1px;
-    }
-  }
-`,i=l.default(s.Text)`
-  font-size: 14px;
-`,h=l.default(t.InputGroup)`
-  display: inline-flex;
-  border-radius: 4px;
-  min-width: 125px;
-  width: 100%;
-
-  ${({hasError:e})=>e&&`\n    box-shadow: 0 0 0 4px ${d.theme.colors.secondary.red.light};\n\n    > * {\n      border-top-color: ${d.theme.colors.secondary.red.base};\n      border-bottom-color: ${d.theme.colors.secondary.red.base};\n    }\n\n    > *:first-child {\n      border-left-color: ${d.theme.colors.secondary.red.base};\n    }\n\n    > div:last-child {\n      > button:first-child {\n        border-top-color: ${d.theme.colors.secondary.red.base};\n        border-right-color: ${d.theme.colors.secondary.red.base};\n      }\n\n      > button:last-child {\n        border-right-color: ${d.theme.colors.secondary.red.base};\n        border-bottom-color: ${d.theme.colors.secondary.red.base};\n      }\n    }\n  `}
+const StyledTextField = styled__default.default(index.TextField).withConfig({ displayName: "vui--StyledTextField", componentId: "vui--8gyz01" }) `color:${index$1.theme.colors.neutral.ink.dark};width:100%;&:focus{box-shadow:none;border-color:none;border-right-width:0;border-color:${index$1.theme.colors.neutral.ink.lightest};}`;
+const PrefixContainer = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--PrefixContainer", componentId: "vui--fsc9el" }) `user-select:none;border:1px solid ${index$1.theme.colors.neutral.ink.lightest};border-radius:4px;display:flex;align-items:center;justify-content:center;width:${({ size }) => (size === 'sm' ? '30px' : '36px')};background-color:${({ disabled }) => (disabled ? index$1.theme.colors.neutral.grey.light : 'white')};flex-shrink:0;${({ size }) => (size === 'sm' ? '> span { font-size: 12px }' : '')};&:active{z-index:0;border-right-width:0;+ input{z-index:0;border-left-width:1px;}}`;
+const PrefixText = styled__default.default(Text.Text).withConfig({ displayName: "vui--PrefixText", componentId: "vui--w81sf" }) `font-size:14px;`;
+const PriceInputGroup = styled__default.default(index$2.InputGroup).withConfig({ displayName: "vui--PriceInputGroup", componentId: "vui--jpuoo1" }) `display:inline-flex;border-radius:4px;min-width:125px;width:100%;${({ hasError }) => hasError &&
+    `
+    box-shadow: 0 0 0 4px ${index$1.theme.colors.secondary.red.light};
 
-  &:focus-within {
-    outline: 0;
-    box-shadow: ${({hasError:e})=>e?"":`0 0 0 4px ${d.theme.colors.secondary.blue.light}`};
-  }
+    > * {
+      border-top-color: ${index$1.theme.colors.secondary.red.base};
+      border-bottom-color: ${index$1.theme.colors.secondary.red.base};
+    }
 
-  &:focus-within > * {
-    border-top-color: ${({hasError:e})=>e?d.theme.colors.secondary.red.base:d.theme.colors.secondary.blue.base};
-    border-bottom-color: ${({hasError:e})=>e?d.theme.colors.secondary.red.base:d.theme.colors.secondary.blue.base};
-  }
+    > *:first-child {
+      border-left-color: ${index$1.theme.colors.secondary.red.base};
+    }
 
-  &:focus-within > *:first-child {
-    border-left-color: ${({hasError:e})=>e?d.theme.colors.secondary.red.base:d.theme.colors.secondary.blue.base};
-  }
+    > div:last-child {
+      > button:first-child {
+        border-top-color: ${index$1.theme.colors.secondary.red.base};
+        border-right-color: ${index$1.theme.colors.secondary.red.base};
+      }
 
-  &:focus-within > div:last-child {
-    > button:first-child {
-      border-top-color: ${({hasError:e})=>e?d.theme.colors.secondary.red.base:d.theme.colors.secondary.blue.base};
-      border-right-color: ${({hasError:e})=>e?d.theme.colors.secondary.red.base:d.theme.colors.secondary.blue.base};
+      > button:last-child {
+        border-right-color: ${index$1.theme.colors.secondary.red.base};
+        border-bottom-color: ${index$1.theme.colors.secondary.red.base};
+      }
     }
+  `} &:focus-within{outline:0;box-shadow:${({ hasError }) => hasError ? '' : `0 0 0 4px ${index$1.theme.colors.secondary.blue.light}`};}&:focus-within > *{border-top-color:${({ hasError }) => hasError ? index$1.theme.colors.secondary.red.base : index$1.theme.colors.secondary.blue.base};border-bottom-color:${({ hasError }) => hasError ? index$1.theme.colors.secondary.red.base : index$1.theme.colors.secondary.blue.base};}&:focus-within > *:first-child{border-left-color:${({ hasError }) => hasError ? index$1.theme.colors.secondary.red.base : index$1.theme.colors.secondary.blue.base};}&:focus-within > div:last-child{> button:first-child{border-top-color:${({ hasError }) => hasError ? index$1.theme.colors.secondary.red.base : index$1.theme.colors.secondary.blue.base};border-right-color:${({ hasError }) => hasError ? index$1.theme.colors.secondary.red.base : index$1.theme.colors.secondary.blue.base};}> button:last-child{border-right-color:${({ hasError }) => hasError ? index$1.theme.colors.secondary.red.base : index$1.theme.colors.secondary.blue.base};border-bottom-color:${({ hasError }) => hasError ? index$1.theme.colors.secondary.red.base : index$1.theme.colors.secondary.blue.base};}}`;
 
-    > button:last-child {
-      border-right-color: ${({hasError:e})=>e?d.theme.colors.secondary.red.base:d.theme.colors.secondary.blue.base};
-      border-bottom-color: ${({hasError:e})=>e?d.theme.colors.secondary.red.base:d.theme.colors.secondary.blue.base};
-    }
-  }
-`;exports.PrefixContainer=a,exports.PrefixText=i,exports.PriceInputGroup=h,exports.StyledTextField=c;
+exports.PrefixContainer = PrefixContainer;
+exports.PrefixText = PrefixText;
+exports.PriceInputGroup = PriceInputGroup;
+exports.StyledTextField = StyledTextField;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/PriceInput/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/PriceInput/styled.ts"],"sourcesContent":[null],"names":["styled","TextField","theme","BaseContainer","Text","InputGroup"],"mappings":"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"}

package/dist/components/PriceInput/styled.d.ts

@@ -310,4 +310,3 @@ export declare const PrefixText: import("styled-components").StyledComponent<"sp
 export declare const PriceInputGroup: import("styled-components").StyledComponent<"div", any, {
     hasError?: boolean | undefined;
 }, never>;
-//# sourceMappingURL=styled.d.ts.map

package/dist/components/PriceInput/styled.js

@@ -1,69 +1,38 @@
-import o from"styled-components";import{TextField as r}from"../TextField/index.js";import{BaseContainer as e}from"../BaseContainer/BaseContainer.js";import{Text as s}from"../Text/Text.js";import{InputGroup as d}from"../InputGroup/index.js";import{theme as n}from"../../theme/index.js";const l=o(r)`
-  color: ${n.colors.neutral.ink.dark};
-  width: 100%;
-
-  &:focus {
-    box-shadow: none;
-    border-color: none;
-    border-right-width: 0;
-    border-color: ${n.colors.neutral.ink.lightest};
-  }
-`,c=o(e)`
-  user-select: none;
-  border: 1px solid ${n.colors.neutral.ink.lightest};
-  border-radius: 4px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: ${({size:o})=>"sm"===o?"30px":"36px"};
-  background-color: ${({disabled:o})=>o?n.colors.neutral.grey.light:"white"};
-  flex-shrink: 0;
-
-  ${({size:o})=>"sm"===o?"> span { font-size: 12px }":""};
-
-  &:active {
-    z-index: 0;
-    border-right-width: 0;
-
-    + input {
-      z-index: 0;
-      border-left-width: 1px;
+import styled from 'styled-components';
+import { TextField } from '../TextField/index.js';
+import { BaseContainer } from '../BaseContainer/BaseContainer.js';
+import { Text } from '../Text/Text.js';
+import { InputGroup } from '../InputGroup/index.js';
+import { theme } from '../../theme/index.js';
+
+const StyledTextField = styled(TextField).withConfig({ displayName: "vui--StyledTextField", componentId: "vui--8gyz01" }) `color:${theme.colors.neutral.ink.dark};width:100%;&:focus{box-shadow:none;border-color:none;border-right-width:0;border-color:${theme.colors.neutral.ink.lightest};}`;
+const PrefixContainer = styled(BaseContainer).withConfig({ displayName: "vui--PrefixContainer", componentId: "vui--fsc9el" }) `user-select:none;border:1px solid ${theme.colors.neutral.ink.lightest};border-radius:4px;display:flex;align-items:center;justify-content:center;width:${({ size }) => (size === 'sm' ? '30px' : '36px')};background-color:${({ disabled }) => (disabled ? theme.colors.neutral.grey.light : 'white')};flex-shrink:0;${({ size }) => (size === 'sm' ? '> span { font-size: 12px }' : '')};&:active{z-index:0;border-right-width:0;+ input{z-index:0;border-left-width:1px;}}`;
+const PrefixText = styled(Text).withConfig({ displayName: "vui--PrefixText", componentId: "vui--w81sf" }) `font-size:14px;`;
+const PriceInputGroup = styled(InputGroup).withConfig({ displayName: "vui--PriceInputGroup", componentId: "vui--jpuoo1" }) `display:inline-flex;border-radius:4px;min-width:125px;width:100%;${({ hasError }) => hasError &&
+    `
+    box-shadow: 0 0 0 4px ${theme.colors.secondary.red.light};
+
+    > * {
+      border-top-color: ${theme.colors.secondary.red.base};
+      border-bottom-color: ${theme.colors.secondary.red.base};
     }
-  }
-`,t=o(s)`
-  font-size: 14px;
-`,a=o(d)`
-  display: inline-flex;
-  border-radius: 4px;
-  min-width: 125px;
-  width: 100%;
 
-  ${({hasError:o})=>o&&`\n    box-shadow: 0 0 0 4px ${n.colors.secondary.red.light};\n\n    > * {\n      border-top-color: ${n.colors.secondary.red.base};\n      border-bottom-color: ${n.colors.secondary.red.base};\n    }\n\n    > *:first-child {\n      border-left-color: ${n.colors.secondary.red.base};\n    }\n\n    > div:last-child {\n      > button:first-child {\n        border-top-color: ${n.colors.secondary.red.base};\n        border-right-color: ${n.colors.secondary.red.base};\n      }\n\n      > button:last-child {\n        border-right-color: ${n.colors.secondary.red.base};\n        border-bottom-color: ${n.colors.secondary.red.base};\n      }\n    }\n  `}
-
-  &:focus-within {
-    outline: 0;
-    box-shadow: ${({hasError:o})=>o?"":`0 0 0 4px ${n.colors.secondary.blue.light}`};
-  }
-
-  &:focus-within > * {
-    border-top-color: ${({hasError:o})=>o?n.colors.secondary.red.base:n.colors.secondary.blue.base};
-    border-bottom-color: ${({hasError:o})=>o?n.colors.secondary.red.base:n.colors.secondary.blue.base};
-  }
+    > *:first-child {
+      border-left-color: ${theme.colors.secondary.red.base};
+    }
 
-  &:focus-within > *:first-child {
-    border-left-color: ${({hasError:o})=>o?n.colors.secondary.red.base:n.colors.secondary.blue.base};
-  }
+    > div:last-child {
+      > button:first-child {
+        border-top-color: ${theme.colors.secondary.red.base};
+        border-right-color: ${theme.colors.secondary.red.base};
+      }
 
-  &:focus-within > div:last-child {
-    > button:first-child {
-      border-top-color: ${({hasError:o})=>o?n.colors.secondary.red.base:n.colors.secondary.blue.base};
-      border-right-color: ${({hasError:o})=>o?n.colors.secondary.red.base:n.colors.secondary.blue.base};
+      > button:last-child {
+        border-right-color: ${theme.colors.secondary.red.base};
+        border-bottom-color: ${theme.colors.secondary.red.base};
+      }
     }
+  `} &:focus-within{outline:0;box-shadow:${({ hasError }) => hasError ? '' : `0 0 0 4px ${theme.colors.secondary.blue.light}`};}&:focus-within > *{border-top-color:${({ hasError }) => hasError ? theme.colors.secondary.red.base : theme.colors.secondary.blue.base};border-bottom-color:${({ hasError }) => hasError ? theme.colors.secondary.red.base : theme.colors.secondary.blue.base};}&:focus-within > *:first-child{border-left-color:${({ hasError }) => hasError ? theme.colors.secondary.red.base : theme.colors.secondary.blue.base};}&:focus-within > div:last-child{> button:first-child{border-top-color:${({ hasError }) => hasError ? theme.colors.secondary.red.base : theme.colors.secondary.blue.base};border-right-color:${({ hasError }) => hasError ? theme.colors.secondary.red.base : theme.colors.secondary.blue.base};}> button:last-child{border-right-color:${({ hasError }) => hasError ? theme.colors.secondary.red.base : theme.colors.secondary.blue.base};border-bottom-color:${({ hasError }) => hasError ? theme.colors.secondary.red.base : theme.colors.secondary.blue.base};}}`;
 
-    > button:last-child {
-      border-right-color: ${({hasError:o})=>o?n.colors.secondary.red.base:n.colors.secondary.blue.base};
-      border-bottom-color: ${({hasError:o})=>o?n.colors.secondary.red.base:n.colors.secondary.blue.base};
-    }
-  }
-`;export{c as PrefixContainer,t as PrefixText,a as PriceInputGroup,l as StyledTextField};
+export { PrefixContainer, PrefixText, PriceInputGroup, StyledTextField };
 //# sourceMappingURL=styled.js.map

package/dist/components/PriceInput/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/PriceInput/styled.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/components/PriceInput/types.d.ts

@@ -10,4 +10,3 @@ export interface CurrencyProps {
     onChange: (value: string) => void;
     onPriceChange: (value: string) => void;
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/components/Radio/Radio.cjs

@@ -1,2 +1,23 @@
-"use strict";var e=require("react"),r=require("../Choice/Choice.cjs"),a=require("./styled.cjs"),d=require("../../utils/generateId.cjs");function t(e){return e&&e.__esModule?e:{default:e}}var c=t(e);const i=e.forwardRef((({checked:t,value:i,name:n,disabled:u,onChange:l,id:s,children:o,...h},f)=>{const C=e.useCallback((e=>{l(e.currentTarget.checked,i)}),[l,i]),g=null!=s?s:d.generateId("radio");return c.default.createElement(r.Choice,{id:g,disabled:u,...h},c.default.createElement(a.Input,{id:g,type:"radio",checked:t,value:i,name:n,disabled:u,onChange:C,ref:f}),o)}));exports.Radio=i;
+'use strict';
+
+var React = require('react');
+var Choice = require('../Choice/Choice.cjs');
+var styled = require('./styled.cjs');
+var generateId = require('../../utils/generateId.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const Radio = React.forwardRef(({ checked, value, name, disabled, onChange, id, children, ...otherProps }, ref) => {
+    const handleChange = React.useCallback((e) => {
+        onChange(e.currentTarget.checked, value);
+    }, [onChange, value]);
+    const componentId = id !== null && id !== undefined ? id : generateId.generateId('radio');
+    return (React__default.default.createElement(Choice.Choice, { id: componentId, disabled: disabled, ...otherProps },
+        React__default.default.createElement(styled.Input, { id: componentId, type: "radio", checked: checked, value: value, name: name, disabled: disabled, onChange: handleChange, ref: ref }),
+        children));
+});
+
+exports.Radio = Radio;
 //# sourceMappingURL=Radio.cjs.map