@planningcenter/tapestry-react 4.1.0 → 4.2.0

package/dist/Radio/Radio.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o,{useRef as r,useState as a,useEffect as i}from"react";import n from"mitt";import{Box as s}from"../Box/Box.js";import l from"../Icon/Icon.js";import{StackView as c}from"../StackView/StackView.js";import{Text as m}from"../Text/Text.js";import{VariantProvider as f}from"../VariantProvider/VariantProvider.js";import{useThemeValue as d}from"../system/utils.js";var u="tapestry.radio0",p="tapestry.radio1",v=n(),h=function(n){var h=n.checked,k=n.disabled,b=n.id,g=n.label,x=n.name,y=n.onBlur,j=n.onChange,E=n.onFocus,z=n.size,S=void 0===z?"xs":z,B=n.value,F=e(n,["checked","disabled","id","label","name","onBlur","onChange","onFocus","size","value"]),I=d("radio"),P=r(),V=a(!1),w=V[0],C=V[1],O=a(!1),R=O[0],T=O[1];return i((function(){function e(e){C(e===P.current)}return v.on(x,e),function(){v.off(x,e)}}),[]),o.createElement(f,{checked:void 0===h?w:h,focus:R},o.createElement(c,t({as:g?"label":"span",inline:!0,axis:"horizontal",alignment:"center",shrink:0,opacity:k?.5:void 0,cursor:k?"not-allowed":void 0,position:"relative"},F),o.createElement(s,{innerRef:P,as:"input",type:"radio",id:String(b),name:x,checked:h,value:B,disabled:k,onChange:function(e){v.emit(x,e.target),j&&j(e)},onFocus:function(e){T(!0),E&&E(e)},onBlur:function(e){T(!1),y&&y(e)},position:"absolute",top:0,left:0,zIndex:0,opacity:0}),o.createElement(l,{className:"tapestry-react-Radio-Icon",size:S},o.createElement(l.Path,{name:u,fill:I.fill,stroke:I.stroke,transform:"scale(1)",transformOrigin:"center center",transition:"all 180ms ease-out",variants:{hover:{transform:"scale(1.125)"},focus:{transform:"scale(1.125)",stroke:I.focusStroke},active:{transform:"scale(1)"},checked:{fill:I.checkedFill,stroke:I.checkedStroke}}}),o.createElement(l.Path,{name:p,fill:"#fff",transform:"scale(0)",transformOrigin:"center center",transition:"all 180ms ease-out",variants:{checked:{visibility:"visible",transform:"scale(1)",transition:"all 120ms ease-out"}}})),g&&o.createElement(m,{fontSize:4,lineHeight:2.5,marginLeft:.5},g)))};export{h as default};
+import{__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import e from"mitt";import i,{useRef as d,useState as a,useEffect as t}from"react";import{Box as l}from"../Box/Box.js";import{designTokens as n}from"../designTokens/index.js";import{StackView as s}from"../StackView/StackView.js";import{useThemeValue as c}from"../system/utils.js";import{Text as m}from"../Text/Text.js";import{VariantProvider as v}from"../VariantProvider/VariantProvider.js";var p=e(),u={xs:10,sm:12,md:14,lg:18,xl:32},f=function(e){var f=e.checked,x=void 0===f?void 0:f,b=e.disabled,h=void 0!==b&&b,k=e.error,g=void 0!==k&&k,C=e.id,j=void 0===C?void 0:C,w=e.label,z=void 0===w?void 0:w,B=e.name,E=void 0===B?void 0:B,S=e.onBlur,y=void 0===S?void 0:S,F=e.onChange,V=void 0===F?void 0:F,T=e.onFocus,P=void 0===T?void 0:T,R=e.size,W=void 0===R?"xs":R,H=e.value,I=void 0===H?void 0:H,_=o(e,["checked","disabled","error","id","label","name","onBlur","onChange","onFocus","size","value"]),q=c("radio"),A=d(),D=a(!1),G=D[0],J=D[1],K=a(!1),L=K[0],M=K[1],N=(null==q?void 0:q.checkedFill)||n.radio.checkedColor,O=(null==q?void 0:q.size)||W,Q=h?{}:g?{border:"1px solid ".concat(n.radio.errorColor),boxShadow:"0 0 4px 1px rgba(194, 68, 48, 0.2)"}:{border:"1px solid ".concat(n.radio.checkedColor),boxShadow:"0 0 4px 1px rgba(69, 143, 255, 0.2)"};return t((function(){function o(o){J(o===A.current)}return p.on(E,o),function(){p.off(E,o)}}),[]),i.createElement(v,{checked:void 0===x?G:x,focus:L},i.createElement(s,r({as:z?"label":"span",inline:!0,axis:"horizontal",alignment:"center",shrink:0,cursor:h?"not-allowed":void 0,position:"relative",spacing:1},_),i.createElement(l,{innerRef:A,as:"input",type:"radio",id:String(j),name:E,checked:x,value:I,disabled:h,onChange:function(o){p.emit(E,o.target),V&&V(o)},onFocus:function(o){M(!0),P&&P(o)},onBlur:function(o){M(!1),y&&y(o)},position:"absolute",top:0,left:0,zIndex:0,opacity:0}),i.createElement(l,{as:"svg",border:"1px solid transparent",borderRadius:"50%",height:"".concat(u[O]+4,"px"),id:"radio",margin:"-4px",padding:"1px",position:"relative",right:"-2px",role:"img",transform:"translate(0px, 0px)",variants:{active:Q,focus:Q},viewBox:"0 0 16 16",width:"".concat(u[O]+4,"px")},i.createElement(l,{as:"circle",cx:"8",cy:"8",fill:h?n.radio.disabled.fillColor:n.radio.fillColor,r:"8",stroke:h?n.radio.disabled.borderColor:g?n.radio.errorColor:n.radio.borderColor,strokeWidth:"2",transition:"all 180ms ease-out",variants:{active:!h&&{stroke:h?n.radio.disabled.checkedColor:g?n.radio.errorColor:N},checked:{fill:n.radio.fillColor,stroke:h?n.radio.disabled.checkedColor:g?n.radio.errorColor:N,strokeWidth:8}}})),z&&i.createElement(m,{color:h?n.radio.disabled.labelColor:n.radio.labelColor,fontSize:4,lineHeight:2.5},z)))};export{f as default};
 //# sourceMappingURL=Radio.js.map

package/dist/RangeSlider/RangeSlider.d.ts

@@ -1,15 +1,15 @@
 export type Props = {
-    value?: number;
-    min?: number;
+    disabled?: boolean;
     max?: number;
-    step?: number;
+    min?: number;
     onChange?: Function;
+    step?: number;
+    value?: number;
     variant?: {
-        track?: Object;
         progress?: Object;
         thumb?: Object;
+        track?: Object;
     };
-    disabled?: boolean;
 };
 declare function RangeSlider(props: Props): JSX.Element;
 export default RangeSlider;

package/dist/RangeSlider/RangeSlider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../src/RangeSlider/RangeSlider.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,KAAK,GAAG;IAIlB,KAAK,CAAC,EAAE,MAAM,CAAA;IAId,GAAG,CAAC,EAAE,MAAM,CAAA;IAIZ,GAAG,CAAC,EAAE,MAAM,CAAA;IAIZ,IAAI,CAAC,EAAE,MAAM,CAAA;IAIb,QAAQ,CAAC,EAAE,QAAQ,CAAA;IAInB,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IAID,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,KAAK,eA+MhC;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../src/RangeSlider/RangeSlider.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,KAAK,GAAG;IAIlB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAIlB,GAAG,CAAC,EAAE,MAAM,CAAA;IAIZ,GAAG,CAAC,EAAE,MAAM,CAAA;IAIZ,QAAQ,CAAC,EAAE,QAAQ,CAAA;IAInB,IAAI,CAAC,EAAE,MAAM,CAAA;IAIb,KAAK,CAAC,EAAE,MAAM,CAAA;IAId,OAAO,CAAC,EAAE;QACR,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;CACF,CAAA;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,KAAK,eA+MhC;AAED,eAAe,WAAW,CAAA"}

package/dist/RangeSlider/RangeSlider.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import n,{useRef as r,useState as o}from"react";import{snap as a,clamp as i}from"@popmotion/popcorn";import{Box as u}from"../Box/Box.js";import"mousetrap";import{useMeasure as c}from"../hooks/use-measure.js";import{useThemeProps as s}from"../system/utils.js";function d(d){var m=d.min,l=void 0===m?0:m,v=d.max,f=void 0===v?100:v,p=d.step,h=void 0===p?1:p,g=d.disabled,b=d.value,w=d.onChange,E=e(d,["min","max","step","disabled","value","onChange"]),L=s("rangeSlider",E),y=L.variant,k=void 0===y?{}:y,D=e(L,["variant"]),x=a(h),C=r(),R=r(),B=r(),j=r(),A=r(),K=c(),X=K[0],M=K[1],O=o(0),S=O[0],U=O[1],H=o(0),I=H[0],T=H[1],V=S-I;function W(e){return x(i(l,f,e))}function _(e){return e.touches?e.touches[0].pageX:e.pageX}function q(e){return(e-l)/(f-l)*V}function z(e){var t,n=_(e),r=W((t=function(e){var t=C.current.getBoundingClientRect().left;return e-(window.pageXOffset+t)-I/2}(n),t/V*(f-l)+l));j.current=n,A.current=r,document.addEventListener("mousemove",F),document.addEventListener("mouseup",G),document.addEventListener("mouseleave",G),document.addEventListener("touchmove",F),document.addEventListener("touchend",G),document.addEventListener("touchcancel",G),e.preventDefault(),B.current.focus(),w(r)}function F(e){var t=function(e){var t=e/(S-I)*(f-l);return W(A.current+t)}(_(e)-j.current);e.preventDefault(),w(t)}function G(){document.removeEventListener("mousemove",F),document.removeEventListener("mouseup",G),document.removeEventListener("mouseleave",G),document.removeEventListener("touchmove",F),document.removeEventListener("touchend",G),document.removeEventListener("touchcancel",G)}return X(C),M((function(){var e=C.current.getBoundingClientRect(),t=e.left,n=e.right,r=B.current.getBoundingClientRect().width;U(Math.abs(n-t)),T(r)}),[]),n.createElement(u,t({innerRef:C,width:"100%",paddingVertical:.5,position:"relative",cursor:g?"not-allowed":"pointer",opacity:g?.65:void 0,onMouseDown:g?void 0:z,onTouchStart:g?void 0:z},D),n.createElement(u,t({innerRef:R,height:.5,radius:6,overflow:"hidden",backgroundColor:"grey-3",position:"relative"},k.track),n.createElement(u,t({position:"absolute",top:0,right:0,bottom:0,left:0,transformOrigin:"center left",backgroundColor:"primary",style:{transform:"scaleX(".concat(1-(V-q(b))/(S-I),")")}},k.progress))),n.createElement(u,t({innerRef:B,tabIndex:0,role:"slider","aria-valuenow":b,"aria-valuemin":l,"aria-valuemax":f,"aria-disabled":g,onKeyDown:g?void 0:function(e){if(!(e.ctrlKey||e.shiftKey||e.altKey))switch(e.key){case"ArrowLeft":case"ArrowDown":case"Left":case"Down":e.preventDefault(),w(W(b-h));break;case"ArrowRight":case"ArrowUp":case"Right":case"Up":e.preventDefault(),w(W(b+h));break;case"Home":e.preventDefault(),w(l);break;case"End":e.preventDefault(),w(f)}},width:1.5,height:1.5,radius:"circle",position:"absolute",top:"50%",left:0,backgroundColor:"grey-1",stroke:"grey-6",strokeWeight:1,style:{transform:"translate(".concat(q(b),"px, -50%)")}},k.thumb)))}export{d as default};
+import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{snap as n,clamp as r}from"@popmotion/popcorn";import o,{useRef as a,useState as i}from"react";import{Box as u}from"../Box/Box.js";import"mousetrap";import{useMeasure as c}from"../hooks/use-measure.js";import{useThemeProps as s}from"../system/utils.js";function d(d){var m=d.min,l=void 0===m?0:m,v=d.max,f=void 0===v?100:v,p=d.step,h=void 0===p?1:p,g=d.disabled,b=d.value,w=d.onChange,E=e(d,["min","max","step","disabled","value","onChange"]),L=s("rangeSlider",E),y=L.variant,k=void 0===y?{}:y,D=e(L,["variant"]),x=n(h),C=a(),R=a(),B=a(),j=a(),A=a(),K=c(),X=K[0],M=K[1],O=i(0),S=O[0],U=O[1],H=i(0),I=H[0],T=H[1],V=S-I;function W(e){return x(r(l,f,e))}function _(e){return e.touches?e.touches[0].pageX:e.pageX}function q(e){return(e-l)/(f-l)*V}function z(e){var t,n=_(e),r=W((t=function(e){var t=C.current.getBoundingClientRect().left;return e-(window.pageXOffset+t)-I/2}(n),t/V*(f-l)+l));j.current=n,A.current=r,document.addEventListener("mousemove",F),document.addEventListener("mouseup",G),document.addEventListener("mouseleave",G),document.addEventListener("touchmove",F),document.addEventListener("touchend",G),document.addEventListener("touchcancel",G),e.preventDefault(),B.current.focus(),w(r)}function F(e){var t=function(e){var t=e/(S-I)*(f-l);return W(A.current+t)}(_(e)-j.current);e.preventDefault(),w(t)}function G(){document.removeEventListener("mousemove",F),document.removeEventListener("mouseup",G),document.removeEventListener("mouseleave",G),document.removeEventListener("touchmove",F),document.removeEventListener("touchend",G),document.removeEventListener("touchcancel",G)}return X(C),M((function(){var e=C.current.getBoundingClientRect(),t=e.left,n=e.right,r=B.current.getBoundingClientRect().width;U(Math.abs(n-t)),T(r)}),[]),o.createElement(u,t({innerRef:C,width:"100%",paddingVertical:.5,position:"relative",cursor:g?"not-allowed":"pointer",opacity:g?.65:void 0,onMouseDown:g?void 0:z,onTouchStart:g?void 0:z},D),o.createElement(u,t({innerRef:R,height:.5,radius:6,overflow:"hidden",backgroundColor:"grey-3",position:"relative"},k.track),o.createElement(u,t({position:"absolute",top:0,right:0,bottom:0,left:0,transformOrigin:"center left",backgroundColor:"primary",style:{transform:"scaleX(".concat(1-(V-q(b))/(S-I),")")}},k.progress))),o.createElement(u,t({innerRef:B,tabIndex:0,role:"slider","aria-valuenow":b,"aria-valuemin":l,"aria-valuemax":f,"aria-disabled":g,onKeyDown:g?void 0:function(e){if(!(e.ctrlKey||e.shiftKey||e.altKey))switch(e.key){case"ArrowLeft":case"ArrowDown":case"Left":case"Down":e.preventDefault(),w(W(b-h));break;case"ArrowRight":case"ArrowUp":case"Right":case"Up":e.preventDefault(),w(W(b+h));break;case"Home":e.preventDefault(),w(l);break;case"End":e.preventDefault(),w(f)}},width:1.5,height:1.5,radius:"circle",position:"absolute",top:"50%",left:0,backgroundColor:"grey-1",stroke:"grey-6",strokeWeight:1,style:{transform:"translate(".concat(q(b),"px, -50%)")}},k.thumb)))}export{d as default};
 //# sourceMappingURL=RangeSlider.js.map

package/dist/ScreenReader/ScreenReader.js

@@ -1,2 +1,2 @@
-import{__assign as t}from'./../ext/tslib/tslib.es6.js';import i from"react";import{Box as o}from"../Box/Box.js";function e(e){return i.createElement(o,t({css:{width:"1px",height:"1px",padding:0,margin:"-1px",border:0,position:"absolute",clip:"rect(1px, 1px, 1px, 1px)",overflow:"hidden","&:focus-within":{width:"auto",height:"auto",margin:0,clip:"auto",position:"static",overflow:"initial"}}},e))}export{e as default};
+import{__assign as t}from'./../ext/tslib/tslib.es6.js';import i from"react";import{Box as o}from"../Box/Box.js";function e(e){return i.createElement(o,t({css:{"&:focus-within":{clip:"auto",height:"auto",margin:0,overflow:"initial",position:"static",width:"auto"},border:0,clip:"rect(1px, 1px, 1px, 1px)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",width:"1px"}},e))}export{e as default};
 //# sourceMappingURL=ScreenReader.js.map

package/dist/Scrim/Scrim.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 type ScrimProps = {
-    ref?: any;
     children?: any;
+    ref?: any;
 };
 declare const Scrim: React.ForwardRefExoticComponent<Pick<ScrimProps, "children"> & React.RefAttributes<unknown>>;
 export { Scrim };

package/dist/Scrim/Scrim.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Scrim.d.ts","sourceRoot":"","sources":["../../src/Scrim/Scrim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,KAAK,UAAU,GAAG;IAEhB,GAAG,CAAC,EAAE,GAAG,CAAA;IACT,QAAQ,CAAC,EAAE,GAAG,CAAA;CACf,CAAA;AAED,QAAA,MAAM,KAAK,8FAyBT,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"Scrim.d.ts","sourceRoot":"","sources":["../../src/Scrim/Scrim.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,KAAK,UAAU,GAAG;IAChB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAEd,GAAG,CAAC,EAAE,GAAG,CAAA;CACV,CAAA;AAED,QAAA,MAAM,KAAK,8FAyBT,CAAA;AAEF,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/Section/Section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/Section/Section.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEtD,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG;IACxC,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,iBAAS,OAAO,CAAC,EACf,OAAY,EACZ,QAAQ,EACR,KAAK,EACL,WAAW,EACX,oBAAoB,EACpB,MAAM,EACN,KAAK,EACL,GAAG,SAAS,EACb,EAAE,YAAY,eA4Bd;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/Section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOtC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEtD,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG;IACxC,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,iBAAS,OAAO,CAAC,EACf,OAAY,EACZ,QAAQ,EACR,KAAK,EACL,WAAW,EACX,oBAAoB,EACpB,MAAM,EACN,KAAK,EACL,GAAG,SAAS,EACb,EAAE,YAAY,eA4Bd;AAED,eAAe,OAAO,CAAA"}

package/dist/Section/Section.js

@@ -1,2 +1,2 @@
-import{__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import e from"react";import r from"../Heading/Heading.js";import s from"../Toolbar/Toolbar.js";import{StackView as n}from"../StackView/StackView.js";import{useThemeProps as a}from"../system/utils.js";function i(i){var l=i.actions,c=void 0===l?[]:l,u=i.children,m=i.count,p=i.helpContent,d=i.onStatusClearRequest,C=i.status,f=i.title,h=t(i,["actions","children","count","helpContent","onStatusClearRequest","status","title"]),b=a("section",h),g=b.countColor,j=b.headingProps,S=b.toolbarProps,P=t(b,["countColor","headingProps","toolbarProps"]);return e.createElement(n,o({as:"section"},P),e.createElement(s,o({title:e.createElement(r,o({level:3},j),f),helpContent:p,actions:c,count:m,countColor:g,status:C,onStatusClearRequest:d,marginBottom:2},S)),u)}export{i as default};
+import{__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import e from"react";import r from"../Heading/Heading.js";import{StackView as s}from"../StackView/StackView.js";import{useThemeProps as n}from"../system/utils.js";import a from"../Toolbar/Toolbar.js";function i(i){var l=i.actions,c=void 0===l?[]:l,u=i.children,m=i.count,p=i.helpContent,d=i.onStatusClearRequest,C=i.status,f=i.title,h=t(i,["actions","children","count","helpContent","onStatusClearRequest","status","title"]),b=n("section",h),g=b.countColor,j=b.headingProps,S=b.toolbarProps,P=t(b,["countColor","headingProps","toolbarProps"]);return e.createElement(s,o({as:"section"},P),e.createElement(a,o({title:e.createElement(r,o({level:3},j),f),helpContent:p,actions:c,count:m,countColor:g,status:C,onStatusClearRequest:d,marginBottom:2},S)),u)}export{i as default};
 //# sourceMappingURL=Section.js.map

package/dist/SegmentedControl/SegmentedControl.d.ts

@@ -3,8 +3,8 @@ type Props = {
     activeSegment?: string;
     color?: string;
     onChange: Function;
-    segments: Array<any>;
     segmentBasis?: number | string;
+    segments: Array<any>;
     size?: 'xs' | 'sm' | 'md' | 'lg';
 };
 declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;

package/dist/SegmentedControl/SegmentedControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAA;AAOd,KAAK,KAAK,GAAG;IACX,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,QAAQ,CAAA;IAClB,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACjC,CAAA;;AA6GD,wBAA2C"}
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../src/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAA;AAOd,KAAK,KAAK,GAAG;IACX,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,QAAQ,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACjC,CAAA;;AA6GD,wBAA2C"}

package/dist/SegmentedControl/SegmentedControl.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import n,{forwardRef as i,useCallback as o,useRef as r,useState as s,useImperativeHandle as a,useEffect as m}from"react";import l from"../Button/Button.js";import u from"../Input/InputBox.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import{useThemeProps as c,navigateSize as d}from"../system/utils.js";import"../system/style-names.js";import"lodash";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"lodash/includes";import"@emotion/react";import"../system/cxs.js";var p=i((function(i,p){var v=o((function(e){return void 0===e.activeSegment?0:e.segments.indexOf(e.activeSegment)}),[i.activeSegment,i.segments]),f=r(null),g=c("segmentedControl",i),y=g.activeSegment,b=g.color,h=void 0===b?"primary":b,j=g.disabled,k=g.onChange,S=g.segments,w=g.segmentBasis,B=void 0===w?"auto":w,x=g.size,z=void 0===x?"md":x,C=e(g,["activeSegment","color","disabled","onChange","segments","segmentBasis","size"]),A=s(v(i)),D=A[0],E=A[1],I=o((function(e){var t;return null===(t=f.current)||void 0===t?void 0:t.focus(e)}),[f]),L=o((function(e){var t=S[e];t&&(void 0===y&&E(e),k&&k(t.title||t),I(e))}),[S,y,k,I]),K=o((function(e){if(k&&("ArrowLeft"===e.key||"ArrowRight"===e.key)){var t="ArrowLeft"===e.key?-1:1,n=D+t;e.preventDefault(),L(n)}}),[k,D,L]),O=o((function(){var e;return null===(e=f.current)||void 0===e?void 0:e.blur()}),[f]);return a(p,(function(){return{focus:I,blur:O}})),m((function(){var e=v(i);D!==e&&E(e)}),[y]),n.createElement(u,t({ref:f,size:z,includeSpacing:!0,evenPadding:!0,role:"group",cursor:"initial",disabled:j},C),S.map((function(i,o){var r=i.title,s=e(i,["title"]),a=r?s:{};return n.createElement(l,t({key:o,grow:1,size:d(z,-1),basis:B,theme:o===D?h:void 0,variant:o===D?"fill":"naked",title:r||i,disabled:j,onKeyDown:K,onClick:function(){return o!==D&&L(o)}},a))})))}));export{p as default};
+import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import n,{forwardRef as i,useCallback as r,useRef as o,useState as s,useImperativeHandle as a,useEffect as m}from"react";import{Button as l}from"../Button/Button.js";import u from"../Input/InputBox.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as c,navigateSize as d}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@emotion/react";import"../system/cxs.js";var p=i((function(i,p){var v=r((function(e){return void 0===e.activeSegment?0:e.segments.indexOf(e.activeSegment)}),[i.activeSegment,i.segments]),f=o(null),g=c("segmentedControl",i),y=g.activeSegment,b=g.color,h=void 0===b?"primary":b,j=g.disabled,k=g.onChange,S=g.segments,w=g.segmentBasis,B=void 0===w?"auto":w,x=g.size,z=void 0===x?"md":x,C=e(g,["activeSegment","color","disabled","onChange","segments","segmentBasis","size"]),A=s(v(i)),D=A[0],E=A[1],I=r((function(e){var t;return null===(t=f.current)||void 0===t?void 0:t.focus(e)}),[f]),L=r((function(e){var t=S[e];t&&(void 0===y&&E(e),k&&k(t.title||t),I(e))}),[S,y,k,I]),K=r((function(e){if(k&&("ArrowLeft"===e.key||"ArrowRight"===e.key)){var t="ArrowLeft"===e.key?-1:1,n=D+t;e.preventDefault(),L(n)}}),[k,D,L]),O=r((function(){var e;return null===(e=f.current)||void 0===e?void 0:e.blur()}),[f]);return a(p,(function(){return{blur:O,focus:I}})),m((function(){var e=v(i);D!==e&&E(e)}),[y]),n.createElement(u,t({ref:f,size:z,includeSpacing:!0,evenPadding:!0,role:"group",cursor:"initial",disabled:j},C),S.map((function(i,r){var o=i.title,s=e(i,["title"]),a=o?s:{};return n.createElement(l,t({key:r,grow:1,size:d(z,-1),basis:B,theme:r===D?h:void 0,variant:r===D?"fill":"naked",title:o||i,disabled:j,onKeyDown:K,onClick:function(){return r!==D&&L(r)}},a))})))}));export{p as default};
 //# sourceMappingURL=SegmentedControl.js.map

package/dist/SegmentedTabs/SegmentedTabs.d.ts

@@ -10,8 +10,8 @@ type Props = {
     color?: string;
     getTabLabel?: Function;
     onChange: Function;
-    tabs: any[];
     tabProps: ComponentProps<typeof Tab>;
+    tabs: any[];
 };
 declare function SegmentedTabs(props: Props): JSX.Element;
 export default SegmentedTabs;

package/dist/SegmentedTabs/SegmentedTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedTabs.d.ts","sourceRoot":"","sources":["../../src/SegmentedTabs/SegmentedTabs.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAoC,cAAc,EAAE,MAAM,OAAO,CAAA;AAM/E,iBAAS,GAAG,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE;;;;;CAAA,eAqBjE;AAED,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,QAAQ,EAAE,QAAQ,CAAA;IAClB,IAAI,EAAE,GAAG,EAAE,CAAA;IAEX,QAAQ,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAA;CACrC,CAAA;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,KAAK,eAuElC;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"SegmentedTabs.d.ts","sourceRoot":"","sources":["../../src/SegmentedTabs/SegmentedTabs.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAoC,MAAM,OAAO,CAAA;AAM/E,iBAAS,GAAG,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE;;;;;CAAA,eAqBjE;AAED,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,QAAQ,EAAE,QAAQ,CAAA;IAElB,QAAQ,EAAE,cAAc,CAAC,OAAO,GAAG,CAAC,CAAA;IACpC,IAAI,EAAE,GAAG,EAAE,CAAA;CACZ,CAAA;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,KAAK,eAuElC;AAED,eAAe,aAAa,CAAA"}

package/dist/SegmentedTabs/SegmentedTabs.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o,{useCallback as r,useState as i,useEffect as n}from"react";import{Text as a}from"../Text/Text.js";import{StackView as l}from"../StackView/StackView.js";import{useThemeProps as c}from"../system/utils.js";function s(r){var i=r.isSelected,n=r.selectedColor,l=r.onSelect,c=e(r,["isSelected","selectedColor","onSelect"]);return o.createElement(a,t({as:"button",tabIndex:i?-1:void 0,position:"relative",fontSize:4,fontWeight:i?600:void 0,padding:1,borderBottomWidth:2,borderBottomColor:i?n:"separatorTertiary",textAlign:"center",userSelect:"none",cursor:i?void 0:"pointer",hover:{borderBottomColor:i?void 0:"separatorSecondary"},onClick:i?void 0:l},c))}function d(a){var d=c("segmentedTabs",a),u=d.activeTab,b=d.color,f=void 0===b?"primary":b,m=d.getTabLabel,v=void 0===m?function(e){return e}:m,p=d.onChange,S=d.tabs,g=d.tabProps,T=e(d,["activeTab","color","getTabLabel","onChange","tabs","tabProps"]),x=r((function(e){var t=e.activeTab,o=e.tabs;return"function"==typeof t?o.reduce((function(e,o,r){return t(o,r)&&(e=r),e}),null):void 0===t?0:o.indexOf(t)}),[u,S]),C=i(x(a)),h=C[0],y=C[1],j=r((function(e){void 0===u&&y(e),p&&p(S[e])}),[u,y,p,S]);return n((function(){var e=x(a);h!==e&&y(e)}),[u]),o.createElement(l,t({role:"group",axis:"horizontal",distribution:"fill",position:"relative"},T),S.map((function(e,r){return o.createElement(s,t({key:r,index:r,isSelected:r===h,selectedColor:f,onSelect:function(){return j(r)}},g),v(e))})))}export{d as default};
+import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o,{useCallback as r,useState as i,useEffect as n}from"react";import{StackView as a}from"../StackView/StackView.js";import{useThemeProps as l}from"../system/utils.js";import{Text as c}from"../Text/Text.js";function s(r){var i=r.isSelected,n=r.selectedColor,a=r.onSelect,l=e(r,["isSelected","selectedColor","onSelect"]);return o.createElement(c,t({as:"button",tabIndex:i?-1:void 0,position:"relative",fontSize:4,fontWeight:i?600:void 0,padding:1,borderBottomWidth:2,borderBottomColor:i?n:"separatorTertiary",textAlign:"center",userSelect:"none",cursor:i?void 0:"pointer",hover:{borderBottomColor:i?void 0:"separatorSecondary"},onClick:i?void 0:a},l))}function d(c){var d=l("segmentedTabs",c),u=d.activeTab,b=d.color,f=void 0===b?"primary":b,m=d.getTabLabel,v=void 0===m?function(e){return e}:m,p=d.onChange,S=d.tabs,g=d.tabProps,T=e(d,["activeTab","color","getTabLabel","onChange","tabs","tabProps"]),x=r((function(e){var t=e.activeTab,o=e.tabs;return"function"==typeof t?o.reduce((function(e,o,r){return t(o,r)&&(e=r),e}),null):void 0===t?0:o.indexOf(t)}),[u,S]),C=i(x(c)),h=C[0],y=C[1],j=r((function(e){void 0===u&&y(e),p&&p(S[e])}),[u,y,p,S]);return n((function(){var e=x(c);h!==e&&y(e)}),[u]),o.createElement(a,t({role:"group",axis:"horizontal",distribution:"fill",position:"relative"},T),S.map((function(e,r){return o.createElement(s,t({key:r,index:r,isSelected:r===h,selectedColor:f,onSelect:function(){return j(r)}},g),v(e))})))}export{d as default};
 //# sourceMappingURL=SegmentedTabs.js.map

package/dist/Select/Context.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 declare const SelectContext: import("react").Context<{
-    multiple?: boolean;
     canSelectOption: {
         current: boolean;
     };
+    multiple?: boolean;
 }>;
 export default SelectContext;
 //# sourceMappingURL=Context.d.ts.map

package/dist/Select/Context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../src/Select/Context.ts"],"names":[],"mappings":";AACA,QAAA,MAAM,aAAa;eACN,OAAO;qBACD;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE;EAC1B,CAAA;AACb,eAAe,aAAa,CAAA"}
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../src/Select/Context.ts"],"names":[],"mappings":";AACA,QAAA,MAAM,aAAa;qBACA;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE;eAC1B,OAAO;EACP,CAAA;AACb,eAAe,aAAa,CAAA"}

package/dist/Select/Inline.d.ts

@@ -1,7 +1,8 @@
+import { StyleProps } from '..';
 type Props = {
+    focus?: StyleProps['focus'];
+    hover?: StyleProps['hover'];
     light?: boolean;
-    hover?: object;
-    focus?: object;
     readOnly?: boolean;
 };
 declare function Inline({ light, hover, focus, readOnly, ...restProps }: Props): JSX.Element;

package/dist/Select/Inline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../src/Select/Inline.tsx"],"names":[],"mappings":"AAIA,KAAK,KAAK,GAAG;IAIX,KAAK,CAAC,EAAE,OAAO,CAAA;IAIf,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,iBAAS,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,eAyBrE;kBAzBQ,MAAM;;;AA6Bf,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../src/Select/Inline.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAA;AAG/B,KAAK,KAAK,GAAG;IAIX,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAI3B,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAK3B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,iBAAS,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,eAyBrE;kBAzBQ,MAAM;;;AA6Bf,eAAe,MAAM,CAAA"}

package/dist/Select/Option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../src/Select/Option.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAKtE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,IAAI,MAAM,SAAS,CAAA;AAM1B,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,GAAG;IAChE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAA;IACjE,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,UAAU,CAAC,CAAA;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,GAAG,CAAA;CACZ,CAAA;AAED,cAAM,MAAO,SAAQ,SAAS,CAAC,KAAK,CAAC;IACnC,MAAM,CAAC,WAAW,SAAkB;IAEpC,MAAM;CAoDP;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../src/Select/Option.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAKtE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,IAAI,MAAM,SAAS,CAAA;AAK1B,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,GAAG;IAChE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,QAAQ,CAAA;IACjE,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,UAAU,CAAC,CAAA;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,GAAG,CAAA;CACZ,CAAA;AAED,cAAM,MAAO,SAAQ,SAAS,CAAC,KAAK,CAAC;IACnC,MAAM,CAAC,WAAW,SAAkB;IAEpC,MAAM;CAoDP;AAED,eAAe,MAAM,CAAA"}

package/dist/Select/Select.d.ts

@@ -1,46 +1,57 @@
-import { Component, ComponentProps, ReactElement } from 'react';
+import { Placement } from '@popperjs/core';
+import { Component, ComponentProps, ReactNode } from 'react';
 import Input from '../Input';
 import { ItemList } from '../ItemList';
-import Value from './Value';
-import { toggleValue } from './utils';
 import Inline from './Inline';
-import OptionGroup from './OptionGroup';
 import Option from './Option';
-import { Placement } from '@popperjs/core';
-type Props = ComponentProps<typeof Input.InputBox> & {
-    emptyValue?: any;
+import OptionGroup from './OptionGroup';
+import { toggleValue } from './utils';
+import Value from './Value';
+type ValueBase = boolean | string | number | null | undefined;
+type ValueFindFn = (item?: ValueBase) => boolean;
+type Value = ValueBase | ValueFindFn;
+type Props<V extends Value | Value[], IsMultiple extends boolean = false> = {
+    children?: ReactNode;
+    defaultOpen?: boolean;
+    defaultValue?: IsMultiple extends true ? V[] : V;
     disabled?: boolean;
+    emptyValue?: any;
     innerRef?: any;
-    defaultOpen?: boolean;
-    multiple?: boolean;
+    keepInView?: boolean;
+    lockScrollWhileOpen?: boolean;
+    matchWidths?: boolean | 'minimum';
+    multiple?: IsMultiple;
     name?: string;
-    onChange?: Function;
-    children?: any;
+    onChange?: IsMultiple extends true ? (event: {
+        selectedValue: V;
+        value: V[];
+    }) => void : (event: {
+        selectedValue: V;
+        value: V;
+    }) => void;
     options?: Array<{
         label?: string;
         optgroup?: Array<{
             label?: string;
-            value?: any;
+            value?: V;
         }>;
-        value?: any;
+        value?: V;
     }>;
-    renderValue?: number | string | ReactElement | Array<any> | Function;
-    tooltip?: Object;
-    value?: boolean | string | number | Array<any> | Function;
-    defaultValue?: boolean | string | number | Array<any> | Function;
-    lockScrollWhileOpen?: boolean;
-    matchWidths?: boolean | 'minimum';
-    keepInView?: boolean;
     placement?: Placement;
-    renderTo?: HTMLElement | string;
     popoverProps?: object;
+    renderTo?: HTMLElement | string;
+    renderValue?: (item: any) => ReactNode;
+    tooltip?: Object;
+    value?: IsMultiple extends true ? V[] : V;
 };
+type InheritedProps<IgnoredKeys extends string> = Omit<ComponentProps<typeof Input.InputBox>, IgnoredKeys>;
+type SelectProps<V extends Value | Value[], IsMultiple extends boolean = false> = Props<V, IsMultiple> & InheritedProps<keyof Props<V, IsMultiple>>;
 declare function MenuList(props: any): JSX.Element;
-declare class Select extends Component<Props> {
+declare class Select<V extends Value | Value[] = Value | Value[], IsMultiple extends boolean = false> extends Component<SelectProps<V, IsMultiple>> {
     static displayName: string;
     static defaultProps: {
-        emptyValue: JSX.Element;
         defaultOpen: boolean;
+        emptyValue: JSX.Element;
         lockScrollWhileOpen: boolean;
         matchWidths: string;
         renderValue: (selectedOptions: any) => JSX.Element;
@@ -56,16 +67,16 @@ declare class Select extends Component<Props> {
     id: string;
     canCallFocus: boolean;
     contextValue: {
-        multiple: any;
         canSelectOption: {
             current: boolean;
         };
+        multiple: IsMultiple;
     };
     state: {
-        isPopoverOpen: any;
+        isPopoverOpen: boolean;
         isPopoverVisible: boolean;
         selectedOptions: any[];
-        uncontrolledValue: any;
+        uncontrolledValue: any[] | (IsMultiple extends true ? V[] : V);
     };
     componentDidMount(): void;
     componentDidUpdate(): void;
@@ -80,7 +91,7 @@ declare class Select extends Component<Props> {
     getSortedSelectedOptions(value: any): any[];
     getValue: () => any;
     getHiddenInputValues: () => JSX.Element[];
-    getSelected: (item: any) => any;
+    getSelected: (item: any) => boolean;
     handleSelect: (item: any) => void;
     highlightFirstSelectedOption: () => void;
     highlightLastSelectedOption: () => void;

package/dist/Select/Select.d.ts.map

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

package/dist/Select/Select.js

@@ -1,2 +1,2 @@
-import{__extends as e,__spreadArray as t,__rest as n,__assign as o}from'./../ext/tslib/tslib.es6.js';import r,{Component as i}from"react";import l from"../FocusGroup/FocusGroup.js";import a from"../Icon/Icon.js";import u from"../Input/Input.js";import c from"../ItemList/ItemList.js";import p from"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import s from"../Menu/Menu.js";import{Popover as d}from"../Popover/Popover.js";import f from"../Tooltip/Tooltip.js";import{joinChildren as m,generateId as b,isArray as v,isFunction as g,isValueInArray as h,shallowEqual as O}from"../utils.js";import{SELECT_DISPLAY_NAME as y}from"./constants.js";import P from"./Context.js";import S from"./Value.js";import{toggleValue as w,optionsToElements as j,getSelectedOptions as V,renderOptions as I}from"./utils.js";import{isEqual as x}from"lodash";import C from"./Inline.js";import L from"./OptionGroup.js";import k from"./Option.js";function E(e){return r.createElement(s,o({},e,{as:"ul"}))}var D=function(i){function s(){var e=null!==i&&i.apply(this,arguments)||this;return Object.defineProperty(e,"input",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"popover",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"id",{enumerable:!0,configurable:!0,writable:!0,value:b("select")}),Object.defineProperty(e,"canCallFocus",{enumerable:!0,configurable:!0,writable:!0,value:!0}),Object.defineProperty(e,"contextValue",{enumerable:!0,configurable:!0,writable:!0,value:{multiple:e.props.multiple,canSelectOption:{current:!1}}}),Object.defineProperty(e,"state",{enumerable:!0,configurable:!0,writable:!0,value:{isPopoverOpen:e.props.defaultOpen,isPopoverVisible:!1,selectedOptions:[],uncontrolledValue:void 0===e.props.defaultValue?e.props.multiple?[]:null:e.props.defaultValue}}),Object.defineProperty(e,"addUserSelectStyle",{enumerable:!0,configurable:!0,writable:!0,value:function(){document.body.style.webkitUserSelect="none"}}),Object.defineProperty(e,"clearUserSelectStyle",{enumerable:!0,configurable:!0,writable:!0,value:function(){document.body.style.webkitUserSelect=""}}),Object.defineProperty(e,"openPopover",{enumerable:!0,configurable:!0,writable:!0,value:function(t){t&&(setTimeout((function(){e.contextValue.canSelectOption.current=!0}),300),setTimeout((function(){var t=e.state.selectedOptions;t.length>0&&e.itemList.scrollItemIntoViewByIndex(t[0].index)}))),e.setState({isPopoverOpen:!0,isPopoverVisible:t})}}),Object.defineProperty(e,"closePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.contextValue.canSelectOption.current=!1,e.setState({isPopoverOpen:!1,isPopoverVisible:!1}),e.itemList&&e.itemList.clearHighlightedIndex()}}),Object.defineProperty(e,"togglePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.state.isPopoverVisible&&e.state.isPopoverOpen?e.closePopover():e.openPopover(!0)}}),Object.defineProperty(e,"getValue",{enumerable:!0,configurable:!0,writable:!0,value:function(){if(e.state.selectedOptions.length>0){var t=e.isControlled()?e.props.value:e.state.uncontrolledValue;return e.props.renderValue(v(t)?e.getSortedSelectedOptions(t):e.state.selectedOptions)}return e.props.emptyValue}}),Object.defineProperty(e,"getHiddenInputValues",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.props.name,n=e.state.selectedOptions;return t&&n.length>0?n.map((function(e,n){return r.createElement("input",{key:n,name:t,type:"hidden",value:e.value})})):null}}),Object.defineProperty(e,"getSelected",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var n=e.props.value,o=e.state.uncontrolledValue;return e.isControlled()?g(n)?n(t):v(n)?h(n,t)>-1:n===t:v(o)?h(o,t)>-1:o===t}}),Object.defineProperty(e,"handleSelect",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var n=e.props,o=n.multiple,r=n.value,i=t;e.isControlled()?v(r)&&(i=s.toggleValue(e.props.value,t)):(o&&(i=s.toggleValue(e.state.uncontrolledValue,t)),e.setState({uncontrolledValue:i},e.setSelectedOptions)),e.props.onChange&&e.props.onChange({selectedValue:t,value:i}),!o&&e.state.isPopoverVisible&&e.focusInput()}}),Object.defineProperty(e,"highlightFirstSelectedOption",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.state.selectedOptions;t.length>0?e.itemList.setHighlightedIndex(t[0].index):e.itemList.moveHighlightedIndex(1,{contain:!0})}}),Object.defineProperty(e,"highlightLastSelectedOption",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.state.selectedOptions;t.length>0?e.itemList.setHighlightedIndex(t[Math.max(0,t.length-1)].index):e.itemList.moveHighlightedIndex(-1,{contain:!0})}}),Object.defineProperty(e,"focusInput",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.input&&(e.contextValue.canSelectOption.current=!1,e.setState({isPopoverVisible:!1}),e.canCallFocus=!1,e.input.focus(),e.canCallFocus=!0)}}),e}return e(s,i),Object.defineProperty(s.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){"undefined"!=typeof document&&document.addEventListener("mouseup",this.clearUserSelectStyle),this.setSelectedOptions()}}),Object.defineProperty(s.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.isControlled()&&this.setSelectedOptions()}}),Object.defineProperty(s.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){"undefined"!=typeof document&&(document.removeEventListener("mouseup",this.clearUserSelectStyle),this.clearUserSelectStyle())}}),Object.defineProperty(s.prototype,"isControlled",{enumerable:!1,configurable:!0,writable:!0,value:function(){return void 0!==this.props.value}}),Object.defineProperty(s.prototype,"setSelectedOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.options?j(this.props.options):this.props.children,t=V(e,this.getSelected);O(this.state.selectedOptions.map((function(e){return e.value})),t.map((function(e){return e.value})))&&x(this.state.selectedOptions.map((function(e){return e.children})),t.map((function(e){return e.children})))||this.setState({selectedOptions:t})}}),Object.defineProperty(s.prototype,"getSortedSelectedOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return t([],this.state.selectedOptions,!0).sort((function(t,n){return h(e,t.value)-h(e,n.value)}))}}),Object.defineProperty(s.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props,i=t.children;t.defaultValue;var s=t.disabled;t.emptyValue;var m=t.innerRef;t.defaultOpen;var b=t.keepInView,v=t.lockScrollWhileOpen,g=t.matchWidths,h=t.multiple;t.name;var O=t.onBlur;t.onChange,t.onClick;var y=t.onFocus,S=t.onKeyDown,w=t.onMouseDown,V=t.onMouseUp,x=t.options,C=t.placement,L=t.popoverProps,k=t.renderTo;t.renderValue;var D=t.tooltip;t.value;var F=n(t,["children","defaultValue","disabled","emptyValue","innerRef","defaultOpen","keepInView","lockScrollWhileOpen","matchWidths","multiple","name","onBlur","onChange","onClick","onFocus","onKeyDown","onMouseDown","onMouseUp","options","placement","popoverProps","renderTo","renderValue","tooltip","value"]),U=this.state,H=U.isPopoverOpen,R=U.isPopoverVisible;return r.createElement(P.Provider,{value:this.contextValue},r.createElement(l,{onBlur:this.closePopover},(function(t){var n=t.requestBlur,l=t.setRef;return r.createElement(c,{ref:function(t){return e.itemList=t},selected:e.getSelected,onSelect:e.handleSelect},(function(t){var c=t.getItemByText,P=t.getHighlightedIndex,U=t.moveHighlightedIndex,T=t.selectHighlightedItem,B=t.setHighlightedIndex,M=t.selectItemByIndex,W=t.stringSearch;return r.createElement(d,o({},L,{ref:function(t){e.popover=t},innerRef:function(t){l("".concat(e.id,"-popover"))(t)},as:E,tabIndex:-1,"aria-labelledby":e.id,"aria-multiselectable":h,role:"listbox",display:R?void 0:"none",minWidth:16,padding:0,elevation:2,matchWidths:g,lockScrollWhileOpen:!!R&&v,keepInView:b,placement:C,renderTo:k,open:H,onRequestClose:function(){return e.setState({isPopoverVisible:!1})},onBlur:n,onKeyDown:function(t){switch(t.key){case"ArrowUp":t.preventDefault(),R?U(-1,{contain:!0}):(e.openPopover(!0),setTimeout((function(){e.highlightLastSelectedOption()})));break;case"ArrowDown":t.preventDefault(),R?U(1,{contain:!0}):(e.openPopover(!0),setTimeout((function(){e.highlightFirstSelectedOption()})));break;case"Enter":R&&(t.preventDefault(),T());break;case"Escape":H&&!R&&(t.preventDefault(),e.closePopover());break;case" ":t.preventDefault(),null===P()?(e.togglePopover(),setTimeout((function(){e.highlightFirstSelectedOption()}))):R?T():e.openPopover(!0);break;default:W(t).then((function(e){var t=c(e);t&&(R?B(t.props.index):M(t.props.index))}))}},anchorElement:function(t){var i=s?{}:{onFocus:function(t){e.canCallFocus&&e.openPopover(!1),y&&y(t)},onBlur:function(e){n(e),O&&O(e)},onMouseDown:function(t){0===t.button&&(e.addUserSelectStyle(),e.canCallFocus=!1,e.togglePopover()),w&&w(t)},onMouseUp:function(t){e.canCallFocus=!0,V&&V(t)},onKeyDown:function(e){t.onKeyDown(e),S&&S(e)}};return r.createElement(p,null,(function(n){var c=n.getHighlightedItemId;return r.createElement(f,o({triggerOnHover:!R,triggerOnFocus:!R},D),r.createElement(u.InputBox,o({innerRef:function(n){"function"==typeof t.innerRef?t.innerRef(n):t.innerRef&&t.innerRef.current&&(t.innerRef.current=n),e.input=n,l("".concat(e.id,"-button"))(n),m&&m(n)},id:e.id,tabIndex:0,role:"combobox",disabled:s,"aria-disabled":s,"aria-haspopup":R,"aria-expanded":R,"aria-activedescendant":c(),cursor:"pointer",userSelect:"none",touchAction:"manipulation",focusChildrenOnFocus:!1,renderRight:r.createElement(a,{name:R?"general.upCaret":"general.downCaret"})},F,i),e.getValue(),e.getHiddenInputValues()))}))}}),I(x?j(x):i))}))})))}}),Object.defineProperty(s,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:y}),Object.defineProperty(s,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{emptyValue:r.createElement(S,null,"Select an item"),defaultOpen:!1,lockScrollWhileOpen:!0,matchWidths:"minimum",renderValue:function(e){return r.createElement(S,null,m(e.map((function(e){return e.children}))))}}}),s}(i);D.Inline=C,D.Option=k,D.OptionGroup=L,D.Value=S,D.toggleValue=w;export{D as default};
+import{__extends as e,__spreadArray as t,__rest as n,__assign as o}from'./../ext/tslib/tslib.es6.js';import r from"lodash/isEqual";import i,{Component as l}from"react";import a from"../FocusGroup/FocusGroup.js";import u from"../Icon/Icon.js";import c from"../Input/Input.js";import p from"../ItemList/ItemList.js";import s from"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import d from"../Menu/Menu.js";import{Popover as f}from"../Popover/Popover.js";import m from"../Tooltip/Tooltip.js";import{joinChildren as b,generateId as v,isArray as g,isValueInArray as h,shallowEqual as O}from"../utils.js";import{SELECT_DISPLAY_NAME as y}from"./constants.js";import P from"./Context.js";import S from"./Inline.js";import w from"./Option.js";import j from"./OptionGroup.js";import{toggleValue as V,optionsToElements as I,getSelectedOptions as x,renderOptions as C}from"./utils.js";import L from"./Value.js";function k(e){return i.createElement(d,o({},e,{as:"ul"}))}var E=function(l){function d(){var e=null!==l&&l.apply(this,arguments)||this;return Object.defineProperty(e,"input",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"popover",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"id",{enumerable:!0,configurable:!0,writable:!0,value:v("select")}),Object.defineProperty(e,"canCallFocus",{enumerable:!0,configurable:!0,writable:!0,value:!0}),Object.defineProperty(e,"contextValue",{enumerable:!0,configurable:!0,writable:!0,value:{canSelectOption:{current:!1},multiple:e.props.multiple}}),Object.defineProperty(e,"state",{enumerable:!0,configurable:!0,writable:!0,value:{isPopoverOpen:e.props.defaultOpen,isPopoverVisible:!1,selectedOptions:[],uncontrolledValue:void 0===e.props.defaultValue?e.props.multiple?[]:null:e.props.defaultValue}}),Object.defineProperty(e,"addUserSelectStyle",{enumerable:!0,configurable:!0,writable:!0,value:function(){document.body.style.webkitUserSelect="none"}}),Object.defineProperty(e,"clearUserSelectStyle",{enumerable:!0,configurable:!0,writable:!0,value:function(){document.body.style.webkitUserSelect=""}}),Object.defineProperty(e,"openPopover",{enumerable:!0,configurable:!0,writable:!0,value:function(t){t&&(setTimeout((function(){e.contextValue.canSelectOption.current=!0}),300),setTimeout((function(){var t=e.state.selectedOptions;t.length>0&&e.itemList.scrollItemIntoViewByIndex(t[0].index)}))),e.setState({isPopoverOpen:!0,isPopoverVisible:t})}}),Object.defineProperty(e,"closePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.contextValue.canSelectOption.current=!1,e.setState({isPopoverOpen:!1,isPopoverVisible:!1}),e.itemList&&e.itemList.clearHighlightedIndex()}}),Object.defineProperty(e,"togglePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.state.isPopoverVisible&&e.state.isPopoverOpen?e.closePopover():e.openPopover(!0)}}),Object.defineProperty(e,"getValue",{enumerable:!0,configurable:!0,writable:!0,value:function(){if(e.state.selectedOptions.length>0){var t=e.isControlled()?e.props.value:e.state.uncontrolledValue;return e.props.renderValue(g(t)?e.getSortedSelectedOptions(t):e.state.selectedOptions)}return e.props.emptyValue}}),Object.defineProperty(e,"getHiddenInputValues",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.props.name,n=e.state.selectedOptions;return t&&n.length>0?n.map((function(e,n){return i.createElement("input",{key:n,name:t,type:"hidden",value:e.value})})):null}}),Object.defineProperty(e,"getSelected",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var n=e.props.value,o=e.state.uncontrolledValue;return e.isControlled()?"function"==typeof n?n(t):g(n)?h(n,t)>-1:n===t:g(o)?h(o,t)>-1:o===t}}),Object.defineProperty(e,"handleSelect",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var n=e.props,o=n.multiple,r=n.value,i=t;e.isControlled()?g(r)&&(i=d.toggleValue(e.props.value,t)):(o&&(i=d.toggleValue(e.state.uncontrolledValue,t)),e.setState({uncontrolledValue:i},e.setSelectedOptions)),e.props.onChange&&e.props.onChange({selectedValue:t,value:i}),!o&&e.state.isPopoverVisible&&e.focusInput()}}),Object.defineProperty(e,"highlightFirstSelectedOption",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.state.selectedOptions;t.length>0?e.itemList.setHighlightedIndex(t[0].index):e.itemList.moveHighlightedIndex(1,{contain:!0})}}),Object.defineProperty(e,"highlightLastSelectedOption",{enumerable:!0,configurable:!0,writable:!0,value:function(){var t=e.state.selectedOptions;t.length>0?e.itemList.setHighlightedIndex(t[Math.max(0,t.length-1)].index):e.itemList.moveHighlightedIndex(-1,{contain:!0})}}),Object.defineProperty(e,"focusInput",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.input&&(e.contextValue.canSelectOption.current=!1,e.setState({isPopoverVisible:!1}),e.canCallFocus=!1,e.input.focus(),e.canCallFocus=!0)}}),e}return e(d,l),Object.defineProperty(d.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){"undefined"!=typeof document&&document.addEventListener("mouseup",this.clearUserSelectStyle),this.setSelectedOptions()}}),Object.defineProperty(d.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.isControlled()&&this.setSelectedOptions()}}),Object.defineProperty(d.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){"undefined"!=typeof document&&(document.removeEventListener("mouseup",this.clearUserSelectStyle),this.clearUserSelectStyle())}}),Object.defineProperty(d.prototype,"isControlled",{enumerable:!1,configurable:!0,writable:!0,value:function(){return void 0!==this.props.value}}),Object.defineProperty(d.prototype,"setSelectedOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.options?I(this.props.options):this.props.children,t=x(e,this.getSelected);O(this.state.selectedOptions.map((function(e){return e.value})),t.map((function(e){return e.value})))&&r(this.state.selectedOptions.map((function(e){return e.children})),t.map((function(e){return e.children})))||this.setState({selectedOptions:t})}}),Object.defineProperty(d.prototype,"getSortedSelectedOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return t([],this.state.selectedOptions,!0).sort((function(t,n){return h(e,t.value)-h(e,n.value)}))}}),Object.defineProperty(d.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props,r=t.children;t.defaultValue;var l=t.disabled;t.emptyValue;var d=t.innerRef;t.defaultOpen;var b=t.keepInView,v=t.lockScrollWhileOpen,g=t.matchWidths,h=t.multiple;t.name;var O=t.onBlur;t.onChange,t.onClick;var y=t.onFocus,S=t.onKeyDown,w=t.onMouseDown,j=t.onMouseUp,V=t.options,x=t.placement,L=t.popoverProps,E=t.renderTo;t.renderValue;var D=t.tooltip;t.value;var F=n(t,["children","defaultValue","disabled","emptyValue","innerRef","defaultOpen","keepInView","lockScrollWhileOpen","matchWidths","multiple","name","onBlur","onChange","onClick","onFocus","onKeyDown","onMouseDown","onMouseUp","options","placement","popoverProps","renderTo","renderValue","tooltip","value"]),U=this.state,H=U.isPopoverOpen,R=U.isPopoverVisible;return i.createElement(P.Provider,{value:this.contextValue},i.createElement(a,{onBlur:this.closePopover},(function(t){var n=t.requestBlur,a=t.setRef;return i.createElement(p,{ref:function(t){return e.itemList=t},selected:e.getSelected,onSelect:e.handleSelect},(function(t){var p=t.getItemByText,P=t.getHighlightedIndex,U=t.moveHighlightedIndex,T=t.selectHighlightedItem,B=t.setHighlightedIndex,M=t.selectItemByIndex,W=t.stringSearch;return i.createElement(f,o({},L,{ref:function(t){e.popover=t},innerRef:function(t){a("".concat(e.id,"-popover"))(t)},as:k,tabIndex:-1,"aria-labelledby":e.id,"aria-multiselectable":h,role:"listbox",display:R?void 0:"none",minWidth:16,padding:0,elevation:2,matchWidths:g,lockScrollWhileOpen:!!R&&v,keepInView:b,placement:x,renderTo:E,open:H,onRequestClose:function(){return e.setState({isPopoverVisible:!1})},onBlur:n,onKeyDown:function(t){switch(t.key){case"ArrowUp":t.preventDefault(),R?U(-1,{contain:!0}):(e.openPopover(!0),setTimeout((function(){e.highlightLastSelectedOption()})));break;case"ArrowDown":t.preventDefault(),R?U(1,{contain:!0}):(e.openPopover(!0),setTimeout((function(){e.highlightFirstSelectedOption()})));break;case"Enter":R&&(t.preventDefault(),T());break;case"Escape":H&&!R&&(t.preventDefault(),e.closePopover());break;case" ":t.preventDefault(),null===P()?(e.togglePopover(),setTimeout((function(){e.highlightFirstSelectedOption()}))):R?T():e.openPopover(!0);break;default:W(t).then((function(e){var t=p(e);t&&(R?B(t.props.index):M(t.props.index))}))}},anchorElement:function(t){var r=l?{}:{onBlur:function(e){n(e),O&&O(e)},onFocus:function(t){e.canCallFocus&&e.openPopover(!1),y&&y(t)},onKeyDown:function(e){t.onKeyDown(e),S&&S(e)},onMouseDown:function(t){0===t.button&&(e.addUserSelectStyle(),e.canCallFocus=!1,e.togglePopover()),w&&w(t)},onMouseUp:function(t){e.canCallFocus=!0,j&&j(t)}};return i.createElement(s,null,(function(n){var p=n.getHighlightedItemId;return i.createElement(m,o({triggerOnHover:!R,triggerOnFocus:!R},D),i.createElement(c.InputBox,o({innerRef:function(n){"function"==typeof t.innerRef?t.innerRef(n):t.innerRef&&t.innerRef.current&&(t.innerRef.current=n),e.input=n,a("".concat(e.id,"-button"))(n),d&&d(n)},id:e.id,tabIndex:0,role:"combobox",disabled:l,"aria-disabled":l,"aria-haspopup":R,"aria-expanded":R,"aria-activedescendant":p(),cursor:"pointer",userSelect:"none",touchAction:"manipulation",focusChildrenOnFocus:!1,renderRight:i.createElement(u,{name:R?"general.upCaret":"general.downCaret"})},F,r),e.getValue(),e.getHiddenInputValues()))}))}}),C(V?I(V):r))}))})))}}),Object.defineProperty(d,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:y}),Object.defineProperty(d,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{defaultOpen:!1,emptyValue:i.createElement(L,null,"Select an item"),lockScrollWhileOpen:!0,matchWidths:"minimum",renderValue:function(e){return i.createElement(L,null,b(e.map((function(e){return e.children}))))}}}),d}(l);E.Inline=S,E.Option=w,E.OptionGroup=j,E.Value=L,E.toggleValue=V;export{E as default};
 //# sourceMappingURL=Select.js.map

package/dist/Select/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/Select/utils.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,kBAAkB,CAAC,QAAQ,KAAA,EAAE,QAAQ,KAAA,SA2CpD;AAED,wBAAgB,aAAa,CAAC,QAAQ,KAAA,OAsBrC;AAED,wBAAgB,iBAAiB,CAAC,OAAO,KAAA,OAaxC;AAED,wBAAgB,WAAW,CAAC,UAAU,KAAA,EAAE,IAAI,KAAA,OAc3C"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/Select/utils.tsx"],"names":[],"mappings":"AAeA,wBAAgB,kBAAkB,CAAC,QAAQ,KAAA,EAAE,QAAQ,KAAA,SA2CpD;AAED,wBAAgB,aAAa,CAAC,QAAQ,KAAA,OAsBrC;AAED,wBAAgB,iBAAiB,CAAC,OAAO,KAAA,OAaxC;AAED,wBAAgB,WAAW,CAAC,UAAU,KAAA,EAAE,IAAI,KAAA,OAc3C"}

