@planningcenter/tapestry-react 4.1.0 → 4.2.0

package/dist/Modal/Modal.js

@@ -1,2 +1,2 @@
-import{__rest as o,__assign as e}from'./../ext/tslib/tslib.es6.js';import r,{useRef as t,useLayoutEffect as n}from"react";import{Box as i}from"../Box/Box.js";import{Scrim as s}from"../Scrim/Scrim.js";import{useDocumentEvent as m}from"../hooks/use-document-event.js";import"mousetrap";import"../hooks/use-measure.js";import{trapFocus as u}from"../utils.js";import{useThemeProps as c}from"../system/utils.js";var l=function(l){var a=l.children,d=l.closeOnOutsideClick,p=void 0!==d&&d,f=l.onRequestClose,g=l.open,h=o(l,["children","closeOnOutsideClick","onRequestClose","open"]),j=c("modal",h),k=j.scrimProps,x=void 0===k?{}:k,C=o(j,["scrimProps"]),b=t(null);return n((function(){if(g)return u(b.current)}),[g]),m("keydown",(function(o){g&&f&&27===o.keyCode&&f()})),g?r.createElement(s,e({alignment:"center",onMouseDown:function(o){p&&o.currentTarget===o.target&&f()}},x),r.createElement(i,e({backgroundColor:"surface",boxShadow:"0 0 20px rgba(0, 0, 0, 0.15)",innerRef:b,margin:4,maxWidth:60,padding:4,paddingBottom:3,radius:8,width:"100%"},C),a)):null};export{l as default};
+import{__rest as o,__assign as e}from'./../ext/tslib/tslib.es6.js';import r,{useRef as t,useLayoutEffect as n}from"react";import{Box as i}from"../Box/Box.js";import{useDocumentEvent as s}from"../hooks/use-document-event.js";import"mousetrap";import"../hooks/use-measure.js";import{Scrim as m}from"../Scrim/Scrim.js";import{useThemeProps as u}from"../system/utils.js";import{trapFocus as c}from"../utils.js";var l=function(l){var a=l.children,d=l.closeOnOutsideClick,p=void 0!==d&&d,f=l.onRequestClose,g=l.open,h=o(l,["children","closeOnOutsideClick","onRequestClose","open"]),j=u("modal",h),k=j.scrimProps,x=void 0===k?{}:k,C=o(j,["scrimProps"]),b=t(null);return n((function(){if(g)return c(b.current)}),[g]),s("keydown",(function(o){g&&f&&27===o.keyCode&&f()})),g?r.createElement(m,e({alignment:"center",onMouseDown:function(o){p&&o.currentTarget===o.target&&f()}},x),r.createElement(i,e({backgroundColor:"surface",boxShadow:"0 0 20px rgba(0, 0, 0, 0.15)",innerRef:b,margin:4,maxWidth:60,padding:4,paddingBottom:3,radius:8,width:"100%"},C),a)):null};export{l as default};
 //# sourceMappingURL=Modal.js.map

package/dist/NumberField/NumberField.d.ts

@@ -1,53 +1,64 @@
-import React, { Component } from 'react';
-import InputField from '../Input/InputField';
-import { StyleProps } from '../types';
-type NumberFieldProps = StyleProps & {
-    as?: any;
+import React, { Component, FC, FocusEvent, KeyboardEvent } from 'react';
+import InputField, { InputFieldProps } from '../Input/InputField';
+import { As, AsProps } from '../types';
+type Props = {
+    autoWidth?: boolean;
     hasControls?: boolean;
-    ignoredKeys: string[];
-    max: number;
-    min: number;
-    onChange: (value: string) => void;
+    highlightOnInteraction?: boolean;
+    ignoredKeys?: string[];
+    max?: number;
+    min?: number;
+    moveFocusOnMax?: boolean;
     onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onChange: (value: number | string) => void;
     onInput?: (event: React.FormEvent<HTMLInputElement>) => void;
-    onKeyDown?: Function;
     pad?: number;
-    highlightOnInteraction?: boolean;
     placeholder?: string;
     size?: any;
-    step: number;
-    value: number;
-    autoWidth?: boolean;
-    moveFocusOnMax: boolean;
+    step?: number;
+    value: number | null | undefined;
 };
-declare class NumberField extends Component<NumberFieldProps> {
+type NumberFieldProps<E extends As = FC<InputFieldProps>> = AsProps<E, Props>;
+type AsComponentProps<E extends As = FC<InputFieldProps>> = AsProps<E> & {
+    autoWidth?: boolean | number | string;
+    max?: number;
+    min?: number;
+};
+declare class NumberField<E extends As = FC<InputFieldProps>> extends Component<NumberFieldProps<E>> {
     static defaultProps: {
         as: typeof InputField;
         hasControls: boolean;
         ignoredKeys: any[];
-        min: number;
         max: number;
-        step: number;
+        min: number;
         moveFocusOnMax: boolean;
+        step: number;
     };
     firstTouch: boolean;
-    getParsedValues: (value: any) => {
-        value: number;
-        minValue: number;
+    getParsedValues: (value: number | string) => {
         maxValue: number;
+        minValue: number;
+        value: number;
     };
-    clampValue: (valueToCheck: any) => number;
-    isValueValid: (valueToCheck: any) => boolean;
-    changeIfValid: (value: any) => void;
-    handleBlur: (event: any) => void;
-    stepValue: (baseValue: any, step: any) => void;
-    incrementValue: (baseValue: any) => void;
-    decrementValue: (baseValue: any) => void;
-    handleKeyDown: (event: any) => void;
-    handleInput: (event: any) => void;
-    getAutoWidthValue(value: any): any;
-    renderInput(restProps: any): React.CElement<any, React.Component<any, any, any>>;
-    renderInputWithControls(restProps: any): JSX.Element;
+    clampValue: (valueToCheck: string | number) => number;
+    isValueValid: (valueToCheck: string | number) => boolean;
+    changeIfValid: (value: number) => void;
+    onChange: Props['onChange'];
+    handleBlur: (event: FocusEvent<HTMLInputElement> & {
+        target: HTMLInputElement;
+    }) => void;
+    stepValue: (baseValue: number, step: number) => void;
+    incrementValue: (baseValue: number) => void;
+    decrementValue: (baseValue: number) => void;
+    handleKeyDown: (event: KeyboardEvent<HTMLInputElement> & {
+        target: HTMLInputElement;
+    }) => void;
+    handleInput: (event: KeyboardEvent<HTMLInputElement> & {
+        target: HTMLInputElement;
+    }) => void;
+    getAutoWidthValue(value: string | number): string | number | NumberFieldProps<E>["autoWidth"];
+    renderInput(restProps: AsComponentProps<E>): React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+    renderInputWithControls(restProps: AsComponentProps<E>): JSX.Element;
     render(): JSX.Element;
 }
 export default NumberField;

package/dist/NumberField/NumberField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../src/NumberField/NumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAEvD,OAAO,UAAU,MAAM,qBAAqB,CAAA;AAI5C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,KAAK,gBAAgB,GAAG,UAAU,GAAG;IAGnC,EAAE,CAAC,EAAE,GAAG,CAAA;IAKR,WAAW,CAAC,EAAE,OAAO,CAAA;IAMrB,WAAW,EAAE,MAAM,EAAE,CAAA;IAKrB,GAAG,EAAE,MAAM,CAAA;IAKX,GAAG,EAAE,MAAM,CAAA;IAQX,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAKjC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAE5D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAE5D,SAAS,CAAC,EAAE,QAAQ,CAAA;IAKpB,GAAG,CAAC,EAAE,MAAM,CAAA;IAKZ,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAKhC,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,IAAI,CAAC,EAAE,GAAG,CAAA;IAMV,IAAI,EAAE,MAAM,CAAA;IAKZ,KAAK,EAAE,MAAM,CAAA;IAEb,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;CACxB,CAAA;AAkCD,cAAM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,YAAY;;;;;;;;MAQlB;IAED,UAAU,UAAO;IAEjB,eAAe;;;;MAMd;IAED,UAAU,gCAGT;IAED,YAAY,iCAGX;IAED,aAAa,uBAIZ;IAED,UAAU,uBAgBT;IAED,SAAS,sCAYR;IAED,cAAc,2BAA4D;IAE1E,cAAc,2BAA6D;IAE3E,aAAa,uBAoBZ;IAED,WAAW,uBAmCV;IAED,iBAAiB,CAAC,KAAK,KAAA;IAavB,WAAW,CAAC,SAAS,KAAA;IAoCrB,uBAAuB,CAAC,SAAS,KAAA;IAqCjC,MAAM;CAuBP;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../src/NumberField/NumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,SAAS,EAET,EAAE,EACF,UAAU,EACV,aAAa,EACd,MAAM,OAAO,CAAA;AAGd,OAAO,UAAU,EAAE,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAEjE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAGtC,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;IAKnB,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAMhC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IAKtB,GAAG,CAAC,EAAE,MAAM,CAAA;IAKZ,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ,cAAc,CAAC,EAAE,OAAO,CAAA;IAKxB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAQ5D,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IAE1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAK5D,GAAG,CAAC,EAAE,MAAM,CAAA;IAKZ,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,IAAI,CAAC,EAAE,GAAG,CAAA;IAMV,IAAI,CAAC,EAAE,MAAM,CAAA;IAIb,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;CACjC,CAAA;AAED,KAAK,gBAAgB,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,OAAO,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;AAC7E,KAAK,gBAAgB,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,GAAG;IACvE,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IACrC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAkCD,cAAM,WAAW,CAAC,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAE,SAAQ,SAAS,CACrE,gBAAgB,CAAC,CAAC,CAAC,CACpB;IACC,MAAM,CAAC,YAAY;;;;;;;;MAQlB;IAED,UAAU,UAAO;IAEjB,eAAe,UAAW,MAAM,GAAG,MAAM;;;;MAMxC;IAED,UAAU,iBAAkB,MAAM,GAAG,MAAM,YAG1C;IAED,YAAY,iBAAkB,MAAM,GAAG,MAAM,aAG5C;IAED,aAAa,UAAW,MAAM,UAI7B;IAED,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,CAE1B;IAED,UAAU,UACD,WAAW,gBAAgB,CAAC,GAAG;QAAE,MAAM,EAAE,gBAAgB,CAAA;KAAE,UAgBnE;IAED,SAAS,cAAe,MAAM,QAAQ,MAAM,UAU3C;IAED,cAAc,cAAe,MAAM,UACS;IAE5C,cAAc,cAAe,MAAM,UACU;IAE7C,aAAa,UACJ,cAAc,gBAAgB,CAAC,GAAG;QAAE,MAAM,EAAE,gBAAgB,CAAA;KAAE,UAqBtE;IAED,WAAW,UACF,cAAc,gBAAgB,CAAC,GAAG;QAAE,MAAM,EAAE,gBAAgB,CAAA;KAAE,UAwCtE;IAED,iBAAiB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAYxC,WAAW,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAoC1C,uBAAuB,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAmCtD,MAAM;CAuBP;AAED,eAAe,WAAW,CAAA"}

package/dist/NumberField/NumberField.js

@@ -1,2 +1,2 @@
-import{__extends as e,__assign as r,__rest as t}from'./../ext/tslib/tslib.es6.js';import a,{createElement as n,Component as o}from"react";import i from"../Input/InputField.js";import{StackView as l}from"../StackView/StackView.js";import u from"../Button/Button.js";import{padNumber as p,getTabbableSiblings as s}from"../utils.js";var c=-1/0,d=1/0,m=["Backspace","Delete","Tab","Enter","Home","End","ArrowLeft","ArrowRight","-","."];var f=function(o){function f(){var e=null!==o&&o.apply(this,arguments)||this;return Object.defineProperty(e,"firstTouch",{enumerable:!0,configurable:!0,writable:!0,value:!0}),Object.defineProperty(e,"getParsedValues",{enumerable:!0,configurable:!0,writable:!0,value:function(r){return{value:Number.parseFloat(r),minValue:Number.parseFloat("".concat(e.props.min)),maxValue:Number.parseFloat("".concat(e.props.max))}}}),Object.defineProperty(e,"clampValue",{enumerable:!0,configurable:!0,writable:!0,value:function(r){var t=e.getParsedValues(r),a=t.value,n=t.minValue;return isNaN(a)?n===c?0:n:a}}),Object.defineProperty(e,"isValueValid",{enumerable:!0,configurable:!0,writable:!0,value:function(r){var t=e.getParsedValues(r),a=t.value,n=t.minValue,o=t.maxValue;return a>=n&&a<=o}}),Object.defineProperty(e,"changeIfValid",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.isValueValid(r)&&e.props.onChange(r)}}),Object.defineProperty(e,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(r){var t=e.getParsedValues(r.target.value),a=t.minValue,n=t.maxValue,o=Number.parseFloat(r.target.value);o<a?e.props.onChange(a.toString()):o>n?e.props.onChange(n.toString()):isNaN(o)&&(o=e.clampValue(o),e.props.onChange(o.toString())),e.props.onBlur&&e.props.onBlur(r),e.firstTouch=!0}}),Object.defineProperty(e,"stepValue",{enumerable:!0,configurable:!0,writable:!0,value:function(r,t){var a=t,n=e.clampValue(r+a),o=Number.parseFloat(r.toString().indexOf(".")>-1?n.toFixed(2):n.toString());e.isValueValid(o)&&e.props.onChange(o)}}),Object.defineProperty(e,"incrementValue",{enumerable:!0,configurable:!0,writable:!0,value:function(r){return e.stepValue(r,e.props.step)}}),Object.defineProperty(e,"decrementValue",{enumerable:!0,configurable:!0,writable:!0,value:function(r){return e.stepValue(r,-e.props.step)}}),Object.defineProperty(e,"handleKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(r){if(!e.props.ignoredKeys.includes(r.key)){var t=e.props.pad,a=e.getParsedValues(r.target.value).value;(function(e){return!e.metaKey&&"v"!==e.key&&isNaN(parseInt(e.key,10))&&-1===m.indexOf(e.key)}(r)||t&&("ArrowLeft"===r.key||"ArrowRight"===r.key))&&r.preventDefault(),"ArrowUp"===r.key?e.incrementValue(a):"ArrowDown"===r.key&&e.decrementValue(a),e.props.onKeyDown&&e.props.onKeyDown(r)}}}),Object.defineProperty(e,"handleInput",{enumerable:!0,configurable:!0,writable:!0,value:function(r){var t=e.getParsedValues(r.target.value).maxValue;if(e.props.pad){var a=""===r.target.value,n=a?r.target.value:parseFloat(r.target.value);if(a){var o="".concat(e.props.value).slice(0,-1);e.props.onChange(p(o,e.props.pad))}else{o=e.clampValue(n);var i=parseFloat("".concat(e.props.value).concat(n));if(e.firstTouch||isNaN(n)||!e.isValueValid(i)||(o=i),e.firstTouch=!1,e.props.moveFocusOnMax&&o/t>.1){var l=s(r.target).next;l&&setTimeout((function(){return l.focus()}))}e.changeIfValid(o)}}else e.props.onChange(r.target.value)}}),e}return e(f,o),Object.defineProperty(f.prototype,"getAutoWidthValue",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=this.props,t=r.autoWidth,a=r.pad,n=r.placeholder,o=""===e;return t||(a&&o?function(e){for(var r="",t=0;t<e;t++)r+="0";return r}(a):o&&void 0!==n?n:e)}}),Object.defineProperty(f.prototype,"renderInput",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this.props,a=t.as,o=t.highlightOnInteraction,i=void 0!==o&&o,l=t.pad,u=t.value,s=this.getParsedValues(u),m=null===u?"":u;return l&&""!==m&&(m=p(m,l)),s.minValue!==c&&(e.min=this.props.min),s.maxValue!==d&&(e.max=this.props.max),!1!==this.props.autoWidth&&(e.autoWidth=this.getAutoWidthValue(m),void 0===e.autoWidth&&(e.autoWidth=!0)),n(a,r(r({},e),{textOverflow:void 0,autoComplete:"off",value:m,highlightOnInteraction:i||l,onBlur:this.handleBlur,onInput:this.handleInput,onKeyDown:this.handleKeyDown}))}}),Object.defineProperty(f.prototype,"renderInputWithControls",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=this,t=this.renderInput(e);return this.props.hasControls?a.createElement(a.Fragment,null,t,a.createElement(l,{marginRight:-1,marginLeft:1},a.createElement(u,{icon:{name:"general.upCaret"},hover:{backgroundColor:"grey-1"},minHeight:1,onClick:function(){return r.incrementValue(r.props.value)},paddingVertical:.25,size:"xs",title:"Increment by ".concat(this.props.step),variant:"naked"}),a.createElement(u,{icon:{name:"general.downCaret"},hover:{backgroundColor:"grey-1"},minHeight:1,onClick:function(){return r.decrementValue(r.props.value)},paddingVertical:.25,size:"xs",title:"Decrement by ".concat(this.props.step),variant:"naked"}))):t}}),Object.defineProperty(f.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props;e.autoWidth,e.as,e.hasControls,e.highlightOnInteraction,e.ignoredKeys,e.min,e.max,e.moveFocusOnMax,e.onChange,e.onBlur,e.onInput,e.onKeyDown,e.pad,e.value;var r=t(e,["autoWidth","as","hasControls","highlightOnInteraction","ignoredKeys","min","max","moveFocusOnMax","onChange","onBlur","onInput","onKeyDown","pad","value"]);return this.props.hasControls?this.renderInputWithControls(r):this.renderInput(r)}}),Object.defineProperty(f,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{as:i,hasControls:!1,ignoredKeys:[],min:c,max:d,step:1,moveFocusOnMax:!1}}),f}(o);export{f as default};
+import{__extends as e,__assign as r,__rest as t}from'./../ext/tslib/tslib.es6.js';import a,{createElement as n,Component as o}from"react";import{Button as i}from"../Button/Button.js";import l from"../Input/InputField.js";import{StackView as u}from"../StackView/StackView.js";import{padNumber as p,getTabbableSiblings as s}from"../utils.js";var c=-1/0,d=1/0,m=["Backspace","Delete","Tab","Enter","Home","End","ArrowLeft","ArrowRight","-","."];var f=function(o){function f(){var e=null!==o&&o.apply(this,arguments)||this;return Object.defineProperty(e,"firstTouch",{enumerable:!0,configurable:!0,writable:!0,value:!0}),Object.defineProperty(e,"getParsedValues",{enumerable:!0,configurable:!0,writable:!0,value:function(r){return{maxValue:Number.parseFloat("".concat(e.props.max)),minValue:Number.parseFloat("".concat(e.props.min)),value:"string"==typeof r?Number.parseFloat(r):r}}}),Object.defineProperty(e,"clampValue",{enumerable:!0,configurable:!0,writable:!0,value:function(r){var t=e.getParsedValues(r),a=t.value,n=t.minValue;return isNaN(a)?n===c?0:n:a}}),Object.defineProperty(e,"isValueValid",{enumerable:!0,configurable:!0,writable:!0,value:function(r){var t=e.getParsedValues(r),a=t.value,n=t.minValue,o=t.maxValue;return a>=n&&a<=o}}),Object.defineProperty(e,"changeIfValid",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.isValueValid(r)&&e.onChange(r)}}),Object.defineProperty(e,"onChange",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.props.onChange(r)}}),Object.defineProperty(e,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(r){var t=e.getParsedValues(r.target.value),a=t.minValue,n=t.maxValue,o=Number.parseFloat(r.target.value);o<a?e.onChange(a.toString()):o>n?e.onChange(n.toString()):isNaN(o)&&e.onChange(e.clampValue(o)),e.props.onBlur&&e.props.onBlur(r),e.firstTouch=!0}}),Object.defineProperty(e,"stepValue",{enumerable:!0,configurable:!0,writable:!0,value:function(r,t){var a=t,n=e.clampValue(r+a),o=r.toString().indexOf(".")>-1?Number.parseFloat(n.toFixed(2)):n;e.isValueValid(o)&&e.onChange(o)}}),Object.defineProperty(e,"incrementValue",{enumerable:!0,configurable:!0,writable:!0,value:function(r){return e.stepValue(r,e.props.step)}}),Object.defineProperty(e,"decrementValue",{enumerable:!0,configurable:!0,writable:!0,value:function(r){return e.stepValue(r,-e.props.step)}}),Object.defineProperty(e,"handleKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(r){if(!e.props.ignoredKeys.includes(r.key)){var t=e.props.pad,a=e.getParsedValues(r.target.value).value;(function(e){return!e.metaKey&&"v"!==e.key&&isNaN(parseInt(e.key,10))&&-1===m.indexOf(e.key)}(r)||t&&("ArrowLeft"===r.key||"ArrowRight"===r.key))&&r.preventDefault(),"ArrowUp"===r.key?e.incrementValue(a):"ArrowDown"===r.key&&e.decrementValue(a),e.props.onKeyDown&&e.props.onKeyDown(r)}}}),Object.defineProperty(e,"handleInput",{enumerable:!0,configurable:!0,writable:!0,value:function(r){var t=e.getParsedValues(r.target.value).maxValue;if(e.props.pad){var a=""===r.target.value,n=a?r.target.value:parseFloat(r.target.value);if(a){var o="".concat(e.props.value).slice(0,-1);e.onChange(p(o,e.props.pad))}else{o=e.clampValue(n);var i=parseFloat("".concat(e.props.value).concat(n));if(e.firstTouch||isNaN("string"==typeof n?parseFloat(n):n)||!e.isValueValid(i)||(o=i),e.firstTouch=!1,e.props.moveFocusOnMax&&o/t>.1){var l=s(r.target).next;l&&setTimeout((function(){return l.focus()}))}e.changeIfValid(o)}}else e.onChange(r.target.value)}}),e}return e(f,o),Object.defineProperty(f.prototype,"getAutoWidthValue",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=this.props,t=r.autoWidth,a=r.pad,n=r.placeholder,o=""===e;return t||(a&&o?function(e){for(var r="",t=0;t<e;t++)r+="0";return r}(a):o&&void 0!==n?n:e)}}),Object.defineProperty(f.prototype,"renderInput",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this.props,a=t.as,o=t.highlightOnInteraction,i=void 0!==o&&o,l=t.pad,u=t.value,s=this.getParsedValues(u),m=null===u?"":u;return l&&""!==m&&(m=p(m,l)),s.minValue!==c&&(e.min=this.props.min),s.maxValue!==d&&(e.max=this.props.max),!1!==this.props.autoWidth&&(e.autoWidth=this.getAutoWidthValue(m),void 0===e.autoWidth&&(e.autoWidth=!0)),n(a,r(r({},e),{autoComplete:"off",highlightOnInteraction:i||l,onBlur:this.handleBlur,onInput:this.handleInput,onKeyDown:this.handleKeyDown,textOverflow:void 0,value:m}))}}),Object.defineProperty(f.prototype,"renderInputWithControls",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=this,t=this.renderInput(e);return this.props.hasControls?a.createElement(a.Fragment,null,t,a.createElement(u,{marginRight:-1,marginLeft:1},a.createElement(i,{icon:{name:"general.upCaret"},hover:{backgroundColor:"grey-1"},minHeight:1,onClick:function(){return r.incrementValue(r.props.value)},paddingVertical:.25,size:"xs",title:"Increment by ".concat(this.props.step),variant:"naked"}),a.createElement(i,{icon:{name:"general.downCaret"},hover:{backgroundColor:"grey-1"},minHeight:1,onClick:function(){return r.decrementValue(r.props.value)},paddingVertical:.25,size:"xs",title:"Decrement by ".concat(this.props.step),variant:"naked"}))):t}}),Object.defineProperty(f.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props;e.autoWidth,e.as,e.hasControls,e.highlightOnInteraction,e.ignoredKeys,e.min,e.max,e.moveFocusOnMax,e.onChange,e.onBlur,e.onInput,e.onKeyDown,e.pad,e.value;var r=t(e,["autoWidth","as","hasControls","highlightOnInteraction","ignoredKeys","min","max","moveFocusOnMax","onChange","onBlur","onInput","onKeyDown","pad","value"]);return this.props.hasControls?this.renderInputWithControls(r):this.renderInput(r)}}),Object.defineProperty(f,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{as:l,hasControls:!1,ignoredKeys:[],max:d,min:c,moveFocusOnMax:!1,step:1}}),f}(o);export{f as default};
 //# sourceMappingURL=NumberField.js.map

package/dist/Page/PageBody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageBody.d.ts","sourceRoot":"","sources":["../../src/Page/PageBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,cAAc,EAAgB,MAAM,OAAO,CAAA;AAGrE,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAEtD,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,EAAE,aAAa,eAoC1E;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"PageBody.d.ts","sourceRoot":"","sources":["../../src/Page/PageBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,cAAc,EAEf,MAAM,OAAO,CAAA;AAEd,OAAO,SAAS,MAAM,cAAc,CAAA;AAGpC,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAEtD,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,CAAA;AAED,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,EAAE,aAAa,eAoC1E;AAED,eAAe,QAAQ,CAAA"}

package/dist/Page/PageBody.js

@@ -1,2 +1,2 @@
-import{__rest as r,__assign as e}from'./../ext/tslib/tslib.es6.js';import i,{Children as o,cloneElement as a}from"react";import{useThemeValue as d}from"../system/utils.js";import{StackView as t}from"../StackView/StackView.js";function s(s){var n=s.children,m=s.inset,l=s.sidebar,c=r(s,["children","inset","sidebar"]),u=d("pageBody"),p=l?o.toArray([a(l,{basis:28}),i.createElement(t,{grow:1,padding:3,shrink:1},n)]):n;return i.createElement(t,e({padding:l&&!m?0:3,backgroundColor:"backgroundSecondary",mediaQueries:{md:{axis:l&&!m?"horizontal":void 0}}},u,c),m?i.createElement(t,{borderColor:"separatorSecondary",borderWidth:1,mediaQueries:{md:{axis:l?"horizontal":void 0}},padding:l?null:3,radius:3,shrink:1},p):p)}export{s as default};
+import{__rest as r,__assign as e}from'./../ext/tslib/tslib.es6.js';import i,{Children as o,cloneElement as a}from"react";import{StackView as d}from"../StackView/StackView.js";import{useThemeValue as t}from"../system/utils.js";function s(s){var n=s.children,m=s.inset,l=s.sidebar,c=r(s,["children","inset","sidebar"]),u=t("pageBody"),p=l?o.toArray([a(l,{basis:28}),i.createElement(d,{grow:1,padding:3,shrink:1},n)]):n;return i.createElement(d,e({padding:l&&!m?0:3,backgroundColor:"backgroundSecondary",mediaQueries:{md:{axis:l&&!m?"horizontal":void 0}}},u,c),m?i.createElement(d,{borderColor:"separatorSecondary",borderWidth:1,mediaQueries:{md:{axis:l?"horizontal":void 0}},padding:l?null:3,radius:3,shrink:1},p):p)}export{s as default};
 //# sourceMappingURL=PageBody.js.map

package/dist/Page/PageButton.js

@@ -1,2 +1,2 @@
-import{__assign as t}from'./../ext/tslib/tslib.es6.js';import e from"react";import{useThemeValue as o}from"../system/utils.js";import r from"../Button/Button.js";function m(m){var s=o("pageButton");return e.createElement(r,t({theme:"white"},s,m))}export{m as default};
+import{__assign as t}from'./../ext/tslib/tslib.es6.js';import e from"react";import{Button as o}from"../Button/Button.js";import{useThemeValue as r}from"../system/utils.js";function m(m){var s=r("pageButton");return e.createElement(o,t({theme:"white"},s,m))}export{m as default};
 //# sourceMappingURL=PageButton.js.map

package/dist/Page/PageDropdown.js

@@ -1,2 +1,2 @@
-import{__assign as o}from'./../ext/tslib/tslib.es6.js';import t from"react";import{useThemeValue as r}from"../system/utils.js";import e from"../Dropdown/Dropdown.js";function m(m){var i=r("pageDropdown");return t.createElement(e,o({theme:"white",variant:"outline"},i,m))}export{m as default};
+import{__assign as o}from'./../ext/tslib/tslib.es6.js';import t from"react";import r from"../Dropdown/Dropdown.js";import{useThemeValue as e}from"../system/utils.js";function m(m){var i=e("pageDropdown");return t.createElement(r,o({theme:"white",variant:"outline"},i,m))}export{m as default};
 //# sourceMappingURL=PageDropdown.js.map

package/dist/Page/PageHeader.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import i from"react";import{useThemeValue as t}from"../system/utils.js";import{StackView as a}from"../StackView/StackView.js";function o(o){var n=o.children,l=o.toolbar,m=e(o,["children","toolbar"]),s=t("pageHeader");return i.createElement(a,r({as:"header",axis:"vertical",backgroundColor:"primary-light",paddingHorizontal:2,minHeight:8,mediaQueries:{sm:{paddingHorizontal:3}},spacing:0},s,m),n&&i.createElement(a,{alignment:"center",axis:"horizontal",paddingTop:2,width:"100%"},n),l)}export{o as default};
+import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import i from"react";import{StackView as t}from"../StackView/StackView.js";import{useThemeValue as a}from"../system/utils.js";function o(o){var n=o.children,l=o.toolbar,m=e(o,["children","toolbar"]),s=a("pageHeader");return i.createElement(t,r({as:"header",axis:"vertical",backgroundColor:"primary-light",paddingHorizontal:2,minHeight:8,mediaQueries:{sm:{paddingHorizontal:3}},spacing:0},s,m),n&&i.createElement(t,{alignment:"center",axis:"horizontal",paddingTop:2,width:"100%"},n),l)}export{o as default};
 //# sourceMappingURL=PageHeader.js.map

package/dist/Page/PageTab.js

@@ -1,2 +1,2 @@
-import{__assign as e}from'./../ext/tslib/tslib.es6.js';import r from"react";import{Tab as t}from"../Tab/Tab.js";import{useThemeValue as o}from"../system/utils.js";function i(i){var a=o("pageTab");return r.createElement(t,e({mediaQueries:{sm:{paddingHorizontal:3}},paddingHorizontal:1.5,size:"lg"},a,i))}export{i as default};
+import{__assign as e}from'./../ext/tslib/tslib.es6.js';import r from"react";import{useThemeValue as t}from"../system/utils.js";import{Tab as o}from"../Tab/Tab.js";function i(i){var a=t("pageTab");return r.createElement(o,e({mediaQueries:{sm:{paddingHorizontal:3}},paddingHorizontal:1.5,size:"lg"},a,i))}export{i as default};
 //# sourceMappingURL=PageTab.js.map

package/dist/Page/PageTitle.js

@@ -1,2 +1,2 @@
-import{__assign as e}from'./../ext/tslib/tslib.es6.js';import t from"react";import{useThemeValue as o}from"../system/utils.js";import r from"../Heading/Heading.js";function i(i){var m=o("pageTitle");return t.createElement(r,e({color:"white",fontSize:"25px",level:2},m,i))}export{i as default};
+import{__assign as e}from'./../ext/tslib/tslib.es6.js';import t from"react";import o from"../Heading/Heading.js";import{useThemeValue as r}from"../system/utils.js";function i(i){var m=r("pageTitle");return t.createElement(o,e({color:"white",fontSize:"25px",level:2},m,i))}export{i as default};
 //# sourceMappingURL=PageTitle.js.map

package/dist/Page/PageToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageToolbar.d.ts","sourceRoot":"","sources":["../../src/Page/PageToolbar.tsx"],"names":[],"mappings":"AAKA,iBAAS,WAAW,CAAC,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE;;;CAAA,eAiChD;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"PageToolbar.d.ts","sourceRoot":"","sources":["../../src/Page/PageToolbar.tsx"],"names":[],"mappings":"AAMA,iBAAS,WAAW,CAAC,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE;;;CAAA,eAiChD;AAED,eAAe,WAAW,CAAA"}