package/dist/Select/utils.js

@@ -1,2 +1,2 @@
-import{__spreadArray as r}from'./../ext/tslib/tslib.es6.js';import e,{Children as t,isValidElement as n,cloneElement as o}from"react";import{Box as p}from"../Box/Box.js";import i from"../Menu/Menu.js";import{shallowEqual as u}from"../utils.js";import{OPTIONGROUP_DISPLAY_NAME as l,OPTION_DISPLAY_NAME as a}from"./constants.js";import c from"./Option.js";import m from"./OptionGroup.js";function s(r,e){var o=[],p=-1;function i(r){var t=function(r){return p++,!!e(r.props.value)&&{index:p,value:r.props.value,text:r.props.text,children:"function"==typeof r.props.children?r.props.children():r.props.children}}(r);t&&o.push(t)}return t.toArray(r).forEach((function(r){n(r)&&(r.type.displayName===l&&t.toArray(r.props.children).filter(n).forEach((function(r){r.type.displayName===a&&i(r)})),r.type.displayName===a&&i(r))})),o}function f(r){var n=-1;function u(r){return n++,o(r,{index:n})}return t.map(r,(function(r){if(r){if(r.type.displayName===l)return e.createElement(p,null,e.createElement(i.Heading,null,r.props.title),t.map(r.props.children,u));if(r.type.displayName===a)return u(r)}return r}))}function d(r){return r.map((function(r){return r.optgroup?e.createElement(m,{title:r.label,children:r.optgroup.map((function(r){return e.createElement(c,{value:r.value},r.label)}))}):e.createElement(c,{value:r.value},r.label)}))}function y(e,t){var n=!1,o=e.reduce((function(e,o){return u(t,o)?(n=!0,e):r(r([],e,!0),[o],!1)}),[]);return n||o.push(t),o}export{s as getSelectedOptions,d as optionsToElements,f as renderOptions,y as toggleValue};
+import{__spreadArray as r}from'./../ext/tslib/tslib.es6.js';import e,{Children as t,isValidElement as n,cloneElement as o}from"react";import{Box as p}from"../Box/Box.js";import i from"../Menu/Menu.js";import{shallowEqual as u}from"../utils.js";import{OPTIONGROUP_DISPLAY_NAME as l,OPTION_DISPLAY_NAME as a}from"./constants.js";import c from"./Option.js";import m from"./OptionGroup.js";function s(r,e){var o=[],p=-1;function i(r){var t=function(r){return p++,!!e(r.props.value)&&{children:"function"==typeof r.props.children?r.props.children():r.props.children,index:p,text:r.props.text,value:r.props.value}}(r);t&&o.push(t)}return t.toArray(r).forEach((function(r){n(r)&&(r.type.displayName===l&&t.toArray(r.props.children).filter(n).forEach((function(r){r.type.displayName===a&&i(r)})),r.type.displayName===a&&i(r))})),o}function f(r){var n=-1;function u(r){return n++,o(r,{index:n})}return t.map(r,(function(r){if(r){if(r.type.displayName===l)return e.createElement(p,null,e.createElement(i.Heading,null,r.props.title),t.map(r.props.children,u));if(r.type.displayName===a)return u(r)}return r}))}function d(r){return r.map((function(r){return r.optgroup?e.createElement(m,{title:r.label,children:r.optgroup.map((function(r){return e.createElement(c,{value:r.value},r.label)}))}):e.createElement(c,{value:r.value},r.label)}))}function y(e,t){var n=!1,o=e.reduce((function(e,o){return u(t,o)?(n=!0,e):r(r([],e,!0),[o],!1)}),[]);return n||o.push(t),o}export{s as getSelectedOptions,d as optionsToElements,f as renderOptions,y as toggleValue};
 //# sourceMappingURL=utils.js.map