package/dist/Page/PageToolbar.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import i from"react";import{StackView as s}from"../StackView/StackView.js";import{useThemeValue as a}from"../system/utils.js";function n(n){var r,o=n.stackBelow,l=e(n,["stackBelow"]),c=a("breakpoints"),m=Object.keys(c).includes(o)?o:"sm",p=o?{axis:"vertical",alignment:"stretch",spacing:2,mediaQueries:(r={},r[m]={axis:"horizontal",alignment:"center",paddingBottom:0,spacing:0},r)}:null;return i.createElement(s,t({alignment:"center",axis:"horizontal",distribution:"space-between",flex:1,spacing:2,width:"100%"},p,l))}export{n as default};
+import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import i from"react";import{StackView as s}from"../StackView/StackView.js";import{useThemeValue as a}from"../system/utils.js";function n(n){var o,r=n.stackBelow,l=e(n,["stackBelow"]),m=a("breakpoints"),c=Object.keys(m).includes(r)?r:"sm",p=r?{alignment:s.STRETCH,axis:s.VERTICAL,mediaQueries:(o={},o[c]={alignment:"center",axis:"horizontal",paddingBottom:0,spacing:0},o),spacing:2}:null;return i.createElement(s,t({alignment:"center",axis:"horizontal",distribution:"space-between",flex:1,spacing:2,width:"100%"},p,l))}export{n as default};
 //# sourceMappingURL=PageToolbar.js.map

package/dist/PagerView/PagerView.d.ts

@@ -1,13 +1,15 @@
-export type Props = {
-    children?: any;
-    axis?: 'horizontal' | 'vertical';
+import { StackViewProps } from '../StackView';
+type Props = {
     activeViewIndex?: number;
-    viewsToShow?: number;
-    viewsToMove?: number;
-    spacing?: number;
     autoFocus?: boolean;
+    axis?: 'horizontal' | 'vertical';
+    spacing?: number;
+    viewsToMove?: number;
+    viewsToShow?: number;
 };
-declare function PagerView(props: Props): JSX.Element;
+type InheritedProps = Omit<StackViewProps, keyof Props>;
+type PagerViewProps = Props & InheritedProps;
+declare function PagerView(props: PagerViewProps): JSX.Element;
 declare namespace PagerView {
     var View: (props: any) => JSX.Element;
 }

package/dist/PagerView/PagerView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PagerView.d.ts","sourceRoot":"","sources":["../../src/PagerView/PagerView.tsx"],"names":[],"mappings":"AAkDA,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAId,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAIhC,eAAe,CAAC,EAAE,MAAM,CAAA;IAIxB,WAAW,CAAC,EAAE,MAAM,CAAA;IAIpB,WAAW,CAAC,EAAE,MAAM,CAAA;IAIpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAIhB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,iBAAS,SAAS,CAAC,KAAK,EAAE,KAAK,eA0I9B;kBA1IQ,SAAS;;;;UAkJqC,OAAO,UAAU,IAAI;;AAA5E,wBAA8E"}
+{"version":3,"file":"PagerView.d.ts","sourceRoot":"","sources":["../../src/PagerView/PagerView.tsx"],"names":[],"mappings":"AAcA,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAoCxD,KAAK,KAAK,GAAG;IAIX,eAAe,CAAC,EAAE,MAAM,CAAA;IAIxB,SAAS,CAAC,EAAE,OAAO,CAAA;IAInB,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAIhC,OAAO,CAAC,EAAE,MAAM,CAAA;IAIhB,WAAW,CAAC,EAAE,MAAM,CAAA;IAIpB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AACD,KAAK,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE,MAAM,KAAK,CAAC,CAAA;AAEvD,KAAK,cAAc,GAAG,KAAK,GAAG,cAAc,CAAA;AAE5C,iBAAS,SAAS,CAAC,KAAK,EAAE,cAAc,eA2IvC;kBA3IQ,SAAS;;;;UAmJqC,OAAO,UAAU,IAAI;;AAA5E,wBAA8E"}

package/dist/PagerView/PagerView.js

@@ -1,2 +1,2 @@
-import{__rest as r,__assign as e,__spreadArray as n}from'./../ext/tslib/tslib.es6.js';import t,{createContext as i,Children as o,useRef as c,useLayoutEffect as u,useContext as a}from"react";import s from"tiny-spring";import f from"stylefire";import{tabbable as l}from"tabbable";import{clamp as p}from"@popmotion/popcorn";import{GridView as v}from"../GridView/GridView.js";import{StackView as d}from"../StackView/StackView.js";import{useMeasure as m}from"../hooks/use-measure.js";import{range as w}from"../utils.js";function g(r){var e=r.direction,n=void 0===e?1:e,t=r.multiplier,i=void 0===t?null:t,o=r.spacing,c=void 0===o?0:o,u=r.viewsToShow,a=void 0===u?1:u,s=100/a*n,f=((c*=8)-c/a)*n;return null!==i&&(s*=i,f=f*i-c*n*i),1===a&&0===c&&(f=0),{viewSize:s,spacingSize:f}}function h(r){var e=r.viewSize,n=r.spacingSize;return"calc(".concat(e,"% - ").concat(n,"px)")}var S=i((function(){}));function z(i){var a,z=i.axis,x=void 0===z?"horizontal":z,T=i.activeViewIndex,b=i.viewsToShow,V=void 0===b?1:b,y=i.viewsToMove,E=void 0===y?1:y,j=i.spacing,R=void 0===j?0:j,F=i.autoFocus,I=void 0!==F&&F,M=i.children,k=r(i,["axis","activeViewIndex","viewsToShow","viewsToMove","spacing","autoFocus","children"]),A="horizontal"===x,C=o.count(M),G=p(0,C-V,T*E),U=w(0,V).map((function(r){return G+r})),B="horizontal"===x?"height":"width",P=c(),_=c(),q=e({innerRef:P,overflow:"hidden"},k),D=c(),H=c(),J=((a={innerRef:D,alignment:A?"start":"stretch",autoFlow:A?"column":"row",spacing:R})[A?"gridAutoColumns":"gridAutoRows"]=h(g({spacing:R,viewsToShow:V})),a),K=m(),L=K[0];(0,K[1])((function(r){var e=r.map((function(r){return r.getBoundingClientRect()})),n=Math.max.apply(Math,U.map((function(r){var n=e[r];return n?n[B]:-1})));if(_.current){var t=s(_.current.get(B),{stiffness:500,damping:50});return t.onUpdate((function(r){return _.current.set(B,r)})),t.transitionTo(n),function(){return t.destroy()}}_.current=f(P.current),_.current.set(B,n),_.current.render()}),[T,V]),u((function(){var r,e=A?"x":"y",n=g({direction:-1,multiplier:G,spacing:R,viewsToShow:V});if(H.current){var t=(r=H.current.get(e),parseFloat(r.includes("calc")?r.split("(")[1].split("%")[0]:r)),i=s(t,{stiffness:500,damping:50});return i.onUpdate((function(r){H.current.set(e,h({viewSize:r,spacingSize:n.spacingSize}))})),i.transitionTo(n.viewSize),function(){return i.destroy()}}H.current=f(D.current),H.current.set(e,h(n)),H.current.render()}),[G,R,V]);var N=c([]);return u((function(){N.current.forEach((function(r){return r.tabIndex=0})),N.current=[];for(var r=0;r<C;r++){var e=l(D.current.children[r]);if(I&&r===G){var t=e[0];t&&t.focus({preventScroll:!0})}U.includes(r)||e.forEach((function(r){return r.tabIndex=-1})),N.current=n(n([],N.current,!0),e,!0)}}),[G,V]),t.createElement(d,e({},q),t.createElement(v,e({},J),t.createElement(S.Provider,{value:L},M)))}z.View=function(r){var n=a(S)();return t.createElement(d,e({innerRef:n},r))};export{z as default};
+import{__rest as r,__assign as e,__spreadArray as n}from'./../ext/tslib/tslib.es6.js';import{clamp as t}from"@popmotion/popcorn";import i,{createContext as o,Children as c,useRef as u,useLayoutEffect as a,useContext as s}from"react";import f from"stylefire";import{tabbable as l}from"tabbable";import p from"tiny-spring";import{GridView as v}from"../GridView/GridView.js";import{useMeasure as d}from"../hooks/use-measure.js";import{StackView as m}from"../StackView/StackView.js";import{range as w}from"../utils.js";function g(r){var e=r.direction,n=void 0===e?1:e,t=r.multiplier,i=void 0===t?null:t,o=r.spacing,c=void 0===o?0:o,u=r.viewsToShow,a=void 0===u?1:u,s=100/a*n,f=((c*=8)-c/a)*n;return null!==i&&(s*=i,f=f*i-c*n*i),1===a&&0===c&&(f=0),{spacingSize:f,viewSize:s}}function h(r){var e=r.viewSize,n=r.spacingSize;return"calc(".concat(e,"% - ").concat(n,"px)")}var S=o((function(){}));function z(o){var s,z=o.axis,x=void 0===z?"horizontal":z,T=o.activeViewIndex,b=o.viewsToShow,V=void 0===b?1:b,y=o.viewsToMove,E=void 0===y?1:y,j=o.spacing,R=void 0===j?0:j,F=o.autoFocus,I=void 0!==F&&F,M=o.children,k=r(o,["axis","activeViewIndex","viewsToShow","viewsToMove","spacing","autoFocus","children"]),A="horizontal"===x,C=c.count(M),G=t(0,C-V,T*E),U=w(0,V).map((function(r){return G+r})),B="horizontal"===x?"height":"width",P=u(),_=u(),q=e({innerRef:P,overflow:"hidden"},k),D=u(),H=u(),J=d(),K=J[0];(0,J[1])((function(r){var e=r.map((function(r){return r.getBoundingClientRect()})),n=Math.max.apply(Math,U.map((function(r){var n=e[r];return n?n[B]:-1})));if(_.current){var t=p(_.current.get(B),{damping:50,stiffness:500});return t.onUpdate((function(r){return _.current.set(B,r)})),t.transitionTo(n),function(){return t.destroy()}}_.current=f(P.current),_.current.set(B,n),_.current.render()}),[T,V]),a((function(){var r,e=A?"x":"y",n=g({direction:-1,multiplier:G,spacing:R,viewsToShow:V});if(H.current){var t=(r=H.current.get(e),parseFloat(r.includes("calc")?r.split("(")[1].split("%")[0]:r)),i=p(t,{damping:50,stiffness:500});return i.onUpdate((function(r){H.current.set(e,h({spacingSize:n.spacingSize,viewSize:r}))})),i.transitionTo(n.viewSize),function(){return i.destroy()}}H.current=f(D.current),H.current.set(e,h(n)),H.current.render()}),[G,R,V]);var L=u([]);return a((function(){L.current.forEach((function(r){return r.tabIndex=0})),L.current=[];for(var r=0;r<C;r++){var e=l(D.current.children[r]);if(I&&r===G){var t=e[0];t&&t.focus({preventScroll:!0})}U.includes(r)||e.forEach((function(r){return r.tabIndex=-1})),L.current=n(n([],L.current,!0),e,!0)}}),[G,V]),i.createElement(m,e({},q),i.createElement(v,((s={alignment:A?"start":"stretch",autoFlow:A?"column":"row",innerRef:D,spacing:R})[A?"gridAutoColumns":"gridAutoRows"]=h(g({spacing:R,viewsToShow:V})),s),i.createElement(S.Provider,{value:K},M)))}z.View=function(r){var n=s(S)();return i.createElement(m,e({innerRef:n},r))};export{z as default};
 //# sourceMappingURL=PagerView.js.map

package/dist/Pagination/Pagination.d.ts

@@ -5,7 +5,7 @@ export type PaginationProps = ComponentProps<typeof StackView> & {
     activePageLinkProps?: object;
     currentPage: number;
     navButtonProps?: object;
-    onPageChange: (nextPage: number) => undefined;
+    onPageChange: (nextPage: number) => void;
     pageLinkProps?: object;
     totalPages: number;
     visiblePages?: number;

package/dist/Pagination/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAK7C,OAAO,SAAS,MAAM,cAAc,CAAA;AAiCpC,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAI/D,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAK5B,WAAW,EAAE,MAAM,CAAA;IAKnB,cAAc,CAAC,EAAE,MAAM,CAAA;IAKvB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAA;IAK7C,aAAa,CAAC,EAAE,MAAM,CAAA;IAKtB,UAAU,EAAE,MAAM,CAAA;IAKlB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAqBD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,WAAW,EACX,YAAyB,EACzB,YAAY,EACZ,UAAc,EACd,GAAG,SAAS,EACb,EAAE,eAAe,eA+FjB"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAK7C,OAAO,SAAS,MAAM,cAAc,CAAA;AAgCpC,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAI/D,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAK5B,WAAW,EAAE,MAAM,CAAA;IAKnB,cAAc,CAAC,EAAE,MAAM,CAAA;IAKvB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAKxC,aAAa,CAAC,EAAE,MAAM,CAAA;IAKtB,UAAU,EAAE,MAAM,CAAA;IAKlB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAqBD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,WAAW,EACX,YAAyB,EACzB,YAAY,EACZ,UAAc,EACd,GAAG,SAAS,EACb,EAAE,eAAe,eA+FjB"}

package/dist/Pagination/Pagination.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as o}from'./../ext/tslib/tslib.es6.js';import t from"react";import{Box as r}from"../Box/Box.js";import a from"../Button/Button.js";import{Group as i}from"../Group/Group.js";import{StackView as n}from"../StackView/StackView.js";import{range as l}from"../utils.js";import{useThemeValue as c,useThemeProps as s,parseColor as f}from"../system/utils.js";import{useWindowWidth as u}from"@react-hook/window-size";var m=function(r){var i=r.disabled,n=r.iconName,l=e(r,["disabled","iconName"]);return t.createElement(a,o({backgroundColor:i?"#f7f7f7":"#f2f2f2",disabled:i,icon:{color:i?"#cfcfcf":void 0,name:n,size:"xs"},opacity:1,shrink:0,square:!0,variant:"fill"},l))};function p(p){var d,g=p.currentPage,v=p.onPageChange,b=void 0===v?function(){return null}:v,h=p.visiblePages,k=p.totalPages,P=void 0===k?0:k,C=e(p,["currentPage","onPageChange","visiblePages","totalPages"]),x=c("breakpoints").xs,j=s("pagination",o({},C)),E=j.activeColor,w=void 0===E?"#5b8bf7":E,B=j.navButtonProps,N=j.pageLinkProps,y=j.activePageLinkProps,L=e(j,["activeColor","navButtonProps","pageLinkProps","activePageLinkProps"]),M=u();return P<=1?null:t.createElement(n,o({alignment:"center",axis:"horizontal",distribution:"center",overflow:"auto",paddingVertical:1,shrink:0,spacing:.5,width:"100%"},L),t.createElement(i,{spacing:.5},t.createElement(m,o({disabled:1===g,iconName:"general.leftChevron",onClick:b.bind(null,g-1),tooltip:{title:"Previous Page"}},B)),t.createElement(m,o({disabled:g===P,iconName:"general.rightChevron",onClick:b.bind(null,g+1),tooltip:{title:"Next Page"}},B))),(d=function(e,o,t){var r=Math.max(1,Math.min(o-t+1,Math.floor(e-t/2+1))),a=Math.min(o,r+t-1),i=l(r,a+1),n=r>1,c=a<o;n&&(i.shift(),i.shift()),c&&(i.pop(),i.pop());var s=c?["...",o]:[];return(n?[1,"..."]:[]).concat(i).concat(s)}(g,P,M<=x?h||5:h||7),d.map((function(e,i){return"..."===e?(u=e+i,t.createElement(r,{key:u,userSelect:"none",cursor:"default",children:"…"})):(l=g===(n=e),c=f({base:w,alpha:.1}),s={border:"1px solid ".concat(w),color:l?"#fff":w},t.createElement(a,o({active:o({backgroundColor:l?w:c},s),key:n,fontWeight:500,hover:o({backgroundColor:l?w:"#fff"},s),onClick:b.bind(null,n),shrink:0,square:!0,title:n,variant:l?"fill":"naked"},N,l&&o({backgroundColor:w,color:"#fff"},y))));var n,l,c,s,u}))))}export{p as default};
+import{__rest as e,__assign as o}from'./../ext/tslib/tslib.es6.js';import{useWindowWidth as t}from"@react-hook/window-size";import r from"react";import{Box as a}from"../Box/Box.js";import{Button as i}from"../Button/Button.js";import{Group as n}from"../Group/Group.js";import{StackView as l}from"../StackView/StackView.js";import{useThemeValue as c,useThemeProps as s,parseColor as f}from"../system/utils.js";import{range as u}from"../utils.js";var m=function(t){var a=t.disabled,n=t.iconName,l=e(t,["disabled","iconName"]);return r.createElement(i,o({backgroundColor:a?"#f7f7f7":"#f2f2f2",disabled:a,icon:{color:a?"#cfcfcf":void 0,name:n,size:"xs"},opacity:1,shrink:0,square:!0,variant:"fill"},l))};function p(p){var d,g=p.currentPage,v=p.onPageChange,b=void 0===v?function(){return null}:v,h=p.visiblePages,k=p.totalPages,P=void 0===k?0:k,C=e(p,["currentPage","onPageChange","visiblePages","totalPages"]),x=c("breakpoints").xs,j=s("pagination",o({},C)),E=j.activeColor,w=void 0===E?"#5b8bf7":E,B=j.navButtonProps,N=j.pageLinkProps,y=j.activePageLinkProps,L=e(j,["activeColor","navButtonProps","pageLinkProps","activePageLinkProps"]),M=t();return P<=1?null:r.createElement(l,o({alignment:"center",axis:"horizontal",distribution:"center",overflow:"auto",paddingVertical:1,shrink:0,spacing:.5,width:"100%"},L),r.createElement(n,{spacing:.5},r.createElement(m,o({disabled:1===g,iconName:"general.leftChevron",onClick:b.bind(null,g-1),tooltip:{title:"Previous Page"}},B)),r.createElement(m,o({disabled:g===P,iconName:"general.rightChevron",onClick:b.bind(null,g+1),tooltip:{title:"Next Page"}},B))),(d=function(e,o,t){var r=Math.max(1,Math.min(o-t+1,Math.floor(e-t/2+1))),a=Math.min(o,r+t-1),i=u(r,a+1),n=r>1,l=a<o;n&&(i.shift(),i.shift()),l&&(i.pop(),i.pop());var c=l?["...",o]:[];return(n?[1,"..."]:[]).concat(i).concat(c)}(g,P,M<=x?h||5:h||7),d.map((function(e,t){return"..."===e?(u=e+t,r.createElement(a,{key:u,userSelect:"none",cursor:"default",children:"…"})):(l=g===(n=e),c=f({alpha:.1,base:w}),s={border:"1px solid ".concat(w),color:l?"#fff":w},r.createElement(i,o({active:o({backgroundColor:l?w:c},s),key:n,fontWeight:500,hover:o({backgroundColor:l?w:"#fff"},s),onClick:b.bind(null,n),shrink:0,square:!0,title:n,variant:l?"fill":"naked"},N,l&&o({backgroundColor:w,color:"#fff"},y))));var n,l,c,s,u}))))}export{p as default};
 //# sourceMappingURL=Pagination.js.map