package/dist/Sidebar/Sidebar.d.ts

@@ -1,7 +1,7 @@
 import { jsx } from '@emotion/react';
 import { ReactElement } from 'react';
-import SidebarList from './SidebarList';
 import SidebarItem from './SidebarItem';
+import SidebarList from './SidebarList';
 type Props = {
     children: ReactElement<{}, typeof SidebarList | typeof SidebarItem>;
 };
@@ -11,8 +11,8 @@ declare namespace Sidebar {
     var Item: typeof SidebarItem;
 }
 declare const _default: typeof Sidebar & {
-    List: typeof SidebarList;
     Item: typeof SidebarItem;
+    List: typeof SidebarList;
 };
 export default _default;
 //# sourceMappingURL=Sidebar.d.ts.map

package/dist/Sidebar/Sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../src/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAGL,YAAY,EAGb,MAAM,OAAO,CAAA;AAMd,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,WAAW,MAAM,eAAe,CAAA;AAIvC,KAAK,KAAK,GAAG;IAEX,QAAQ,EAAE,YAAY,CAAC,EAAE,EAAE,OAAO,WAAW,GAAG,OAAO,WAAW,CAAC,CAAA;CACpE,CAAA;AAED,iBAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,mBAyBjD;kBAzBQ,OAAO;;;;;UA+BR,kBAAkB;UAClB,kBAAkB;;AAF1B,wBAGC"}
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../src/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAIL,YAAY,EAEb,MAAM,OAAO,CAAA;AAKd,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,WAAW,MAAM,eAAe,CAAA;AAIvC,KAAK,KAAK,GAAG;IAEX,QAAQ,EAAE,YAAY,CAAC,EAAE,EAAE,OAAO,WAAW,GAAG,OAAO,WAAW,CAAC,CAAA;CACpE,CAAA;AAED,iBAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,mBAyBjD;kBAzBQ,OAAO;;;;;UA+BR,kBAAkB;UAClB,kBAAkB;;AAF1B,wBAGC"}