package/dist/Popover/Popover.d.ts

@@ -1,67 +1,72 @@
-import * as React from 'react';
 import { Placement } from '@popperjs/core';
+import * as React from 'react';
 import { StyleProps } from '..';
 export type PopoverProps<E = any> = StyleProps & {
-    as?: any;
     anchorElement: React.ReactElement | ((anchorCallbackProps: any) => React.ReactElement);
+    as?: any;
+    innerRef?: ((node: E) => void) | {
+        current?: E;
+    };
     keepInView?: boolean;
     lockScrollWhileOpen?: boolean;
     matchWidths?: boolean | 'minimum';
-    open: boolean;
     offset?: number;
     onRequestClose?: () => void;
+    open: boolean;
     placement?: Placement;
     relativeTo?: any;
     renderTo?: HTMLElement | string;
     shouldFlip?: boolean;
-    innerRef?: ((node: E) => void) | {
-        current?: E;
-    };
 } & React.HTMLAttributes<any>;
-export declare const Popover: React.ForwardRefExoticComponent<Pick<React.CSSProperties, "alignContent" | "alignItems" | "alignSelf" | "alignmentBaseline" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "baselineShift" | "border" | "borderBottom" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderLeft" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStyle" | "borderTop" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "bottom" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "clear" | "clip" | "clipPath" | "clipRule" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "contain" | "content" | "counterIncrement" | "counterReset" | "cursor" | "direction" | "display" | "fillOpacity" | "fillRule" | "filter" | "flex" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontSize" | "fontStretch" | "fontStyle" | "fontVariant" | "fontVariantCaps" | "fontVariantLigatures" | "fontVariantNumeric" | "fontWeight" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "imageRendering" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lightingColor" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "mask" | "maskType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "mixBlendMode" | "motion" | "objectFit" | "objectPosition" | "opacity" | "order" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowWrap" | "overflowX" | "overflowY" | "padding" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "resize" | "right" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAlign" | "textDecoration" | "textIndent" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textTransform" | "top" | "touchAction" | "transform" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "verticalAlign" | "visibility" | "userSelect" | "WebkitOverflowScrolling" | "writingMode" | "whiteSpace" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "zIndex"> & Partial<Record<"outlineColor" | "backgroundColor" | "borderColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderTopColor" | "color" | "fill" | "stroke", import("..").ColorProp>> & {
-    css?: any;
-    paddingHorizontal?: string | number;
-    paddingVertical?: string | number;
-    marginHorizontal?: string | number;
-    marginVertical?: string | number;
+export declare const Popover: React.ForwardRefExoticComponent<Pick<React.CSSProperties, "borderWidth" | "borderTopWidth" | "borderRightWidth" | "borderBottomWidth" | "borderLeftWidth" | "left" | "right" | "bottom" | "top" | "contain" | "clip" | "content" | "flex" | "clear" | "border" | "padding" | "resize" | "overflow" | "overflowX" | "overflowY" | "alignContent" | "alignItems" | "alignSelf" | "alignmentBaseline" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "baselineShift" | "borderBottom" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderCollapse" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderLeft" | "borderLeftStyle" | "borderRadius" | "borderRight" | "borderRightStyle" | "borderSpacing" | "borderStyle" | "borderTop" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "clipPath" | "clipRule" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "counterIncrement" | "counterReset" | "cursor" | "direction" | "display" | "fillOpacity" | "fillRule" | "filter" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontSize" | "fontStretch" | "fontStyle" | "fontVariant" | "fontVariantCaps" | "fontVariantLigatures" | "fontVariantNumeric" | "fontWeight" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "imageRendering" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lightingColor" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "mask" | "maskType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "mixBlendMode" | "motion" | "objectFit" | "objectPosition" | "opacity" | "order" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowWrap" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAlign" | "textDecoration" | "textIndent" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textTransform" | "touchAction" | "transform" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "verticalAlign" | "visibility" | "userSelect" | "WebkitOverflowScrolling" | "writingMode" | "whiteSpace" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "zIndex"> & Partial<Record<"color" | "fill" | "stroke" | "outlineColor" | "backgroundColor" | "borderColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderTopColor", import("..").ColorProp>> & {
+    basis?: import("csstype").Property.FlexBasis<string | number>;
     column?: import("csstype").Property.GridColumn;
-    columnStart?: import("csstype").Property.GridColumnStart;
     columnEnd?: import("csstype").Property.GridColumnEnd;
-    row?: import("csstype").Property.GridRow;
-    rowStart?: import("csstype").Property.GridRowStart;
-    rowEnd?: import("csstype").Property.GridRowEnd;
-    basis?: import("csstype").Property.FlexBasis<string | number>;
+    columnStart?: import("csstype").Property.GridColumnStart;
+    css?: any;
+    elevation?: number;
     grow?: import("csstype").Property.FlexGrow;
-    shrink?: import("csstype").Property.FlexShrink;
-    wrap?: string | boolean;
+    marginHorizontal?: string | number;
+    marginVertical?: string | number;
+    paddingHorizontal?: string | number;
+    paddingVertical?: string | number;
     radius?: import("csstype").Property.BorderRadius<string | number>;
-    radiusTop?: string | number;
-    radiusRight?: string | number;
     radiusBottom?: string | number;
     radiusLeft?: string | number;
+    radiusRight?: string | number;
+    radiusTop?: string | number;
+    rotate?: number;
+    row?: import("csstype").Property.GridRow;
+    rowEnd?: import("csstype").Property.GridRowEnd;
+    rowStart?: import("csstype").Property.GridRowStart;
+    scale?: number;
+    shrink?: import("csstype").Property.FlexShrink;
     strokeAlign?: "center" | "inside" | "outside";
     strokeWeight?: number;
-    elevation?: number;
+    uppercase?: boolean;
+    visible?: boolean;
+    wrap?: string | boolean;
     x?: string | number;
     y?: string | number;
-    rotate?: number;
-    scale?: number;
-    uppercase?: boolean;
 } & {
-    as?: any;
+    active?: StyleProps;
+    focus?: StyleProps;
+    hover?: StyleProps;
+} & {
     anchorElement: React.ReactElement<any, string | React.JSXElementConstructor<any>> | ((anchorCallbackProps: any) => React.ReactElement);
+    as?: any;
+    innerRef?: {
+        current?: any;
+    } | ((node: any) => void);
     keepInView?: boolean;
     lockScrollWhileOpen?: boolean;
     matchWidths?: boolean | 'minimum';
-    open: boolean;
     offset?: number;
     onRequestClose?: () => void;
+    open: boolean;
     placement?: Placement;
     relativeTo?: any;
     renderTo?: HTMLElement | string;
     shouldFlip?: boolean;
-    innerRef?: {
-        current?: any;
-    } | ((node: any) => void);
 } & React.HTMLAttributes<any> & React.RefAttributes<unknown>>;
 //# sourceMappingURL=Popover.d.ts.map

package/dist/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAgB,MAAM,gBAAgB,CAAA;AASxD,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAA;AAO/B,MAAM,MAAM,YAAY,CAAC,CAAC,GAAG,GAAG,IAAI,UAAU,GAAG;IAI/C,EAAE,CAAC,EAAE,GAAG,CAAA;IAMR,aAAa,EACT,KAAK,CAAC,YAAY,GAClB,CAAC,CAAC,mBAAmB,KAAA,KAAK,KAAK,CAAC,YAAY,CAAC,CAAA;IAKjD,UAAU,CAAC,EAAE,OAAO,CAAA;IAKpB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAK7B,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAKjC,IAAI,EAAE,OAAO,CAAA;IAKb,MAAM,CAAC,EAAE,MAAM,CAAA;IAKf,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAK3B,SAAS,CAAC,EAAE,SAAS,CAAA;IAKrB,UAAU,CAAC,EAAE,GAAG,CAAA;IAOhB,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAK/B,UAAU,CAAC,EAAE,OAAO,CAAA;IAKpB,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG;QAAE,OAAO,CAAC,EAAE,CAAC,CAAA;KAAE,CAAA;CACjD,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;AAE7B,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SApEb,GAAG;uHAQsB,MAAM,YAAY;iBAKnC,OAAO;0BAKE,OAAO;kBAKf,OAAO,GAAG,SAAS;UAK3B,OAAO;aAKJ,MAAM;qBAKE,MAAM,IAAI;gBAKf,SAAS;iBAKR,GAAG;eAOL,WAAW,GAAG,MAAM;iBAKlB,OAAO;;;wBAKK,IAAI;6DA0K9B,CAAA"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../src/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,SAAS,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAA;AAa/B,MAAM,MAAM,YAAY,CAAC,CAAC,GAAG,GAAG,IAAI,UAAU,GAAG;IAK/C,aAAa,EACT,KAAK,CAAC,YAAY,GAClB,CAAC,CAAC,mBAAmB,KAAA,KAAK,KAAK,CAAC,YAAY,CAAC,CAAA;IAKjD,EAAE,CAAC,EAAE,GAAG,CAAA;IAKR,QAAQ,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC,GAAG;QAAE,OAAO,CAAC,EAAE,CAAC,CAAA;KAAE,CAAA;IAKhD,UAAU,CAAC,EAAE,OAAO,CAAA;IAKpB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAK7B,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAKjC,MAAM,CAAC,EAAE,MAAM,CAAA;IAKf,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAK3B,IAAI,EAAE,OAAO,CAAA;IAKb,SAAS,CAAC,EAAE,SAAS,CAAA;IAKrB,UAAU,CAAC,EAAE,GAAG,CAAA;IAOhB,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAK/B,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;AAE7B,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uHAjEY,MAAM,YAAY;SAK3C,GAAG;;;wBAKiB,IAAI;iBAKhB,OAAO;0BAKE,OAAO;kBAKf,OAAO,GAAG,SAAS;aAKxB,MAAM;qBAKE,MAAM,IAAI;UAKrB,OAAO;gBAKD,SAAS;iBAKR,GAAG;eAOL,WAAW,GAAG,MAAM;iBAKlB,OAAO;6DA2KrB,CAAA"}

package/dist/Popover/Popover.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as n}from'./../ext/tslib/tslib.es6.js';import*as r from"react";import{createPopper as o}from"@popperjs/core";import{Box as t}from"../Box/Box.js";import{Portal as u}from"../Portal/Portal.js";import{lockScroll as i}from"../utils.js";import c from"./rewireTabOrder.js";import{getFixedParent as f,getModifiers as l}from"./utils.js";import{useThemeProps as s}from"../system/utils.js";var p=r.forwardRef((function(p,m){var a=p.anchorElement,d=p.as,v=void 0===d?t:d,R=p.innerRef,h=p.keepInView,y=void 0===h||h,w=p.lockScrollWhileOpen,E=p.matchWidths,j=p.offset,I=void 0===j?8:j,D=p.open,K=p.onKeyDown,k=p.onRequestClose,x=p.placement,T=void 0===x?"bottom":x,W=p.relativeTo,b=p.renderTo,P=p.shouldFlip,z=void 0!==P&&P,F=e(p,["anchorElement","as","innerRef","keepInView","lockScrollWhileOpen","matchWidths","offset","open","onKeyDown","onRequestClose","placement","relativeTo","renderTo","shouldFlip"]),O=s("popover",F),S=O.zIndex,V=void 0===S?1e4:S,q=e(O,["zIndex"]),B=r.useRef(null),C=r.useRef(null),g=r.useRef(null),A=r.useRef(null),H=r.useState(b),N=H[0],_=H[1],G=function(){C.current&&(C.current.destroy(),C.current=null),A.current&&(A.current(),A.current=null),g.current&&(g.current(),g.current=null)},J=function(e){"Escape"===e.key&&k&&(D&&e.nativeEvent.stopImmediatePropagation(),k()),K&&K(e)};return r.useEffect((function(){return function(){!1===D&&G()}}),[D]),r.useEffect((function(){D&&C.current&&C.current.update()})),r.useEffect((function(){void 0===N&&a&&_(f(a))}),[a]),r.useImperativeHandle(m,(function(){return{focusAnchor:function(){B.current&&B.current.focus&&B.current.focus()}}})),r.createElement(u,{renderTo:N},"function"==typeof a?a({innerRef:function(e){return B.current=e},onKeyDown:J}):r.cloneElement(a,{innerRef:function(e){var n;B.current=e,"function"==typeof a.props.innerRef?a.props.innerRef(e):(null===(n=a.props.innerRef)||void 0===n?void 0:n.current)&&(a.props.innerRef.current=e)},onKeyDown:function(e){J(e),a.props.onKeyDown&&a.props.onKeyDown(e)}}),D?r.createElement(v,n({innerRef:function(e){if(e){if(null===C.current){var n=W?W.current||W:B.current;C.current=o(n,e,{placement:T,modifiers:l({matchWidths:E,offset:I,keepInView:y,shouldFlip:z})}),A.current&&A.current(),A.current=c(e),w&&(g.current&&g.current(),g.current=i(e))}}else G();"function"==typeof R?R(e):(null==R?void 0:R.current)&&(R.current=e)},width:"auto",onKeyDown:function(e){J(e),K&&K(e)},style:{zIndex:V}},q)):null)}));p.displayName="Popover";export{p as Popover};
+import{__rest as e,__assign as n}from'./../ext/tslib/tslib.es6.js';import{createPopper as r}from"@popperjs/core";import*as o from"react";import{Box as t}from"../Box/Box.js";import{Portal as u}from"../Portal/Portal.js";import{useThemeProps as i}from"../system/utils.js";import{lockScroll as c}from"../utils.js";import f from"./rewireTabOrder.js";import{getFixedParent as l,getModifiers as s}from"./utils.js";var p=o.forwardRef((function(p,m){var a=p.anchorElement,d=p.as,v=void 0===d?t:d,R=p.innerRef,h=p.keepInView,y=void 0===h||h,w=p.lockScrollWhileOpen,E=p.matchWidths,j=p.offset,I=void 0===j?8:j,D=p.open,K=p.onKeyDown,k=p.onRequestClose,x=p.placement,T=void 0===x?"bottom":x,W=p.relativeTo,b=p.renderTo,P=p.shouldFlip,z=void 0!==P&&P,F=e(p,["anchorElement","as","innerRef","keepInView","lockScrollWhileOpen","matchWidths","offset","open","onKeyDown","onRequestClose","placement","relativeTo","renderTo","shouldFlip"]),O=i("popover",F),S=O.zIndex,V=void 0===S?1e4:S,q=e(O,["zIndex"]),B=o.useRef(null),C=o.useRef(null),g=o.useRef(null),A=o.useRef(null),H=o.useState(b),N=H[0],_=H[1],G=function(){C.current&&(C.current.destroy(),C.current=null),A.current&&(A.current(),A.current=null),g.current&&(g.current(),g.current=null)},J=function(e){"Escape"===e.key&&k&&(D&&e.nativeEvent.stopImmediatePropagation(),k()),K&&K(e)};return o.useEffect((function(){return function(){!1===D&&G()}}),[D]),o.useEffect((function(){D&&C.current&&C.current.update()})),o.useEffect((function(){void 0===N&&a&&_(l(a))}),[a]),o.useImperativeHandle(m,(function(){return{focusAnchor:function(){B.current&&B.current.focus&&B.current.focus()}}})),o.createElement(u,{renderTo:N},"function"==typeof a?a({innerRef:function(e){return B.current=e},onKeyDown:J}):o.cloneElement(a,{innerRef:function(e){var n;B.current=e,"function"==typeof a.props.innerRef?a.props.innerRef(e):(null===(n=a.props.innerRef)||void 0===n?void 0:n.current)&&(a.props.innerRef.current=e)},onKeyDown:function(e){J(e),a.props.onKeyDown&&a.props.onKeyDown(e)}}),D?o.createElement(v,n({innerRef:function(e){if(e){if(null===C.current){var n=W?W.current||W:B.current;C.current=r(n,e,{modifiers:s({keepInView:y,matchWidths:E,offset:I,shouldFlip:z}),placement:T}),A.current&&A.current(),A.current=f(e),w&&(g.current&&g.current(),g.current=c(e))}}else G();"function"==typeof R?R(e):(null==R?void 0:R.current)&&(R.current=e)},onKeyDown:function(e){J(e),K&&K(e)},style:{zIndex:V},width:"auto"},q)):null)}));p.displayName="Popover";export{p as Popover};
 //# sourceMappingURL=Popover.js.map