package/dist/Sidebar/Sidebar.js

@@ -1,2 +1,2 @@
-import{__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import{jsx as r}from"@emotion/react";import{Children as e,isValidElement as s}from"react";import i from"react-sticky-box";import"../system/colors/colors.js";import"polished";import"../utils.js";import a from"../system/css.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"lodash/get";import"../system/style-names.js";import"lodash";import"lodash/includes";import"../system/cxs.js";import{StackView as m}from"../StackView/StackView.js";import n from"./SidebarList.js";import p from"./SidebarItem.js";var c=a({display:"flex",flexDirection:"column"});function l(a){var n=a.children,p=t(a,["children"]);return r(m,o({grow:1,paddingTop:2,boxShadow:"inset -8px 0px 8px -8px rgba(150, 150, 150, 0.25)",backgroundColor:"surfaceTertiary"},p),r(i,{css:c},e.map(n,(function(t){return s(t)&&t.type!==l.List&&t.type!==l.Item&&console.warn("Invalid component nesting. ".concat(t.type," cannot appear as a child of <Sidebar>. Only <Sidebar.List/> or <Sidebar.Item/> may be used.")),t}))))}l.List=n,l.Item=p;export{l as default};
+import{__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import{jsx as r}from"@emotion/react";import{Children as e,isValidElement as s}from"react";import i from"react-sticky-box";import{StackView as a}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import m from"../system/css.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"lodash/get";import"lodash/includes";import"../system/style-names.js";import"../system/cxs.js";import n from"./SidebarItem.js";import p from"./SidebarList.js";var c=m({display:"flex",flexDirection:"column"});function l(m){var n=m.children,p=t(m,["children"]);return r(a,o({grow:1,paddingTop:2,boxShadow:"inset -8px 0px 8px -8px rgba(150, 150, 150, 0.25)",backgroundColor:"surfaceTertiary"},p),r(i,{css:c},e.map(n,(function(t){return s(t)&&t.type!==l.List&&t.type!==l.Item&&console.warn("Invalid component nesting. ".concat(t.type," cannot appear as a child of <Sidebar>. Only <Sidebar.List/> or <Sidebar.Item/> may be used.")),t}))))}l.List=p,l.Item=n;export{l as default};
 //# sourceMappingURL=Sidebar.js.map

package/dist/Sidebar/SidebarItem.d.ts

@@ -1,6 +1,11 @@
 import { ComponentProps } from 'react';
 import List from '../List';
-type SidebarItemProps = ComponentProps<typeof List.Item>;
+interface Props {
+    active?: boolean;
+    url?: string;
+}
+type InheritedProps = Omit<ComponentProps<typeof List.Item>, keyof Props>;
+type SidebarItemProps = Props & InheritedProps;
 declare function SidebarItem({ active, url, ...restProps }: SidebarItemProps): JSX.Element;
 export default SidebarItem;
 //# sourceMappingURL=SidebarItem.d.ts.map

package/dist/Sidebar/SidebarItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarItem.d.ts","sourceRoot":"","sources":["../../src/Sidebar/SidebarItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,CAAA;AAExD,iBAAS,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,SAAS,EAAE,EAAE,gBAAgB,eA2BnE;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"SidebarItem.d.ts","sourceRoot":"","sources":["../../src/Sidebar/SidebarItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,UAAU,KAAK;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,GAAG,CAAC,EAAE,MAAM,CAAA;CACb;AACD,KAAK,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,MAAM,KAAK,CAAC,CAAA;AACzE,KAAK,gBAAgB,GAAG,KAAK,GAAG,cAAc,CAAA;AAE9C,iBAAS,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,SAAS,EAAE,EAAE,gBAAgB,eA2BnE;AAED,eAAe,WAAW,CAAA"}

package/dist/Sidebar/SidebarItem.js

@@ -1,2 +1,2 @@
-import{__rest as r,__assign as e}from'./../ext/tslib/tslib.es6.js';import o from"react";import t from"../List/List.js";function a(a){var i=a.active,n=a.url,s=r(a,["active","url"]),c=!i&&n,l=e({alignItems:"center",backgroundColor:"surfaceTertiary",boxShadow:"inset -8px 0px 8px -8px rgba(150, 150, 150, 0.25)",as:c?"a":"div",href:n,justifyContent:"space-between",lineHeight:"20px",shrink:0},s);return i&&(l.backgroundColor="surfaceSecondary",l.boxShadow="inset 0 -2px var(--colors-primary)",l.zIndex=1),c&&(l.hover={backgroundColor:"grey-2"}),o.createElement(t.Item,e({},l))}export{a as default};
+import{__rest as r,__assign as e}from'./../ext/tslib/tslib.es6.js';import o from"react";import{List as t}from"../List/List.js";function a(a){var i=a.active,n=a.url,s=r(a,["active","url"]),c=!i&&n,l=e({alignItems:"center",as:c?"a":"div",backgroundColor:"surfaceTertiary",boxShadow:"inset -8px 0px 8px -8px rgba(150, 150, 150, 0.25)",href:n,justifyContent:"space-between",lineHeight:"20px",shrink:0},s);return i&&(l.backgroundColor="surfaceSecondary",l.boxShadow="inset 0 -2px var(--colors-primary)",l.zIndex=1),c&&(l.hover={backgroundColor:"grey-2"}),o.createElement(t.Item,e({},l))}export{a as default};
 //# sourceMappingURL=SidebarItem.js.map

package/dist/Sidebar/SidebarList.js

@@ -1,2 +1,2 @@
-import{__assign as r}from'./../ext/tslib/tslib.es6.js';import o from"react";import e from"../List/List.js";function t(t){return o.createElement(e,r({as:"div",marginBottom:2,border:!0,borderColor:"separatorSecondary",shrink:0,divider:!0,dividerColor:"separatorSecondary"},t))}export{t as default};
+import{__assign as r}from'./../ext/tslib/tslib.es6.js';import o from"react";import{List as e}from"../List/List.js";function t(t){return o.createElement(e,r({as:"div",marginBottom:2,border:!0,borderColor:"separatorSecondary",shrink:0,divider:!0,dividerColor:"separatorSecondary"},t))}export{t as default};
 //# sourceMappingURL=SidebarList.js.map

package/dist/Sortable/SortableItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SortableItem.d.ts","sourceRoot":"","sources":["../../src/Sortable/SortableItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAK7C,OAAO,IAAI,MAAM,SAAS,CAAA;AAI1B,eAAO,MAAM,0BAA0B,iBAAiB,CAAA;AAExD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AACD,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,MAAM,iBAAiB,CAAC,GAC1E,iBAAiB,CAAA;AAEnB,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,KAAK,EACL,cAAc,EACd,eAAe,EACf,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,KAAK,eA6BP;kBAtCQ,YAAY;;;AA0CrB,eAAe,YAAY,CAAA"}
+{"version":3,"file":"SortableItem.d.ts","sourceRoot":"","sources":["../../src/Sortable/SortableItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAK7C,OAAO,IAAI,MAAM,SAAS,CAAA;AAG1B,eAAO,MAAM,0BAA0B,iBAAiB,CAAA;AAExD,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AACD,KAAK,KAAK,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,MAAM,iBAAiB,CAAC,GAC1E,iBAAiB,CAAA;AAEnB,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,KAAK,EACL,cAAc,EACd,eAAe,EACf,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,KAAK,eA6BP;kBAtCQ,YAAY;;;AA0CrB,eAAe,YAAY,CAAA"}

package/dist/Sortable/SortableItem.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import o from"react";import{Box as a}from"../Box/Box.js";import n from"../DragDrop/DragDrop.js";import t from"../Icon/Icon.js";import i from"../List/List.js";import{SORTABLE_TYPE as s}from"./constants.js";var m="SortableItem";function d(m){var d=m.children,l=m.disabled,g=m.id,p=m.index;m.isDraggingOver;var c=m.onRemoveRequest,f=m.readOnly,u=e(m,["children","disabled","id","index","isDraggingOver","onRemoveRequest","readOnly"]);return o.createElement(n.Draggable,{type:s,draggableId:g,isDragDisabled:l||f,index:p},(function(e){return o.createElement(i.Item,r({innerRef:e.innerRef,onRemoveRequest:c},u,e.draggableProps),!f&&o.createElement(a,r({},e.dragHandleProps,{marginRight:1}),o.createElement(t,{name:"general.dragHandle",size:"sm",color:"foregroundTertiary"})),d)}))}d.displayName=m;export{m as SORTABLE_ITEM_DISPLAY_NAME,d as default};
+import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import o from"react";import{Box as a}from"../Box/Box.js";import n from"../DragDrop/DragDrop.js";import t from"../Icon/Icon.js";import{List as i}from"../List/List.js";import{SORTABLE_TYPE as s}from"./constants.js";var m="SortableItem";function d(m){var d=m.children,l=m.disabled,g=m.id,p=m.index;m.isDraggingOver;var c=m.onRemoveRequest,f=m.readOnly,u=e(m,["children","disabled","id","index","isDraggingOver","onRemoveRequest","readOnly"]);return o.createElement(n.Draggable,{type:s,draggableId:g,isDragDisabled:l||f,index:p},(function(e){return o.createElement(i.Item,r({innerRef:e.innerRef,onRemoveRequest:c},u,e.draggableProps),!f&&o.createElement(a,r({},e.dragHandleProps,{marginRight:1}),o.createElement(t,{name:"general.dragHandle",size:"sm",color:"foregroundTertiary"})),d)}))}d.displayName=m;export{m as SORTABLE_ITEM_DISPLAY_NAME,d as default};
 //# sourceMappingURL=SortableItem.js.map

package/dist/Sortable/SortableList.d.ts

@@ -3,7 +3,10 @@ import Box from '../Box';
 type SortableListProps = ComponentProps<typeof Box> & {
     emptyText?: string;
     id: number;
-    onItemRemoveRequest?: () => null;
+    onItemRemoveRequest?: (itemPayload: {
+        id: number;
+        index: number;
+    }, e: Event) => void;
     title?: string;
 };
 declare function SortableList({ children, disabled, emptyText, id, onItemRemoveRequest, title, readOnly, ...restProps }: SortableListProps): JSX.Element;

package/dist/Sortable/SortableList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SortableList.d.ts","sourceRoot":"","sources":["../../src/Sortable/SortableList.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAY,cAAc,EAAE,MAAM,OAAO,CAAA;AAEvD,OAAO,GAAG,MAAM,QAAQ,CAAA;AAUxB,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,EAAE,EACF,mBAAmB,EACnB,KAAK,EACL,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,iBAAiB,eAkFnB;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"SortableList.d.ts","sourceRoot":"","sources":["../../src/Sortable/SortableList.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAY,cAAc,EAAE,MAAM,OAAO,CAAA;AAEvD,OAAO,GAAG,MAAM,QAAQ,CAAA;AASxB,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,EAAE,MAAM,CAAA;IACV,mBAAmB,CAAC,EAAE,CACpB,WAAW,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAC1C,CAAC,EAAE,KAAK,KACL,IAAI,CAAA;IACT,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,EAAE,EACF,mBAAmB,EACnB,KAAK,EACL,QAAQ,EACR,GAAG,SAAS,EACb,EAAE,iBAAiB,eAkFnB;AAED,eAAe,YAAY,CAAA"}

package/dist/Spinner/Spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAUrC,MAAM,MAAM,YAAY,GAAG;IAIzB,MAAM,CAAC,EAAE,OAAO,CAAA;IAKhB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;IAKzE,SAAS,CAAC,EAAE,MAAM,CAAA;IAKlB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,GAAG,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAElD,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,IAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,eAqDd"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAWrC,MAAM,MAAM,YAAY,GAAG;IAIzB,MAAM,CAAC,EAAE,OAAO,CAAA;IAKhB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;IAKzE,SAAS,CAAC,EAAE,MAAM,CAAA;IAKlB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,GAAG,UAAU,GACZ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAA;AAEnC,wBAAgB,OAAO,CAAC,EACtB,MAAM,EACN,IAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,eAqDd"}

package/dist/Spinner/Spinner.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import r from"react";import{keyframes as o}from"@emotion/react";import{Box as i}from"../Box/Box.js";import{useThemeProps as n}from"../system/utils.js";var s=o({"100%":{transform:"rotate(360deg)"}}),a=o({"100%":{transform:"translate(-50%, -50%) rotate(360deg)"}});function l(o){var l=o.center,c=o.size,m=void 0===c?"md":c,d=o.thickness,p=e(o,["center","size","thickness"]),f=n("spinner",p),h=f.color,u=f.sizes,g=f.thickness,b=f.trackColor,k=e(f,["color","sizes","thickness","trackColor"]),v={inline:!0,alignSelf:"center",verticalAlign:"middle",radius:"circle",borderColor:b,borderTopColor:h},x=u[m]||m,z=d||g[m],C={borderWidth:z,height:x,width:x};if("production"!==process.env.NODE_ENV){var j="number"==typeof x?8*x:x.includes("px")?parseInt(x):null,w=j&&j/2;w&&z>w&&console.warn("The thickness value (".concat(z,"px) of this spinner is larger than the radius (").concat(w,"px), this will distort the rendered size."))}return l?(v.position="absolute",v.left="50%",v.top="50%",v.transform="translate(-50%, -50%) rotate(0deg)",v.animation="".concat(a," 500ms infinite linear")):(v.transform="rotate(0deg)",v.animation="".concat(s," 500ms infinite linear")),r.createElement(i,t({},v,C,k))}export{l as Spinner};
+import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{keyframes as r}from"@emotion/react";import o from"react";import{Box as i}from"../Box/Box.js";import{useThemeProps as n}from"../system/utils.js";var s=r({"100%":{transform:"rotate(360deg)"}}),a=r({"100%":{transform:"translate(-50%, -50%) rotate(360deg)"}});function l(r){var l=r.center,c=r.size,m=void 0===c?"md":c,d=r.thickness,p=e(r,["center","size","thickness"]),f=n("spinner",p),h=f.color,u=f.sizes,g=f.thickness,b=f.trackColor,k=e(f,["color","sizes","thickness","trackColor"]),v={alignSelf:"center",borderColor:b,borderTopColor:h,inline:!0,radius:"circle",verticalAlign:"middle"},x=u[m]||m,z=d||g[m],C={borderWidth:z,height:x,width:x};if("production"!==process.env.NODE_ENV){var j="number"==typeof x?8*x:x.includes("px")?parseInt(x):null,w=j&&j/2;w&&z>w&&console.warn("The thickness value (".concat(z,"px) of this spinner is larger than the radius (").concat(w,"px), this will distort the rendered size."))}return l?(v.position="absolute",v.left="50%",v.top="50%",v.transform="translate(-50%, -50%) rotate(0deg)",v.animation="".concat(a," 500ms infinite linear")):(v.transform="rotate(0deg)",v.animation="".concat(s," 500ms infinite linear")),o.createElement(i,t({},v,C,k))}export{l as Spinner};
 //# sourceMappingURL=Spinner.js.map