package/dist/Popover/utils.js

@@ -1,2 +1,2 @@
-import e from"popper-max-size-modifier";function t(t){var n=t.matchWidths,i=t.offset,o=t.keepInView,a=t.shouldFlip;return[e,{name:"applyMaxSize",enabled:!0,phase:"beforeWrite",requires:["maxSize"],fn:function(e){var t=e.state,n=t.modifiersData.maxSize.height;t.styles.popper.maxHeight="".concat(n,"px")}},{name:"matchWidths",enabled:Boolean(n),phase:"write",requires:["computeStyles"],fn:function(){},effect:function(e){var t=e.state,i=t.elements.reference.offsetWidth;"minimum"===n?i>t.elements.popper.offsetWidth&&(t.elements.popper.style.minWidth="".concat(i,"px")):t.elements.popper.style.width="".concat(i,"px")}},{name:"offset",options:{offset:[0,i]}},{name:"preventOverflow",enabled:o},{name:"flip",enabled:a}]}function n(e){var t=e.offsetParent;return t?"fixed"!==getComputedStyle(t).position?n(t):t:null}export{n as getFixedParent,t as getModifiers};
+import e from"popper-max-size-modifier";function t(t){var n=t.matchWidths,i=t.offset,o=t.keepInView,a=t.shouldFlip;return[e,{enabled:!0,fn:function(e){var t=e.state,n=t.modifiersData.maxSize.height;t.styles.popper.maxHeight="".concat(n,"px")},name:"applyMaxSize",phase:"beforeWrite",requires:["maxSize"]},{effect:function(e){var t=e.state,i=t.elements.reference.offsetWidth;"minimum"===n?i>t.elements.popper.offsetWidth&&(t.elements.popper.style.minWidth="".concat(i,"px")):t.elements.popper.style.width="".concat(i,"px")},enabled:Boolean(n),fn:function(){},name:"matchWidths",phase:"write",requires:["computeStyles"]},{name:"offset",options:{offset:[0,i]}},{enabled:o,name:"preventOverflow"},{enabled:a,name:"flip"}]}function n(e){var t=e.offsetParent;return t?"fixed"!==getComputedStyle(t).position?n(t):t:null}export{n as getFixedParent,t as getModifiers};
 //# sourceMappingURL=utils.js.map

package/dist/Portal/Portal.d.ts

@@ -2,11 +2,11 @@ import * as React from 'react';
 import { Theme } from '../index';
 export type PortalProps = {
     children: any;
-    style?: React.CSSProperties;
-    renderTo?: HTMLElement | string;
-    renderTag?: string;
-    onUpdate?: () => void;
     getPortalNode?: (HTMLElement: any) => void;
+    onUpdate?: () => void;
+    renderTag?: string;
+    renderTo?: HTMLElement | string;
+    style?: React.CSSProperties;
 };
 declare class Portal extends React.Component<PortalProps> {
     static defaultProps: {

package/dist/Portal/Portal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../src/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,GAAG,CAAA;IAGb,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAG3B,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAG/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAGlB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAGrB,aAAa,CAAC,EAAE,CAAC,WAAW,KAAA,KAAK,IAAI,CAAA;CACtC,CAAA;AAGD,cAAM,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IAC/C,MAAM,CAAC,YAAY;;;MAGlB;IAED,MAAM,CAAC,WAAW,kCAAe;IACzB,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;IAExD,WAAW,EAAE,WAAW,GAAG,IAAI,CAAO;IACtC,YAAY,UAAQ;IACpB,QAAQ,UAAQ;IAEhB,iBAAiB;IAQjB,kBAAkB;IAwBlB,oBAAoB;IAIpB,eAAe;IAIf,gBAAgB;IAShB,YAAY;IAYZ,aAAa;IA4Bb,aAAa,CAAC,SAAS,KAAA;IAIvB,cAAc;IAUd,MAAM;CAaP;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../src/Portal/Portal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGhC,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,EAAE,GAAG,CAAA;IAGb,aAAa,CAAC,EAAE,CAAC,WAAW,KAAA,KAAK,IAAI,CAAA;IAGrC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IAGrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAGlB,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAG/B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B,CAAA;AAGD,cAAM,MAAO,SAAQ,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC;IAC/C,MAAM,CAAC,YAAY;;;MAGlB;IAED,MAAM,CAAC,WAAW,kCAAe;IACzB,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;IAExD,WAAW,EAAE,WAAW,GAAG,IAAI,CAAO;IACtC,YAAY,UAAQ;IACpB,QAAQ,UAAQ;IAEhB,iBAAiB;IAQjB,kBAAkB;IAwBlB,oBAAoB;IAIpB,eAAe;IAIf,gBAAgB;IAShB,YAAY;IAYZ,aAAa;IA4Bb,aAAa,CAAC,SAAS,KAAA;IAIvB,cAAc;IAUd,MAAM;CAaP;AAED,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/Portal/Portal.js

@@ -1,2 +1,2 @@
-import{__extends as e,__rest as t}from'./../ext/tslib/tslib.es6.js';import*as r from"react";import{createPortal as o}from"react-dom";import{getThemeDataAttribute as a}from"../ThemeProvider/styles.js";import{ThemeContext as n}from"@emotion/react";var i=function(i){function l(){var e=null!==i&&i.apply(this,arguments)||this;return Object.defineProperty(e,"_portalNode",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"_needsUpdate",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(e,"_updated",{enumerable:!0,configurable:!0,writable:!0,value:!1}),e}return e(l,i),Object.defineProperty(l.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this._getSecondChild()&&(this._setupPortal(),this._updatePortal())}}),Object.defineProperty(l.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this._getSecondChild();e&&!this._portalNode?this._setupPortal():!e&&this._portalNode&&this._destroyPortal(),e&&this._updatePortal(),this._needsUpdate&&(this._updated?(this.props.onUpdate&&this.props.onUpdate(),this._updated=!1,this._needsUpdate=!1):(this.forceUpdate(),this._updated=!0))}}),Object.defineProperty(l.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this._destroyPortal()}}),Object.defineProperty(l.prototype,"_getSecondChild",{enumerable:!1,configurable:!0,writable:!0,value:function(){return r.Children.toArray(this.props.children)[1]}}),Object.defineProperty(l.prototype,"_getRenderToNode",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.renderTo;return"string"==typeof e?document.querySelector(e):e||document.body}}),Object.defineProperty(l.prototype,"_setupPortal",{enumerable:!1,configurable:!0,writable:!0,value:function(){"undefined"!=typeof document&&(this._portalNode=document.createElement(this.props.renderTag),this._getRenderToNode().appendChild(this._portalNode),this.props.getPortalNode&&this.props.getPortalNode(this._portalNode)),this.forceUpdate(),this._needsUpdate=!0}}),Object.defineProperty(l.prototype,"_updatePortal",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props;r.renderTo,r.renderTag,r.onUpdate,r.getPortalNode;var o=r.style;r.children;var n=t(r,["renderTo","renderTag","onUpdate","getPortalNode","style","children"]);Object.keys(n).forEach((function(t){e._portalNode.setAttribute(t,n[t])})),this._portalNode.classList.add("tapestry-react-reset"),this._portalNode.setAttribute(a(this.context.id),"true"),o&&Object.keys(o).forEach((function(t){e._portalNode.style[t]=o[t]}))}}),Object.defineProperty(l.prototype,"_renderPortal",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return o(e,this._portalNode)}}),Object.defineProperty(l.prototype,"_destroyPortal",{enumerable:!1,configurable:!0,writable:!0,value:function(){this._portalNode&&(this._portalNode.parentNode.removeChild(this._portalNode),this.props.getPortalNode&&this.props.getPortalNode(null)),this._portalNode=null}}),Object.defineProperty(l.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=r.Children.toArray(this.props.children),t=e[0],o=e[1];return this._portalNode?r.createElement(r.Fragment,null,t,this._renderPortal(o)):t}}),Object.defineProperty(l,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{renderTag:"div",renderTo:null}}),Object.defineProperty(l,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:n}),l}(r.Component);export{i as Portal};
+import{__extends as e,__rest as t}from'./../ext/tslib/tslib.es6.js';import{ThemeContext as r}from"@emotion/react";import*as o from"react";import{createPortal as a}from"react-dom";import{getThemeDataAttribute as n}from"../ThemeProvider/styles.js";var i=function(i){function l(){var e=null!==i&&i.apply(this,arguments)||this;return Object.defineProperty(e,"_portalNode",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"_needsUpdate",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(e,"_updated",{enumerable:!0,configurable:!0,writable:!0,value:!1}),e}return e(l,i),Object.defineProperty(l.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this._getSecondChild()&&(this._setupPortal(),this._updatePortal())}}),Object.defineProperty(l.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this._getSecondChild();e&&!this._portalNode?this._setupPortal():!e&&this._portalNode&&this._destroyPortal(),e&&this._updatePortal(),this._needsUpdate&&(this._updated?(this.props.onUpdate&&this.props.onUpdate(),this._updated=!1,this._needsUpdate=!1):(this.forceUpdate(),this._updated=!0))}}),Object.defineProperty(l.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this._destroyPortal()}}),Object.defineProperty(l.prototype,"_getSecondChild",{enumerable:!1,configurable:!0,writable:!0,value:function(){return o.Children.toArray(this.props.children)[1]}}),Object.defineProperty(l.prototype,"_getRenderToNode",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.renderTo;return"string"==typeof e?document.querySelector(e):e||document.body}}),Object.defineProperty(l.prototype,"_setupPortal",{enumerable:!1,configurable:!0,writable:!0,value:function(){"undefined"!=typeof document&&(this._portalNode=document.createElement(this.props.renderTag),this._getRenderToNode().appendChild(this._portalNode),this.props.getPortalNode&&this.props.getPortalNode(this._portalNode)),this.forceUpdate(),this._needsUpdate=!0}}),Object.defineProperty(l.prototype,"_updatePortal",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props;r.renderTo,r.renderTag,r.onUpdate,r.getPortalNode;var o=r.style;r.children;var a=t(r,["renderTo","renderTag","onUpdate","getPortalNode","style","children"]);Object.keys(a).forEach((function(t){e._portalNode.setAttribute(t,a[t])})),this._portalNode.classList.add("tapestry-react-reset"),this._portalNode.setAttribute(n(this.context.id),"true"),o&&Object.keys(o).forEach((function(t){e._portalNode.style[t]=o[t]}))}}),Object.defineProperty(l.prototype,"_renderPortal",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return a(e,this._portalNode)}}),Object.defineProperty(l.prototype,"_destroyPortal",{enumerable:!1,configurable:!0,writable:!0,value:function(){this._portalNode&&(this._portalNode.parentNode.removeChild(this._portalNode),this.props.getPortalNode&&this.props.getPortalNode(null)),this._portalNode=null}}),Object.defineProperty(l.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=o.Children.toArray(this.props.children),t=e[0],r=e[1];return this._portalNode?o.createElement(o.Fragment,null,t,this._renderPortal(r)):t}}),Object.defineProperty(l,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{renderTag:"div",renderTo:null}}),Object.defineProperty(l,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:r}),l}(o.Component);export{i as Portal};
 //# sourceMappingURL=Portal.js.map

package/dist/Progress/Progress.d.ts

@@ -1,6 +1,6 @@
 export type Props = {
-    value?: number;
     activeColor?: string;
+    value?: number;
 };
 declare const Progress: ({ value, ...restProps }: Props) => JSX.Element;
 export default Progress;

package/dist/Progress/Progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/Progress/Progress.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,KAAK,GAAG;IAIlB,KAAK,CAAC,EAAE,MAAM,CAAA;IAId,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,QAAQ,4BAA6B,KAAK,KAAG,WA8BlD,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/Progress/Progress.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,KAAK,GAAG;IAIlB,WAAW,CAAC,EAAE,MAAM,CAAA;IAIpB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,QAAA,MAAM,QAAQ,4BAA6B,KAAK,KAAG,WA8BlD,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/Radio/Radio.d.ts

@@ -1,17 +1,18 @@
-import React, { ReactNode, ComponentProps } from 'react';
+import React, { ComponentProps, ReactNode } from 'react';
 import StackView from '../StackView';
 export type RadioProps = ComponentProps<typeof StackView> & {
+    checked?: boolean;
     disabled?: boolean;
-    label?: ReactNode;
+    error?: boolean;
     id?: string | number;
-    checked?: boolean;
+    label?: ReactNode;
     name?: string;
-    value?: ComponentProps<'input'>['value'];
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    value?: ComponentProps<'input'>['value'];
 };
-declare const Radio: ({ checked, disabled, id, label, name, onBlur, onChange, onFocus, size, value, ...restProps }: RadioProps) => JSX.Element;
+declare const Radio: ({ checked, disabled, error, id, label, name, onBlur, onChange, onFocus, size, value, ...restProps }: RadioProps) => JSX.Element;
 export default Radio;
 //# sourceMappingURL=Radio.d.ts.map

package/dist/Radio/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAA;AAKd,OAAO,SAAS,MAAM,cAAc,CAAA;AAUpC,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAI1D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,KAAK,CAAC,EAAE,SAAS,CAAA;IAKjB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKpB,OAAO,CAAC,EAAE,OAAO,CAAA;IAKjB,IAAI,CAAC,EAAE,MAAM,CAAA;IAKb,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAA;IAKxC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAKvC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAK/D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAK7D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC7D,CAAA;AAID,QAAA,MAAM,KAAK,iGAYR,UAAU,KAAG,WA0Gf,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/Radio/Radio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,cAAc,EAEd,SAAS,EAIV,MAAM,OAAO,CAAA;AAId,OAAO,SAAS,MAAM,cAAc,CAAA;AAKpC,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAI1D,OAAO,CAAC,EAAE,OAAO,CAAA;IAKjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,KAAK,CAAC,EAAE,OAAO,CAAA;IAKf,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKpB,KAAK,CAAC,EAAE,SAAS,CAAA;IAKjB,IAAI,CAAC,EAAE,MAAM,CAAA;IAKb,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAK5D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAK/D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAK7D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAKvC,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAA;CACzC,CAAA;AAKD,QAAA,MAAM,KAAK,wGAaR,UAAU,KAAG,WAwJf,CAAA;AAED,eAAe,KAAK,CAAA"}