@planningcenter/tapestry-react 4.9.0 → 4.10.0-qa-758.0

package/dist/ActionsDropdown/ActionsDropdown.js

@@ -1,2 +1,2 @@
-import{__assign as e}from'./../ext/tslib/tslib.es6.js';import{format as t}from"date-fns";import*as o from"react";import{Box as r}from"../Box/Box.js";import{Divider as n}from"../Divider/Divider.js";import i from"../Dropdown/Dropdown.js";import a from"../Icon/Icon.js";import{Link as l}from"../Link/Link.js";import{StackView as m}from"../StackView/StackView.js";import c from"../system/default-theme.js";import{Text as d}from"../Text/Text.js";import{cloneChildren as s}from"../utils.js";function p(p){var u=p.children,g=p.defaultButtonProps,f=void 0===g?c.button.themes.primary.fill:g,h=p.duplicates,v=p.duplicatesButtonProps,E=void 0===v?{active:{backgroundColor:"hsl(42deg 87% 87%)"},backgroundColor:"hsl(42deg 87% 94%)",color:"hsl(0deg 0% 24%)",hover:{backgroundColor:"hsl(42deg 87% 90%)"}}:v,x=p.inactive,P=p.inactiveButtonProps,k=void 0===P?{backgroundColor:"#999B96",color:"white"}:P,b=p.isBelowManager,j=p.isPeopleProduct,z=p.onDeleteProfile,w=(null==h?void 0:h.amount)>0,y=Boolean(null==x?void 0:x.date);return o.createElement(i,e({title:"Actions",iconLeft:w||y?{color:w?"#E6A714":"white",name:w?"general.exclamationTriangle":"general.inactive",size:"md"}:void 0,fontSize:"14px",fontWeight:400,paddingLeft:w||y?1:void 0,paddingVertical:.25,theme:!1,popoverProps:{maxWidth:"280px"},placement:"bottom-start"},w?E:y?k:f),w?o.createElement(o.Fragment,null,o.createElement(m,{axis:"horizontal",padding:2,spacing:1},o.createElement(a,{color:"#E6A714",marginTop:"3px",name:"general.exclamationTriangle"}),o.createElement(d,{size:4},"There ",h.amount>1?"are":"is"," ",h.amount," ","potential ",h.amount>1?"duplicates":"duplicate"," for this profile."," ",b?"An administrator can resolve ".concat(h.amount>1?"them":"it"," in People."):o.createElement(l,e({},h.linkProps),j?"Review":"Review in People"))),o.createElement(n,null)):null,y?o.createElement(o.Fragment,null,o.createElement(m,{axis:"horizontal",padding:2,spacing:1},o.createElement(a,{name:"general.inactive",color:"grey-8",marginTop:"3px"}),o.createElement(d,{size:4},"Set inactive on ",t(x.date,"MMM dd, yyyy"),x.reason&&" (".concat(x.reason,")"),"."," ",b?"An administrator can reactivate them in People.":o.createElement(l,e({},x.linkProps),j?"Reactivate":"Reactivate in People"))),o.createElement(n,null)):null,(w||y)&&o.createElement(r,{height:1.5}),s(u,(function(){return{paddingHorizontal:2}})),z?o.createElement(i.Item,{disabled:b,paddingHorizontal:2,onSelect:z},j?"Delete profile":"Delete profile…"):null,z&&b?o.createElement(r,{marginHorizontal:2,padding:1,backgroundColor:"surfaceTertiary",color:"foregroundSecondary"},o.createElement(d,{size:5,lineHeight:2},"To delete this profile, an administrator must remove them from People.")):null,(w||y||z&&b)&&o.createElement(r,{height:1}))}export{p as ActionsDropdown};
+import{format as e}from"date-fns";import*as t from"react";import{Box as o}from"../Box/Box.js";import{Divider as n}from"../Divider/Divider.js";import r from"../Dropdown/Dropdown.js";import i from"../Icon/Icon.js";import{Link as a}from"../Link/Link.js";import{StackView as l}from"../StackView/StackView.js";import m from"../system/default-theme.js";import{Text as c}from"../Text/Text.js";import{cloneChildren as s}from"../utils.js";function d({children:d,defaultButtonProps:p=m.button.themes.primary.fill,duplicates:g,duplicatesButtonProps:u={active:{backgroundColor:"hsl(42deg 87% 87%)"},backgroundColor:"hsl(42deg 87% 94%)",color:"hsl(0deg 0% 24%)",hover:{backgroundColor:"hsl(42deg 87% 90%)"}},inactive:f,inactiveButtonProps:h={backgroundColor:"#999B96",color:"white"},isBelowManager:v,isPeopleProduct:E,onDeleteProfile:x}){const P=(null==g?void 0:g.amount)>0,j=Boolean(null==f?void 0:f.date);return t.createElement(r,Object.assign({title:"Actions",iconLeft:P||j?{color:P?"#E6A714":"white",name:P?"general.exclamationTriangle":"general.inactive",size:"md"}:void 0,fontSize:"14px",fontWeight:400,paddingLeft:P||j?1:void 0,paddingVertical:.25,theme:!1,popoverProps:{maxWidth:"280px"},placement:"bottom-start"},P?u:j?h:p),P?t.createElement(t.Fragment,null,t.createElement(l,{axis:"horizontal",padding:2,spacing:1},t.createElement(i,{color:"#E6A714",marginTop:"3px",name:"general.exclamationTriangle"}),t.createElement(c,{size:4},"There ",g.amount>1?"are":"is"," ",g.amount," ","potential ",g.amount>1?"duplicates":"duplicate"," for this profile."," ",v?`An administrator can resolve ${g.amount>1?"them":"it"} in People.`:t.createElement(a,Object.assign({},g.linkProps),E?"Review":"Review in People"))),t.createElement(n,null)):null,j?t.createElement(t.Fragment,null,t.createElement(l,{axis:"horizontal",padding:2,spacing:1},t.createElement(i,{name:"general.inactive",color:"grey-8",marginTop:"3px"}),t.createElement(c,{size:4},"Set inactive on ",e(f.date,"MMM dd, yyyy"),f.reason&&` (${f.reason})`,"."," ",v?"An administrator can reactivate them in People.":t.createElement(a,Object.assign({},f.linkProps),E?"Reactivate":"Reactivate in People"))),t.createElement(n,null)):null,(P||j)&&t.createElement(o,{height:1.5}),s(d,(()=>({paddingHorizontal:2}))),x?t.createElement(r.Item,{disabled:v,paddingHorizontal:2,onSelect:x},E?"Delete profile":"Delete profile…"):null,x&&v?t.createElement(o,{marginHorizontal:2,padding:1,backgroundColor:"surfaceTertiary",color:"foregroundSecondary"},t.createElement(c,{size:5,lineHeight:2},"To delete this profile, an administrator must remove them from People.")):null,(P||j||x&&v)&&t.createElement(o,{height:1}))}export{d as ActionsDropdown};
 //# sourceMappingURL=ActionsDropdown.js.map

package/dist/Alert/Alert.js

@@ -1,2 +1,2 @@
-import{__rest as r,__assign as e}from'./../ext/tslib/tslib.es6.js';import*as t from"react";import{StackView as o}from"../StackView/StackView.js";function i(i){var a=i.children,c=i.type,n=r(i,["children","type"]);return t.createElement(o,e({padding:1,radius:3,stroke:"".concat(c,"-dark"),strokeAlign:"inside",strokeWeight:1,color:"dark-9",backgroundColor:"".concat(c,"-lighter")},n),a)}export{i as Alert,i as default};
+import{__rest as e}from'./../ext/tslib/tslib.es6.js';import*as r from"react";import{StackView as t}from"../StackView/StackView.js";function o(o){const{children:i,type:s}=o,a=e(o,["children","type"]);return r.createElement(t,Object.assign({padding:1,radius:3,stroke:`${s}-dark`,strokeAlign:"inside",strokeWeight:1,color:"dark-9",backgroundColor:`${s}-lighter`},a),i)}export{o as Alert,o as default};
 //# sourceMappingURL=Alert.js.map

package/dist/Avatar/Avatar.js

@@ -1,2 +1,2 @@
-import{__rest as r,__assign as e}from'./../ext/tslib/tslib.es6.js';import s from"react";import{Box as o}from"../Box/Box.js";var t={lg:6,md:4.5,sm:3,xl:9,xs:2.5,xxl:14},i={lg:4,md:3,sm:2,xl:4,xs:2,xxl:4};function l(l){var m=l.size,x=void 0===m?"md":m,d=l.source,a=l.status,c=r(l,["size","source","status"]);return s.createElement(o,e({as:"img",src:d,width:t[x],height:t[x],flexBasis:t[x],flexShrink:0,flexGrow:0,objectFit:"cover",radius:"circle",borderColor:a,borderWidth:a?i[x]:0},c))}export{l as Avatar,l as default};
+import{__rest as s}from'./../ext/tslib/tslib.es6.js';import e from"react";import{Box as r}from"../Box/Box.js";const t={lg:6,md:4.5,sm:3,xl:9,xs:2.5,xxl:14},o={lg:4,md:3,sm:2,xl:4,xs:2,xxl:4};function i(i){var{size:l="md",source:m,status:x}=i,c=s(i,["size","source","status"]);return e.createElement(r,Object.assign({as:"img",src:m,width:t[l],height:t[l],flexBasis:t[l],flexShrink:0,flexGrow:0,objectFit:"cover",radius:"circle",borderColor:x,borderWidth:x?o[l]:0},c))}export{i as Avatar,i as default};
 //# sourceMappingURL=Avatar.js.map

package/dist/Badge/Badge.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as i}from'./../ext/tslib/tslib.es6.js';import t,{cloneElement as r}from"react";import{Box as o}from"../Box/Box.js";import{StackView as n}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import{stopPropagationClick as s}from"../utils.js";import"lodash/includes";import{useThemeProps as l,getForegroundColor as a,useBoxSize 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";import{Text as c}from"../Text/Text.js";import p from"./Status.js";var m=function(p){var m,u=p.children,g=p.renderLeft,h=p.renderRight,f=p.onClick,z=p.title,b=e(p,["children","renderLeft","renderRight","onClick","title"]),j=l("badge",b),v=j.color,y=void 0===v?{background:"surfaceTertiary",foreground:"foreground"}:v,x=j.radius,k=void 0===x?3:x,C=j.size,S=void 0===C?"md":C,E=j.square,H=void 0!==E&&E,V=e(j,["color","radius","size","square"]),q=i({color:y,radius:k,size:S,square:H},V);q.backgroundColor=y.background||y,q.color=y.foreground||a(y);var w=d(q.size),L=w.boxSize,R=w.fontSize,T=w.lineHeight,B=w.paddingHorizontal,I=w.paddingHorizontalDense,A=w.paddingVertical,D={as:"span",color:"inherit",fontWeight:"inherit",lineHeight:"inherit"};return(q.square||"circle"===q.radius)&&(q.width=L,q.height=L),"circle"===q.radius&&(D.position="absolute",D.top="50%",D.left="50%",D.transform="translate(-50%, -50%)"),q.paddingLeft=g?L+.5:"pill"===q.radius?B:I,q.paddingRight=h?L+.5:"pill"===q.radius?B:I,delete q.square,t.createElement(n,i({inline:!0,axis:"horizontal",alignment:"center",distribution:"center",fontSize:R,lineHeight:T,minHeight:L,paddingVertical:A,fill:"currentColor",textAlign:"center",position:"relative",cursor:"default",outline:0,focus:{backgroundColor:"highlightSecondary"},onClick:s(f)},q),g&&t.createElement(o,{display:"flex",alignItems:"center",justifyContent:"center",width:L,height:L,position:"absolute",top:0,left:0},t.isValidElement(g)?r(g,{size:g.props.size||q.size}):g),void 0===z?u:t.createElement(c,i({},D),z),h&&t.createElement(o,{display:"flex",alignItems:"center",justifyContent:"center",width:L,height:L,position:"absolute",top:0,right:0},t.isValidElement(h)?r(h,{size:(null===(m=null==h?void 0:h.props)||void 0===m?void 0:m.size)||q.size}):h))};m.Status=p;export{m as default};
+import{__rest as e}from'./../ext/tslib/tslib.es6.js';import t,{cloneElement as i}from"react";import{Box as r}from"../Box/Box.js";import{StackView as o}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import{stopPropagationClick as s}from"../utils.js";import"lodash/includes";import{useThemeProps as n,getForegroundColor as l,useBoxSize as a}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";import{Text as d}from"../Text/Text.js";import c from"./Status.js";const m=c=>{var m,{children:u,renderLeft:p,renderRight:g,onClick:f,title:h}=c,j=e(c,["children","renderLeft","renderRight","onClick","title"]);const z=n("badge",j),{color:b={background:"surfaceTertiary",foreground:"foreground"},radius:y=3,size:x="md",square:k=!1}=z,C=e(z,["color","radius","size","square"]),S=Object.assign({color:b,radius:y,size:x,square:k},C);S.backgroundColor=b.background||b,S.color=b.foreground||l(b);const{boxSize:v,fontSize:E,lineHeight:H,paddingHorizontal:V,paddingHorizontalDense:q,paddingVertical:w}=a(S.size),L={as:"span",color:"inherit",fontWeight:"inherit",lineHeight:"inherit"};return(S.square||"circle"===S.radius)&&(S.width=v,S.height=v),"circle"===S.radius&&(L.position="absolute",L.top="50%",L.left="50%",L.transform="translate(-50%, -50%)"),S.paddingLeft=p?v+.5:"pill"===S.radius?V:q,S.paddingRight=g?v+.5:"pill"===S.radius?V:q,delete S.square,t.createElement(o,Object.assign({inline:!0,axis:"horizontal",alignment:"center",distribution:"center",fontSize:E,lineHeight:H,minHeight:v,paddingVertical:w,fill:"currentColor",textAlign:"center",position:"relative",cursor:"default",outline:0,focus:{backgroundColor:"highlightSecondary"},onClick:s(f)},S),p&&t.createElement(r,{display:"flex",alignItems:"center",justifyContent:"center",width:v,height:v,position:"absolute",top:0,left:0},t.isValidElement(p)?i(p,{size:p.props.size||S.size}):p),void 0===h?u:t.createElement(d,Object.assign({},L),h),g&&t.createElement(r,{display:"flex",alignItems:"center",justifyContent:"center",width:v,height:v,position:"absolute",top:0,right:0},t.isValidElement(g)?i(g,{size:(null===(m=null==g?void 0:g.props)||void 0===m?void 0:m.size)||S.size}):g))};m.Status=c;export{m as default};
 //# sourceMappingURL=Badge.js.map

package/dist/Badge/Status.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o,{useState as r,useEffect as s}from"react";import i from"../Icon/Icon.js";import{getColor as n}from"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"../system/style-names.js";import"../system/cxs.js";import l from"./Badge.js";var a={error:{color:"error",icon:"general.x"},success:{color:"success",icon:"general.check"}},c=function(c){var m=c.light,u=c.onClearRequest,p=c.size,d=void 0===p?"sm":p,g=c.status,f=c.title,h=e(c,["light","onClearRequest","size","status","title"]),j=r(null),y=j[0],v=j[1];if(s((function(){return y&&clearTimeout(y),v(setTimeout(u,1800)),function(){y&&clearTimeout(y)}}),[g]),g){var b=a[g],x=b.color,z=b.icon;return o.createElement(l,t({color:m?{background:"light",foreground:n(x)}:n(x),fontWeight:600,paddingRight:1,radius:"pill",renderLeft:o.createElement(i,{name:z}),size:d,title:f},h))}return null};c.displayName="Badge.Status";export{c as default};
+import{__rest as e}from'./../ext/tslib/tslib.es6.js';import t,{useState as o,useEffect as s}from"react";import r from"../Icon/Icon.js";import{getColor as i}from"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"../system/default-theme.js";import"../system/style-names.js";import"../system/cxs.js";import l from"./Badge.js";const m={error:{color:"error",icon:"general.x"},success:{color:"success",icon:"general.check"}},c=c=>{var{light:a,onClearRequest:n,size:u="sm",status:p,title:d}=c,g=e(c,["light","onClearRequest","size","status","title"]);const[f,h]=o(null);if(s((()=>(f&&clearTimeout(f),h(setTimeout(n,1800)),()=>{f&&clearTimeout(f)})),[p]),p){const{color:e,icon:o}=m[p];return t.createElement(l,Object.assign({color:a?{background:"light",foreground:i(e)}:i(e),fontWeight:600,paddingRight:1,radius:"pill",renderLeft:t.createElement(r,{name:o}),size:u,title:d},g))}return null};c.displayName="Badge.Status";export{c as default};
 //# sourceMappingURL=Status.js.map

package/dist/Box/Box.js

@@ -1,2 +1,2 @@
-import{__rest as i,__assign as r}from'./../ext/tslib/tslib.es6.js';import{jsx as e}from"@emotion/react";import n from"../system/split-styles.js";import{useVariant as o}from"../VariantProvider/VariantProvider.js";var t=function(t){var s=t.as,a=t.inline,l=t.innerRef,m=i(t,["as","inline","innerRef"]),f=o();return e(s||"div",r({ref:l},n(r({display:a?"inline-block":"block",variant:f},m))))};export{t as Box};
+import{__rest as i}from'./../ext/tslib/tslib.es6.js';import{jsx as r}from"@emotion/react";import e from"../system/split-styles.js";import{useVariant as s}from"../VariantProvider/VariantProvider.js";const n=n=>{var{as:t,inline:o,innerRef:a}=n,l=i(n,["as","inline","innerRef"]);const m=s();return r(t||"div",Object.assign({ref:a},e(Object.assign({display:o?"inline-block":"block",variant:m},l))))};export{n as Box};
 //# sourceMappingURL=Box.js.map

package/dist/Button/Button.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o from"react";import{designTokens as i}from"../designTokens/index.js";import{useAccessibilityViolation as n}from"../hooks/use-accessibility-violation.js";import r from"../Icon/Icon.js";import{Link as a}from"../Link/Link.js";import{Spinner as l}from"../Spinner/Spinner.js";import{StackView as s}from"../StackView/StackView.js";import{useThemeValue as c,useBoxSize as p}from"../system/utils.js";import d from"../Tooltip/Tooltip.js";import{mergeProps as u}from"../utils.js";import f from"./Input.js";function m(f){var m,h=f.children,g=f.disabled,b=f.external,y=f.icon,v=f.iconLeft,k=f.iconRight,z=f.onClick,w=f.onKeyDown,x=f.size,E=f.spinner,j=f.square,D=f.theme,C=void 0===D?"default":D,I=f.title,R=f.to,S=f.tooltip,T=f.type,H=void 0===T?"button":T,L=f.variant,V=e(f,["children","disabled","external","icon","iconLeft","iconRight","onClick","onKeyDown","size","spinner","square","theme","title","to","tooltip","type","variant"]),P=c("button.themes"),K=p(x),W=K.boxSize,A=K.fontSize,_=K.lineHeight,q=K.paddingHorizontal,B=K.paddingHorizontalDense,N=K.paddingVertical,F={alignment:"center",as:V.href||R?"a":"button",axis:"horizontal",distribution:"center",fontSize:A,fontWeight:700,inline:!0,lineHeight:_,position:"relative",radius:i.button.borderRadius,strokeAlign:"inside",strokeWeight:1,type:H,userSelect:"none",zIndex:1};if(C&&"boolean"!=typeof C){var O=P[C];if(O){var G=O[L||"fill"];if(G){G.disabled;var J=e(G,["disabled"]);F=t(t({},F),J)}else console.warn('Could not find "'.concat(L,'" in "').concat(C,'" theme. Check your ThemeProvider and make sure "').concat(L,'" variant exists in "').concat(C,'".'))}else"false"===C?console.warn('The string "false" is not a valid theme. Please pass a boolean %cfalse%c instead.',"color:red","color:inherit"):console.warn('Could not find "'.concat(C,'" in button.themes. Check your ThemeProvider and make sure "').concat(C,'" exists.'))}"string"==typeof y&&(y={name:y}),"string"==typeof v&&(v={name:v}),"string"==typeof k&&(k={name:k});var M="string"==typeof S?{title:S}:S;if(y&&(q=B,F["aria-label"]=M?M.title:I),j?(F.width=W,F.height=W):y&&(F.minWidth=W,F.minHeight=W),"pill"===V.radius?F.paddingHorizontal=1.25*q:"pill-left"===V.radius?(F.paddingLeft=1.25*q,F.paddingRight=q):"pill-right"===V.radius?(F.paddingLeft=q,F.paddingRight=1.25*q):(!y||v||k)&&(F.paddingHorizontal=q,F.paddingVertical=N),E&&(m=F.color,F.color="transparent",y&&(y.color="transparent"),v&&(v.color="transparent"),k&&(k.color="transparent")),g&&"boolean"!=typeof C){var Q=P[C];if(Q){var U=Q[L];U&&U.disabled?F=t(t({},F),U.disabled):F.opacity=.65}F["aria-disabled"]=!0,F.cursor="not-allowed",F.onClick=function(e){return e.preventDefault()},F.onKeyDown=function(e){"Enter"!==e.key&&" "!==e.key||e.preventDefault()}}if(g||E?(F.hover=void 0,F.active=void 0):(F.focus=t({zIndex:5},F.focus),F.cursor="pointer",F.touchAction="manipulation",F.onClick=z,F.onKeyDown=function(e){!z||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),z(e)),w&&w(e)}),b&&(F.rel="noopener noreferrer",F.target="_blank"),R&&(V.href=R),(R||V.href)&&(F=t(t({},F),{type:null})),"outline"===L&&(F=t(t({},F),{hover:t({strokeAlign:"inside",strokeWeight:1,zIndex:2},F.hover)})),V.as&&(F.to=R,"button"!==V.as&&(F=t(t({},F),{type:null}))),"production"!==process.env.NODE_ENV){if(y&&!(I||M&&M.title)){var X=n(o.createElement(o.Fragment,null,"Icon only buttons must define either a"," ",o.createElement(a,{external:!0,to:"https://planningcenter.github.io/tapestry-react/button#tooltip",weight:700},"tooltip")," ","or"," ",o.createElement(a,{external:!0,to:"https://planningcenter.github.io/tapestry-react/button#title",weight:700},"title")," ","prop."),'Tapestry-React: <Button/> icon only buttons must define either a "tooltip" or "title" prop for proper accessibility.'),Y=X.tooltipProps,Z=X.wrapperProps;M=Y,V=u(V,Z)}F.type&&V.as&&"button"!==V.as&&console.log("Tapestry-React: <Button/> type prop is only supported by <button> and not <".concat(V.as,">."))}return o.createElement(d,t({},M),o.createElement(s,t({},F,V,{css:t(t({},V.css),{"&:focus-visible":t({},F.focusVisible)})}),v&&o.createElement(r,t({size:x,color:F.color,marginRight:B},v)),y?o.createElement(r,t({size:x,color:F.color},y)):I||h,k&&o.createElement(r,t({size:x,color:F.color,marginLeft:B},k)),E&&o.createElement(l,t({size:x,color:m},E,{center:!0}))))}m.Input=f;export{m as Button};
+import{__rest as e}from'./../ext/tslib/tslib.es6.js';import t from"react";import{designTokens as i}from"../designTokens/index.js";import{useAccessibilityViolation as n}from"../hooks/use-accessibility-violation.js";import o from"../Icon/Icon.js";import{Link as s}from"../Link/Link.js";import{Spinner as r}from"../Spinner/Spinner.js";import{StackView as a}from"../StackView/StackView.js";import{useThemeValue as l,useBoxSize as c}from"../system/utils.js";import p from"../Tooltip/Tooltip.js";import{mergeProps as d}from"../utils.js";import g from"./Input.js";function u(g){var{children:u,disabled:m,external:b,icon:f,iconLeft:h,iconRight:y,onClick:j,onKeyDown:k,size:O,spinner:v,square:z,theme:w="default",title:x,to:E,tooltip:D,type:C="button",variant:I}=g,R=e(g,["children","disabled","external","icon","iconLeft","iconRight","onClick","onKeyDown","size","spinner","square","theme","title","to","tooltip","type","variant"]);const S=l("button.themes");let T,{boxSize:H,fontSize:L,lineHeight:$,paddingHorizontal:V,paddingHorizontalDense:P,paddingVertical:K}=c(O),W={alignment:"center",as:R.href||E?"a":"button",axis:"horizontal",distribution:"center",fontSize:L,fontWeight:700,inline:!0,lineHeight:$,position:"relative",radius:i.button.borderRadius,strokeAlign:"inside",strokeWeight:1,type:C,userSelect:"none",zIndex:1};if(w&&"boolean"!=typeof w){const t=S[w];if(t){const i=t[I||"fill"];if(i){const t=e(i,["disabled"]);W=Object.assign(Object.assign({},W),t)}else console.warn(`Could not find "${I}" in "${w}" theme. Check your ThemeProvider and make sure "${I}" variant exists in "${w}".`)}else"false"===w?console.warn('The string "false" is not a valid theme. Please pass a boolean %cfalse%c instead.',"color:red","color:inherit"):console.warn(`Could not find "${w}" in button.themes. Check your ThemeProvider and make sure "${w}" exists.`)}"string"==typeof f&&(f={name:f}),"string"==typeof h&&(h={name:h}),"string"==typeof y&&(y={name:y});let A="string"==typeof D?{title:D}:D;if(f&&(V=P,W["aria-label"]=A?A.title:x),z?(W.width=H,W.height=H):f&&(W.minWidth=H,W.minHeight=H),"pill"===R.radius?W.paddingHorizontal=1.25*V:"pill-left"===R.radius?(W.paddingLeft=1.25*V,W.paddingRight=V):"pill-right"===R.radius?(W.paddingLeft=V,W.paddingRight=1.25*V):(!f||h||y)&&(W.paddingHorizontal=V,W.paddingVertical=K),v&&(T=W.color,W.color="transparent",f&&(f.color="transparent"),h&&(h.color="transparent"),y&&(y.color="transparent")),m&&"boolean"!=typeof w){const e=S[w];if(e){const t=e[I];t&&t.disabled?W=Object.assign(Object.assign({},W),t.disabled):W.opacity=.65}W["aria-disabled"]=!0,W.cursor="not-allowed",W.onClick=e=>e.preventDefault(),W.onKeyDown=e=>{"Enter"!==e.key&&" "!==e.key||e.preventDefault()}}if(m||v?(W.hover=void 0,W.active=void 0):(W.focus=Object.assign({zIndex:5},W.focus),W.cursor="pointer",W.touchAction="manipulation",W.onClick=j,W.onKeyDown=e=>{!j||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),j(e)),k&&k(e)}),b&&(W.rel="noopener noreferrer",W.target="_blank"),E&&(R.href=E),(E||R.href)&&(W=Object.assign(Object.assign({},W),{type:null})),"outline"===I&&(W=Object.assign(Object.assign({},W),{hover:Object.assign({strokeAlign:"inside",strokeWeight:1,zIndex:2},W.hover)})),R.as&&(W.to=E,"button"!==R.as&&(W=Object.assign(Object.assign({},W),{type:null}))),"production"!==process.env.NODE_ENV){if(f&&!(x||A&&A.title)){const{tooltipProps:e,wrapperProps:i}=n(t.createElement(t.Fragment,null,"Icon only buttons must define either a"," ",t.createElement(s,{external:!0,to:"https://planningcenter.github.io/tapestry-react/button#tooltip",weight:700},"tooltip")," ","or"," ",t.createElement(s,{external:!0,to:"https://planningcenter.github.io/tapestry-react/button#title",weight:700},"title")," ","prop."),'Tapestry-React: <Button/> icon only buttons must define either a "tooltip" or "title" prop for proper accessibility.');A=e,R=d(R,i)}W.type&&R.as&&"button"!==R.as&&console.log(`Tapestry-React: <Button/> type prop is only supported by <button> and not <${R.as}>.`)}return t.createElement(p,Object.assign({},A),t.createElement(a,Object.assign({},W,R,{css:Object.assign(Object.assign({},R.css),{"&:focus-visible":Object.assign({},W.focusVisible)})}),h&&t.createElement(o,Object.assign({size:O,color:W.color,marginRight:P},h)),f?t.createElement(o,Object.assign({size:O,color:W.color},f)):x||u,y&&t.createElement(o,Object.assign({size:O,color:W.color,marginLeft:P},y)),v&&t.createElement(r,Object.assign({size:O,color:T},v,{center:!0}))))}u.Input=g;export{u as Button};
 //# sourceMappingURL=Button.js.map

package/dist/Button/Input.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o,{forwardRef as n,useRef as r,useState as i,useLayoutEffect as s,useImperativeHandle as u,cloneElement as c,Children as l}from"react";import a from'./../ext/resize-observer-polyfill/dist/ResizeObserver.es.js';import{tabbable as f}from"tabbable";import{Box as p}from"../Box/Box.js";import{useBoxSize as m}from"../system/utils.js";import{getRect as d}from"../utils.js";import{Button as y}from"./Button.js";var h=n((function(n,h){var b=n.children;n.style;var v=n.size,w=n.onOpen,z=n.onClose,j=e(n,["children","style","size","onOpen","onClose"]),x=r(),B=r(),C=r(),E=i(!1),g=E[0],O=E[1],R={height:m(v).boxSize,innerRef:x,overflow:"hidden",position:"relative",transition:"width 200ms cubic-bezier(.02,.8,.38,1)"},S={innerRef:B,left:0,opacity:g?1:0,position:"absolute",right:0,top:0,transition:"opacity 180ms ease"},k={disabled:!g,onBlur:function(){0===B.current.querySelector("input").value.length&&_()},onKeyDown:function(e){"Escape"===e.key&&_()},secondaryStroke:!1,size:v},q={innerRef:C,left:0,opacity:g?0:1,position:"absolute",right:0,top:0,transition:"opacity 180ms ease"},I=t(t({},j),{disabled:g,onClick:T,size:v});function T(){O(!0);var e=B.current.querySelector("input");e&&e.focus&&setTimeout((function(){return e.focus()})),w&&w()}function _(){O(!1);var e=f(C.current)[0];e&&e.focus&&setTimeout((function(){return e.focus()})),z&&z()}function D(){var e=x.current,t=B.current.firstChild,o=C.current.firstChild;t.style.width="",o.style.width="";var n,r=d(t,{clone:!0}),i=d(o,{clone:!0}),s=(n=g?r.width:i.width,parseInt(n.toFixed(0),10)+1);e.style.width=s+"px",t.style.width="100%",o.style.width="100%"}s((function(){D();var e=new a(D);return e.observe(g?B.current:C.current),function(){e.disconnect()}}),[g]),u(h,(function(){return{close:_,open:T}}),[]);var F=o.createElement(y,t({},I));return o.createElement(p,t({},R),o.createElement(p,t({},S),"function"==typeof b?b({close:_,inputProps:k,isOpen:g,open:T}):c(l.only(b),k)),o.createElement(p,t({},q),F))}));h.displayName="Button.Input";export{h as default};
+import{__rest as e}from'./../ext/tslib/tslib.es6.js';import t,{forwardRef as o,useRef as s,useState as n,useLayoutEffect as i,useImperativeHandle as r,cloneElement as c,Children as l}from"react";import u from'./../ext/resize-observer-polyfill/dist/ResizeObserver.es.js';import{tabbable as a}from"tabbable";import{Box as p}from"../Box/Box.js";import{useBoxSize as m}from"../system/utils.js";import{getRect as d}from"../utils.js";import{Button as f}from"./Button.js";const b=o(((o,b)=>{var{children:y,style:h,size:j,onOpen:w,onClose:g}=o,O=e(o,["children","style","size","onOpen","onClose"]);const v=s(),z=s(),x=s(),[B,C]=n(!1),{boxSize:E}=m(j),R={height:E,innerRef:v,overflow:"hidden",position:"relative",transition:"width 200ms cubic-bezier(.02,.8,.38,1)"},S={innerRef:z,left:0,opacity:B?1:0,position:"absolute",right:0,top:0,transition:"opacity 180ms ease"},k={disabled:!B,onBlur:()=>{0===z.current.querySelector("input").value.length&&_()},onKeyDown:e=>{"Escape"===e.key&&_()},secondaryStroke:!1,size:j},q={innerRef:x,left:0,opacity:B?0:1,position:"absolute",right:0,top:0,transition:"opacity 180ms ease"},I=Object.assign(Object.assign({},O),{disabled:B,onClick:T,size:j});function T(){C(!0);const e=z.current.querySelector("input");e&&e.focus&&setTimeout((()=>e.focus())),w&&w()}function _(){C(!1);const[e]=a(x.current);e&&e.focus&&setTimeout((()=>e.focus())),g&&g()}function D(){const e=v.current,t=z.current.firstChild,o=x.current.firstChild;t.style.width="",o.style.width="";const s=d(t,{clone:!0}),n=d(o,{clone:!0}),i=(r=B?s.width:n.width,parseInt(r.toFixed(0),10)+1);var r;e.style.width=i+"px",t.style.width="100%",o.style.width="100%"}i((()=>{D();const e=new u(D);return e.observe(B?z.current:x.current),()=>{e.disconnect()}}),[B]),r(b,(()=>({close:_,open:T})),[]);const F=t.createElement(f,Object.assign({},I));return t.createElement(p,Object.assign({},R),t.createElement(p,Object.assign({},S),"function"==typeof y?y({close:_,inputProps:k,isOpen:B,open:T}):c(l.only(y),k)),t.createElement(p,Object.assign({},q),F))}));b.displayName="Button.Input";export{b as default};
 //# sourceMappingURL=Input.js.map

package/dist/Calendar/Calendar.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{getMonth as n,getYear as r,isSameDay as i,format as a,isSameMonth as o,addMonths as l,addYears as s,isBefore as c,isAfter as u,isWithinInterval as d}from"date-fns";import m,{forwardRef as h,useRef as f,useState as g,useEffect as p,useImperativeHandle as b,Children as y}from"react";import{Box as S}from"../Box/Box.js";import{Button as k}from"../Button/Button.js";import{Group as v}from"../Group/Group.js";import z from"../HeadingUppercase/HeadingUppercase.js";import{useHover as D}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";import{StackView as x}from"../StackView/StackView.js";import{useThemeValue as C}from"../system/utils.js";import E from"./Day.js";import{MIN_MONTH_DEFAULT as w,MAX_MONTH_DEFAULT as O,MIN_YEAR_DEFAULT as j,MAX_YEAR_DEFAULT as W,getMonthWeekDays as M,getMonthWeeks as B,MONTHS as T,TODAY as I,getNextOccurrenceOfDay as A,getYears as F}from"./utils.js";var H={lg:{buttonSize:"sm",cellSize:7,fontSize:3,headerFontSize:2,trimWeekdays:3},md:{buttonSize:"sm",cellSize:5,fontSize:4,headerFontSize:2,trimWeekdays:3},sm:{buttonSize:"sm",cellSize:4,fontSize:4,headerFontSize:4,statusOffset:"12.5%",trimWeekdays:2}},P=h((function(d,h){var A=d.date,R=void 0===A?null:A,G=d.initialDate,N=void 0===G?I:G,U=d.maxDate,V=void 0===U?null:U,Y=d.minDate,_=void 0===Y?null:Y,q=d.onDateChange,J=void 0===q?null:q,K=d.onDateSelect,L=void 0===K?null:K,Q=d.renderDay,X=void 0===Q?function(e){return m.createElement(E,t({},e))}:Q,Z=d.selected,$=void 0===Z?null:Z,ee=d.size,te=void 0===ee?"md":ee,ne=d.weekStartsOn,re=void 0===ne?null:ne,ie=e(d,["date","initialDate","maxDate","minDate","onDateChange","onDateSelect","renderDay","selected","size","weekStartsOn"]),ae=C("calendar"),oe=f(R),le=D(),se=le.hover,ce=le.hoverProps,ue=g(R||N),de=ue[0],me=ue[1],he=g("calendar"),fe=he[0],ge=he[1],pe="calendar"===fe,be="years"===fe,ye="months"===fe,Se=n(de),ke=r(de),ve=F(ke),ze=n(_)||w,De=n(V)||O,xe=r(_)||j,Ce=r(V)||W,Ee=H[te],we=Ee.buttonSize,Oe=Ee.cellSize,je=Ee.fontSize,We=Ee.headerFontSize,Me=Ee.statusOffset,Be=Ee.trimWeekdays,Te=M({trimWeekdays:Be,weekStartsOn:re||ae.weekStartsOn||0}),Ie=B(de,{forceSixWeeks:!0,weekStartsOn:re||ae.weekStartsOn||0}),Ae=function(e,t){var n=t?"calendar":fe;P.isBeforeDay(e,_)?e=_:P.isAfterDay(e,V)&&(e=V),null===R?(me(e),ge(n)):ge(n),J&&J(e)},Fe=function(e){Ae(("years"===fe?s:l)(de,e))};return p((function(){null===R||i(oe.current,R)||me(R),oe.current=R}),[R]),b(h,(function(){return{navigateCalendar:Fe,setDate:Ae}})),m.createElement(x,t({innerRef:h},ce,ie),m.createElement(x,{axis:"horizontal",alignment:"center",distribution:"space-between",padding:.5,paddingBottom:0},m.createElement(x,{axis:"horizontal",spacing:.5},m.createElement(S,{"aria-label":ye?"Choose dates":"Choose month",as:"button",type:"button",backgroundColor:se?"highlight":"transparent",cursor:"pointer",fontSize:We,hover:{backgroundColor:"highlightSecondary"},lineHeight:3,onClick:function(){ge(ye?"calendar":"months")},padding:.25,radius:3,tabIndex:-1},a(de,"MMMM")),m.createElement(S,{"aria-label":be?"Choose dates":"Choose year",as:"button",type:"button",backgroundColor:se?"highlight":"transparent",cursor:"pointer",fontSize:We,hover:{backgroundColor:"highlightSecondary"},lineHeight:3,onClick:function(){ge(be?"calendar":"years")},padding:.25,radius:3,tabIndex:-1},ke)),m.createElement(v,{marginRight:.5,childProps:{size:we,variant:"outline"}},m.createElement(k,{disabled:be?ke<=xe:o(de,_),icon:{name:"general.leftChevron",size:"xxs"},onClick:function(){return Fe(-1)},tabIndex:-1,title:"Previous month"}),m.createElement(k,{icon:{name:"tapestry.radio1"},onClick:function(){return Ae(I,!0)},tabIndex:-1,tooltip:{title:"Today"}}),m.createElement(k,{disabled:be?ke>=Ce:o(de,V),icon:{name:"general.rightChevron",size:"xxs"},onClick:function(){return Fe(1)},tabIndex:-1,title:"Next month"}))),ye&&m.createElement(x,{axis:"horizontal",width:7*Oe,height:6*Oe+3.5,marginTop:.5,wrap:!0},T.map((function(e,t){var n=!P.isWithinRange(new Date(ke,t,1),{end:new Date(Ce,De,1),start:new Date(xe,ze,1)});return m.createElement(x,{key:e,as:"button",type:"button",basis:7*Oe/3,alignment:"center",distribution:"center",fontWeight:700,cursor:n?"not-allowed":"pointer",backgroundColor:Se===t?"surfaceSecondary":"transparent",opacity:n?.6:void 0,hover:{backgroundColor:n?void 0:"highlight"},disabled:n,onClick:function(){Ae(l(de,t-Se),!0)},children:m.createElement(z,{cursor:"inherit"},e.substring(0,3))})}))),be&&m.createElement(x,{axis:"horizontal",width:7*Oe,height:6*Oe+3.5,marginTop:.5,wrap:!0},ve.map((function(e){var t=!(e>=xe&&e<=Ce);return m.createElement(x,{key:e,as:"button",type:"button",basis:7*Oe/3,alignment:"center",distribution:"center",fontWeight:700,cursor:t?"not-allowed":"pointer",backgroundColor:ke===e?"surfaceTertiary":"transparent",opacity:t?.6:void 0,hover:{backgroundColor:t?void 0:"highlight"},disabled:t,onClick:function(){Ae(s(de,e-ke),!0)},children:m.createElement(z,{cursor:"inherit"},e)})}))),pe&&m.createElement(x,null,m.createElement(x,{axis:"horizontal"},Te.map((function(e){return m.createElement(x,{key:e.full,alignment:"center",distribution:"center",width:Oe,height:4},m.createElement(z,{fontSize:6},e.trimmed))}))),Ie.map((function(e,t){return m.createElement(x,{key:t,axis:"horizontal"},y.toArray(e.map((function(e){var t=o(e,de),n=c(e,_),r=u(e,V),a=i(e,$),l=i(e,I);return X({backgroundColor:n||r?"surfaceSecondary":"inherit",cellSize:Oe,color:a?"white":t&&!(n||r)?"inherit":"foregroundTertiary",date:e,fontSize:je,inSameMonth:t,isMaxDate:r,isMinDate:n,isSelected:a,isToday:l,selectDate:L,statusOffset:Me})}))))}))))}));P.defaultProps={date:null,initialDate:I,maxDate:null,minDate:null,renderDay:function(e){return m.createElement(E,t({},e))},size:"md"},P.TODAY=I,P.Day=E,P.getNextOccurrenceOfDay=A,P.getMonthWeeks=B,P.isAfterDay=function(e,t){return e&&t&&u(e,t)},P.isBeforeDay=function(e,t){return e&&t&&c(e,t)},P.isSameDay=function(e,t){return e&&t&&i(e,t)},P.isWithinRange=function(e,t){var n=t.start,r=t.end;if(e&&n&&r&&u(r,n))return d(e,{end:r,start:n})};export{P as default};
+import{__rest as e}from'./../ext/tslib/tslib.es6.js';import{getMonth as t,getYear as n,isSameDay as r,format as a,isSameMonth as i,addMonths as o,addYears as s,isBefore as l,isAfter as c,isWithinInterval as d}from"date-fns";import m,{forwardRef as u,useRef as h,useState as g,useEffect as p,useImperativeHandle as f,Children as b}from"react";import{Box as y}from"../Box/Box.js";import{Button as S}from"../Button/Button.js";import{Group as k}from"../Group/Group.js";import z from"../HeadingUppercase/HeadingUppercase.js";import{useHover as D}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";import{StackView as x}from"../StackView/StackView.js";import{useThemeValue as C}from"../system/utils.js";import E from"./Day.js";import{MIN_MONTH_DEFAULT as w,MAX_MONTH_DEFAULT as v,MIN_YEAR_DEFAULT as O,MAX_YEAR_DEFAULT as j,getMonthWeekDays as W,getMonthWeeks as M,MONTHS as B,TODAY as T,getNextOccurrenceOfDay as I,getYears as A}from"./utils.js";const F={lg:{buttonSize:"sm",cellSize:7,fontSize:3,headerFontSize:2,trimWeekdays:3},md:{buttonSize:"sm",cellSize:5,fontSize:4,headerFontSize:2,trimWeekdays:3},sm:{buttonSize:"sm",cellSize:4,fontSize:4,headerFontSize:4,statusOffset:"12.5%",trimWeekdays:2}},H=u(((d,u)=>{var{date:I=null,initialDate:P=T,maxDate:R=null,minDate:G=null,onDateChange:N=null,onDateSelect:U=null,renderDay:V=(e=>m.createElement(E,Object.assign({},e))),selected:Y=null,size:_="md",weekStartsOn:q=null}=d,J=e(d,["date","initialDate","maxDate","minDate","onDateChange","onDateSelect","renderDay","selected","size","weekStartsOn"]);const K=C("calendar"),L=h(I),{hover:Q,hoverProps:X}=D(),[Z,$]=g(I||P),[ee,te]=g("calendar"),ne="calendar"===ee,re="years"===ee,ae="months"===ee,ie=t(Z),oe=n(Z),se=A(oe),le=t(G)||w,ce=t(R)||v,de=n(G)||O,me=n(R)||j,{buttonSize:ue,cellSize:he,fontSize:ge,headerFontSize:pe,statusOffset:fe,trimWeekdays:be}=F[_],ye=W({trimWeekdays:be,weekStartsOn:q||K.weekStartsOn||0}),Se=M(Z,{forceSixWeeks:!0,weekStartsOn:q||K.weekStartsOn||0}),ke=(e,t)=>{const n=t?"calendar":ee;H.isBeforeDay(e,G)?e=G:H.isAfterDay(e,R)&&(e=R),null===I?($(e),te(n)):te(n),N&&N(e)},ze=e=>{ke(("years"===ee?s:o)(Z,e))};return p((()=>{null===I||r(L.current,I)||$(I),L.current=I}),[I]),f(u,(()=>({navigateCalendar:ze,setDate:ke}))),m.createElement(x,Object.assign({innerRef:u},X,J),m.createElement(x,{axis:"horizontal",alignment:"center",distribution:"space-between",padding:.5,paddingBottom:0},m.createElement(x,{axis:"horizontal",spacing:.5},m.createElement(y,{"aria-label":ae?"Choose dates":"Choose month",as:"button",type:"button",backgroundColor:Q?"highlight":"transparent",cursor:"pointer",fontSize:pe,hover:{backgroundColor:"highlightSecondary"},lineHeight:3,onClick:()=>{te(ae?"calendar":"months")},padding:.25,radius:3,tabIndex:-1},a(Z,"MMMM")),m.createElement(y,{"aria-label":re?"Choose dates":"Choose year",as:"button",type:"button",backgroundColor:Q?"highlight":"transparent",cursor:"pointer",fontSize:pe,hover:{backgroundColor:"highlightSecondary"},lineHeight:3,onClick:()=>{te(re?"calendar":"years")},padding:.25,radius:3,tabIndex:-1},oe)),m.createElement(k,{marginRight:.5,childProps:{size:ue,variant:"outline"}},m.createElement(S,{disabled:re?oe<=de:i(Z,G),icon:{name:"general.leftChevron",size:"xxs"},onClick:()=>ze(-1),tabIndex:-1,title:"Previous month"}),m.createElement(S,{icon:{name:"tapestry.radio1"},onClick:()=>ke(T,!0),tabIndex:-1,tooltip:{title:"Today"}}),m.createElement(S,{disabled:re?oe>=me:i(Z,R),icon:{name:"general.rightChevron",size:"xxs"},onClick:()=>ze(1),tabIndex:-1,title:"Next month"}))),ae&&m.createElement(x,{axis:"horizontal",width:7*he,height:6*he+3.5,marginTop:.5,wrap:!0},B.map(((e,t)=>{const n=!H.isWithinRange(new Date(oe,t,1),{end:new Date(me,ce,1),start:new Date(de,le,1)});return m.createElement(x,{key:e,as:"button",type:"button",basis:7*he/3,alignment:"center",distribution:"center",fontWeight:700,cursor:n?"not-allowed":"pointer",backgroundColor:ie===t?"surfaceSecondary":"transparent",opacity:n?.6:void 0,hover:{backgroundColor:n?void 0:"highlight"},disabled:n,onClick:()=>{ke(o(Z,t-ie),!0)},children:m.createElement(z,{cursor:"inherit"},e.substring(0,3))})}))),re&&m.createElement(x,{axis:"horizontal",width:7*he,height:6*he+3.5,marginTop:.5,wrap:!0},se.map((e=>{const t=!(e>=de&&e<=me);return m.createElement(x,{key:e,as:"button",type:"button",basis:7*he/3,alignment:"center",distribution:"center",fontWeight:700,cursor:t?"not-allowed":"pointer",backgroundColor:oe===e?"surfaceTertiary":"transparent",opacity:t?.6:void 0,hover:{backgroundColor:t?void 0:"highlight"},disabled:t,onClick:()=>{ke(s(Z,e-oe),!0)},children:m.createElement(z,{cursor:"inherit"},e)})}))),ne&&m.createElement(x,null,m.createElement(x,{axis:"horizontal"},ye.map((e=>m.createElement(x,{key:e.full,alignment:"center",distribution:"center",width:he,height:4},m.createElement(z,{fontSize:6},e.trimmed))))),Se.map(((e,t)=>m.createElement(x,{key:t,axis:"horizontal"},b.toArray(e.map((e=>{const t=i(e,Z),n=l(e,G),a=c(e,R),o=r(e,Y),s=r(e,T);return V({backgroundColor:n||a?"surfaceSecondary":"inherit",cellSize:he,color:o?"white":t&&!(n||a)?"inherit":"foregroundTertiary",date:e,fontSize:ge,inSameMonth:t,isMaxDate:a,isMinDate:n,isSelected:o,isToday:s,selectDate:U,statusOffset:fe})}))))))))}));H.defaultProps={date:null,initialDate:T,maxDate:null,minDate:null,renderDay:e=>m.createElement(E,Object.assign({},e)),size:"md"},H.TODAY=T,H.Day=E,H.getNextOccurrenceOfDay=I,H.getMonthWeeks=M,H.isAfterDay=function(e,t){return e&&t&&c(e,t)},H.isBeforeDay=function(e,t){return e&&t&&l(e,t)},H.isSameDay=function(e,t){return e&&t&&r(e,t)},H.isWithinRange=function(e,{start:t,end:n}){if(e&&t&&n&&c(n,t))return d(e,{end:n,start:t})};export{H as default};
 //# sourceMappingURL=Calendar.js.map

package/dist/Calendar/Day.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o from"react";import i from"../Icon/Icon.js";import{StackView as r}from"../StackView/StackView.js";import{Text as a}from"../Text/Text.js";var n=function(n){var s=n.backgroundColor,l=n.cellSize;n.children;var c=n.color,d=n.date,u=n.disabled,m=n.fontSize,f=n.fontWeight;n.inSameMonth;var h=n.isMinDate,p=n.isMaxDate,g=n.isSelected,b=n.isToday,v=n.selectDate,S=n.selectedColor,C=void 0===S?"primary":S,D=n.statusColor,k=void 0===D?"transparent":D,y=n.statuses,x=n.statusOffset,z=void 0===x?"15%":x,w=e(n,["backgroundColor","cellSize","children","color","date","disabled","fontSize","fontWeight","inSameMonth","isMinDate","isMaxDate","isSelected","isToday","selectDate","selectedColor","statusColor","statuses","statusOffset"]),E=Boolean(v||w.onClick||w.onMouseDown),M=u||h||p;return o.createElement(r,{backgroundColor:s,color:c,cursor:M?"not-allowed":E?"pointer":"auto",height:l,onClick:!M&&E&&v?function(){return v(d)}:void 0,position:"relative",textDecoration:M&&"line-through",userSelect:"none",width:l},o.createElement(r,t({width:"100%",height:"100%",alignment:"center",distribution:"center",pointerEvents:u||h||p?"none":void 0,hover:!M&&E&&{backgroundColor:"highlight"}},w),(g||b||k)&&o.createElement(i,{color:g?C:b?"surfaceTertiary":k,left:"50%",position:"absolute",top:"50%",transform:"translate(-50%, -50%)",name:"tapestry.radio0",size:l}),o.createElement(a,{as:"span",fontSize:m,fontWeight:f,lineHeight:2,position:"relative"},d.getDate()),y&&o.createElement(r,{axis:"horizontal",distribution:"center",position:"absolute",bottom:z,left:0,right:0,spacing:.25},y.map((function(e,t){return o.createElement(i,{color:g?"white":e,key:t,name:"tapestry.radio0",size:"5px"})})))))};n.displayName="Calendar.Day";export{n as default};
+import{__rest as e}from'./../ext/tslib/tslib.es6.js';import t from"react";import o from"../Icon/Icon.js";import{StackView as i}from"../StackView/StackView.js";import{Text as a}from"../Text/Text.js";const r=r=>{var{backgroundColor:n,cellSize:s,children:l,color:c,date:d,disabled:m,fontSize:h,fontWeight:u,inSameMonth:p,isMinDate:f,isMaxDate:g,isSelected:b,isToday:S,selectDate:C,selectedColor:D="primary",statusColor:k="transparent",statuses:y,statusOffset:x="15%"}=r,z=e(r,["backgroundColor","cellSize","children","color","date","disabled","fontSize","fontWeight","inSameMonth","isMinDate","isMaxDate","isSelected","isToday","selectDate","selectedColor","statusColor","statuses","statusOffset"]);const v=Boolean(C||z.onClick||z.onMouseDown),w=m||f||g;return t.createElement(i,{backgroundColor:n,color:c,cursor:w?"not-allowed":v?"pointer":"auto",height:s,onClick:!w&&v&&C?()=>C(d):void 0,position:"relative",textDecoration:w&&"line-through",userSelect:"none",width:s},t.createElement(i,Object.assign({width:"100%",height:"100%",alignment:"center",distribution:"center",pointerEvents:m||f||g?"none":void 0,hover:!w&&v&&{backgroundColor:"highlight"}},z),(b||S||k)&&t.createElement(o,{color:b?D:S?"surfaceTertiary":k,left:"50%",position:"absolute",top:"50%",transform:"translate(-50%, -50%)",name:"tapestry.radio0",size:s}),t.createElement(a,{as:"span",fontSize:h,fontWeight:u,lineHeight:2,position:"relative"},d.getDate()),y&&t.createElement(i,{axis:"horizontal",distribution:"center",position:"absolute",bottom:x,left:0,right:0,spacing:.25},y.map(((e,i)=>t.createElement(o,{color:b?"white":e,key:i,name:"tapestry.radio0",size:"5px"}))))))};r.displayName="Calendar.Day";export{r as default};
 //# sourceMappingURL=Day.js.map

package/dist/Calendar/utils.js

@@ -1,2 +1,2 @@
-import{__spreadArray as e}from'./../ext/tslib/tslib.es6.js';import{startOfDay as r,startOfMonth as t,endOfMonth as n,startOfWeek as a,lastDayOfWeek as u,endOfWeek as o,eachDayOfInterval as s,addWeeks as i,isSameDay as d,setISODay as c,getISODay as l}from"date-fns";var f=r(new Date),m=12,y=7,p=42,v=0,b=11,h=1900,S=3e3,k=["January","February","March","April","May","June","July","August","September","October","November","December"],g=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];function w(r){var t=r.trimWeekdays,n=r.weekStartsOn,a=e([],g,!0);return a.concat(a.splice(0,n)).map((function(e,r){return{full:e,trimmed:t?e.substring(0,parseInt(t,10)):e}}))}function O(e,r){var c=void 0===r?{}:r,l=c.forceSixWeeks,f=void 0===l||l,m=c.weekStartsOn,y=void 0===m?0:m,p=c.locale,v={locale:void 0===p?void 0:p,weekStartsOn:y},b=t(e),h=n(e),S=a(b,v),k=u(h,v),g=o(S,v),w=s({end:k,start:S}),O=[];return f&&w.length<42&&(w=s({end:i(k,42%w.length/7),start:S})),w.reduce((function(e,r){return O.push(r),d(r,g)?(e.push(O),O=[]):g=o(r,v),e}),[])}function J(e){var r=c(f,e);return l(f)<=e?r:i(r,1)}function M(e){for(var r=e%12,t=[],n=0;n<12;n++)t.push(e-r+n);return t}export{p as DAYS_IN_SIX_WEEKS,y as DAYS_IN_WEEK,b as MAX_MONTH_DEFAULT,S as MAX_YEAR_DEFAULT,v as MIN_MONTH_DEFAULT,h as MIN_YEAR_DEFAULT,k as MONTHS,f as TODAY,g as WEEKDAYS,m as YEARS_PER_PAGE,w as getMonthWeekDays,O as getMonthWeeks,J as getNextOccurrenceOfDay,M as getYears};
+import{startOfDay as e,startOfMonth as t,endOfMonth as r,startOfWeek as n,lastDayOfWeek as a,endOfWeek as s,eachDayOfInterval as u,addWeeks as o,isSameDay as c,setISODay as d,getISODay as l}from"date-fns";const i=e(new Date),y=12,p=7,f=42,m=0,h=11,S=1900,b=3e3,k=["January","February","March","April","May","June","July","August","September","October","November","December"],g=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];function w({trimWeekdays:e,weekStartsOn:t}){const r=[...g];return r.concat(r.splice(0,t)).map(((t,r)=>({full:t,trimmed:e?t.substring(0,parseInt(e,10)):t})))}function O(e,{forceSixWeeks:d=!0,weekStartsOn:l=0,locale:i}={}){const y={locale:i,weekStartsOn:l},p=t(e),f=r(e),m=n(p,y),h=a(f,y);let S=s(m,y),b=u({end:h,start:m}),k=[];return d&&b.length<42&&(b=u({end:o(h,42%b.length/7),start:m})),b.reduce(((e,t)=>(k.push(t),c(t,S)?(e.push(k),k=[]):S=s(t,y),e)),[])}function J(e){const t=d(i,e);return l(i)<=e?t:o(t,1)}function M(e){const t=e%12,r=[];for(let n=0;n<12;n++)r.push(e-t+n);return r}export{f as DAYS_IN_SIX_WEEKS,p as DAYS_IN_WEEK,h as MAX_MONTH_DEFAULT,b as MAX_YEAR_DEFAULT,m as MIN_MONTH_DEFAULT,S as MIN_YEAR_DEFAULT,k as MONTHS,i as TODAY,g as WEEKDAYS,y as YEARS_PER_PAGE,w as getMonthWeekDays,O as getMonthWeeks,J as getNextOccurrenceOfDay,M as getYears};
 //# sourceMappingURL=utils.js.map

package/dist/Card/Card.js

@@ -1,2 +1,2 @@
-import{__rest as r,__assign as o}from'./../ext/tslib/tslib.es6.js';import*as t from"react";import{StackView as i}from"../StackView/StackView.js";import{useThemeValue as e}from"../system/utils.js";import{cloneChildren as a}from"../utils.js";import{Section as s}from"./Section.js";function d(s){var d=s.children,n=s.subdued,u=s.radius,l=void 0===u?3:u,c=r(s,["children","subdued","radius"]),m=e("card"),p=["Avatar","Badge","Button","Calendar","ChurchCenterStatus","Group","Inline","Input","InputBox","Modal","Progress","Spinner","Status","Tab","Tooltip"];return t.createElement(i,o({width:"100%",lineHeight:2.5,borderColor:"separatorTertiary",borderStyle:"solid",borderWidth:1,backgroundColor:n?"surfaceSecondary":"surface",color:"foreground",radius:l},m,c),l>0?a(d,(function(r,o){var t,i,e=o.firstChild,a=o.lastChild;return void 0!==r.props.radius||p.includes(r.type.name)?{}:e?((t={})["radius".concat("horizontal"===c.axis?"Left":"Top")]=l-1,t):a?((i={})["radius".concat("horizontal"===c.axis?"Right":"Bottom")]=l-1,i):{}})):d)}d.Section=s;export{d as Card};
+import{__rest as r}from'./../ext/tslib/tslib.es6.js';import*as o from"react";import{StackView as t}from"../StackView/StackView.js";import{useThemeValue as e}from"../system/utils.js";import{cloneChildren as i}from"../utils.js";import{Section as s}from"./Section.js";function a(s){var{children:a,subdued:d,radius:n=3}=s,u=r(s,["children","subdued","radius"]);const l=e("card"),c=["Avatar","Badge","Button","Calendar","ChurchCenterStatus","Group","Inline","Input","InputBox","Modal","Progress","Spinner","Status","Tab","Tooltip"];return o.createElement(t,Object.assign({width:"100%",lineHeight:2.5,borderColor:"separatorTertiary",borderStyle:"solid",borderWidth:1,backgroundColor:d?"surfaceSecondary":"surface",color:"foreground",radius:n},l,u),n>0?i(a,((r,{firstChild:o,lastChild:t})=>void 0!==r.props.radius||c.includes(r.type.name)?{}:o?{["radius"+("horizontal"===u.axis?"Left":"Top")]:n-1}:t?{["radius"+("horizontal"===u.axis?"Right":"Bottom")]:n-1}:{})):a)}a.Section=s;export{a as Card};
 //# sourceMappingURL=Card.js.map

package/dist/Card/Section.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import*as o from"react";import{StackView as t}from"../StackView/StackView.js";function d(d){var a=d.subdued,i=e(d,["subdued"]);return o.createElement(t,r({width:"100%",padding:1,backgroundColor:a?"surfaceSecondary":void 0},i))}d.displayName="Card.Section";export{d as Section};
+import{__rest as e}from'./../ext/tslib/tslib.es6.js';import*as r from"react";import{StackView as o}from"../StackView/StackView.js";function t(t){var{subdued:a}=t,d=e(t,["subdued"]);return r.createElement(o,Object.assign({width:"100%",padding:1,backgroundColor:a?"surfaceSecondary":void 0},d))}t.displayName="Card.Section";export{t as Section};
 //# sourceMappingURL=Section.js.map

package/dist/Checkbox/Checkbox.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o,{useContext as r,useState as i,useRef as a,useLayoutEffect as n}from"react";import{Box as l}from"../Box/Box.js";import s from"../CheckboxGroup/CheckboxGroupContext.js";import{designTokens as c}from"../designTokens/index.js";import{useAccessibilityViolation as m}from"../hooks/use-accessibility-violation.js";import d from"../Icon/Icon.js";import{Link as p}from"../Link/Link.js";import{StackView as f}from"../StackView/StackView.js";import{useThemeValue as h}from"../system/utils.js";import{Text as u}from"../Text/Text.js";import k from"../Tooltip/Tooltip.js";import{mergeProps as b}from"../utils.js";import{VariantProvider as v}from"../VariantProvider/VariantProvider.js";var x="tapestry.checkbox2",g="tapestry.checkbox0",y="tapestry.checkbox1",E=function(c){var E=c.checked,C=c.disabled,S=c.id,T=c.indeterminate,F=c.label,z=c.name,P=c.onBlur,O=c.onChange,V=c.onFocus,w=c.size,B=void 0===w?"sm":w,I=c.value,N=e(c,["checked","disabled","id","indeterminate","label","name","onBlur","onChange","onFocus","size","value"]),L=h("checkbox"),_=r(s),D=i(!1),G=D[0],R=D[1],H=i(!1),q=H[0],A=H[1],J=_?_.value.indexOf(I)>-1:void 0===E?G:E,K=null,M=a(null),Q=i(!1),U=Q[0],W=Q[1],X=m(o.createElement(o.Fragment,null,"Checkbox must define a"," ",o.createElement(p,{external:!0,to:"https://planningcenter.github.io/tapestry-react/checkbox#label",weight:700},"label")," ","through props or a parent element that is a label."),'Tapestry-React: <Checkbox/> must define a "label" prop or have a parent that renders a label for proper accessibility.'),Y=X.tooltipProps,Z=X.wrapperProps;n((function(){if("production"!==process.env.NODE_ENV&&void 0===F){var e=null!==M.current.closest("label");W(!e)}}),[F]),"production"!==process.env.NODE_ENV&&(N=b(N,{innerRef:M}),U&&(K=Y,N=b(N,Z)));var $=function(e){var o=e.checkboxTheme,r=e.disabled,i={checkedFill:o.checkedFill,checkedStroke:o.checkedStroke,fill:o.fill,focusStroke:o.focusStroke,opacity:.5,stroke:o.stroke},a=o.disabled,n=t(t({},i),a);return r?n:o}({checkboxTheme:L,disabled:C});return o.createElement(v,{checked:J,indeterminate:T,focus:q,disabled:C},o.createElement(k,t({},K),o.createElement(f,t({as:F?"label":"span",inline:!0,axis:"horizontal",alignment:"center",shrink:0,position:"relative",spacing:.5,variants:{disabled:{cursor:"not-allowed",opacity:$.opacity}}},N),o.createElement(l,{as:"input",type:"checkbox",id:void 0!==S?String(S):void 0,name:_?_.name:z,checked:J,value:I,disabled:C,onChange:_?_.onChange:function(e){R(e.target.checked),O&&O(e)},onFocus:function(e){A(!0),V&&V(e)},onBlur:function(e){A(!1),P&&P(e)},position:"absolute",top:0,left:0,zIndex:0,opacity:0}),o.createElement(d,{size:B,zIndex:1},o.createElement(d.Path,{name:g,fill:$.fill,stroke:$.stroke,transform:"scale(1)",transformOrigin:"center center",transition:"all 180ms ease-out",variants:{active:{transform:"scale(1)"},checked:{fill:$.checkedFill,stroke:$.checkedStroke},focus:{stroke:L.focusStroke},indeterminate:{fill:L.checkedFill,stroke:L.checkedStroke}}}),o.createElement(d.Path,{name:y,fill:"#fff",transform:"scale(0)",transformOrigin:"center center",transition:"all 180ms ease-out",variants:{indeterminate:{transform:"scale(1)",transition:"all 120ms ease-out",visibility:"visible"}}}),o.createElement(d.Path,{name:x,fill:"#fff",transform:"scale(0)",transformOrigin:"center center",transition:"all 180ms ease-out",variants:{checked:{transform:"scale(1)",transition:"all 120ms ease-out",visibility:"visible"}}})),F&&o.createElement(u,{fontSize:4,lineHeight:2.5,color:j({appliedTheme:$,disabled:C})},F))))};function j(e){var t=e.appliedTheme;return e.disabled&&1===t.opacity?c.checkbox.disabledLabelColor:c.checkbox.labelColor}export{E as default};
+import{__rest as e}from'./../ext/tslib/tslib.es6.js';import t,{useContext as o,useState as i,useRef as r,useLayoutEffect as a}from"react";import{Box as n}from"../Box/Box.js";import s from"../CheckboxGroup/CheckboxGroupContext.js";import{designTokens as l}from"../designTokens/index.js";import{useAccessibilityViolation as c}from"../hooks/use-accessibility-violation.js";import m from"../Icon/Icon.js";import{Link as d}from"../Link/Link.js";import{StackView as p}from"../StackView/StackView.js";import{useThemeValue as f}from"../system/utils.js";import{Text as h}from"../Text/Text.js";import b from"../Tooltip/Tooltip.js";import{mergeProps as k}from"../utils.js";import{VariantProvider as u}from"../VariantProvider/VariantProvider.js";const x="tapestry.checkbox2",v="tapestry.checkbox0",g="tapestry.checkbox1",j=l=>{var{checked:j,disabled:E,id:C,indeterminate:S,label:O,name:T,onBlur:F,onChange:z,onFocus:P,size:V="sm",value:w}=l,B=e(l,["checked","disabled","id","indeterminate","label","name","onBlur","onChange","onFocus","size","value"]);const I=f("checkbox"),N=o(s),[L,_]=i(!1),[D,G]=i(!1),R=N?N.value.indexOf(w)>-1:void 0===j?L:j;let H=null;const q=r(null),[A,J]=i(!1),{tooltipProps:K,wrapperProps:M}=c(t.createElement(t.Fragment,null,"Checkbox must define a"," ",t.createElement(d,{external:!0,to:"https://planningcenter.github.io/tapestry-react/checkbox#label",weight:700},"label")," ","through props or a parent element that is a label."),'Tapestry-React: <Checkbox/> must define a "label" prop or have a parent that renders a label for proper accessibility.');a((()=>{if("production"!==process.env.NODE_ENV&&void 0===O){const e=null!==q.current.closest("label");J(!e)}}),[O]),"production"!==process.env.NODE_ENV&&(B=k(B,{innerRef:q}),A&&(H=K,B=k(B,M)));const Q=function({checkboxTheme:e,disabled:t}){const o={checkedFill:e.checkedFill,checkedStroke:e.checkedStroke,fill:e.fill,focusStroke:e.focusStroke,opacity:.5,stroke:e.stroke},i=e.disabled,r=Object.assign(Object.assign({},o),i);return t?r:e}({checkboxTheme:I,disabled:E});return t.createElement(u,{checked:R,indeterminate:S,focus:D,disabled:E},t.createElement(b,Object.assign({},H),t.createElement(p,Object.assign({as:O?"label":"span",inline:!0,axis:"horizontal",alignment:"center",shrink:0,position:"relative",spacing:.5,variants:{disabled:{cursor:"not-allowed",opacity:Q.opacity}}},B),t.createElement(n,{as:"input",type:"checkbox",id:void 0!==C?String(C):void 0,name:N?N.name:T,checked:R,value:w,disabled:E,onChange:N?N.onChange:e=>{_(e.target.checked),z&&z(e)},onFocus:e=>{G(!0),P&&P(e)},onBlur:e=>{G(!1),F&&F(e)},position:"absolute",top:0,left:0,zIndex:0,opacity:0}),t.createElement(m,{size:V,zIndex:1},t.createElement(m.Path,{name:v,fill:Q.fill,stroke:Q.stroke,transform:"scale(1)",transformOrigin:"center center",transition:"all 180ms ease-out",variants:{active:{transform:"scale(1)"},checked:{fill:Q.checkedFill,stroke:Q.checkedStroke},focus:{stroke:I.focusStroke},indeterminate:{fill:I.checkedFill,stroke:I.checkedStroke}}}),t.createElement(m.Path,{name:g,fill:"#fff",transform:"scale(0)",transformOrigin:"center center",transition:"all 180ms ease-out",variants:{indeterminate:{transform:"scale(1)",transition:"all 120ms ease-out",visibility:"visible"}}}),t.createElement(m.Path,{name:x,fill:"#fff",transform:"scale(0)",transformOrigin:"center center",transition:"all 180ms ease-out",variants:{checked:{transform:"scale(1)",transition:"all 120ms ease-out",visibility:"visible"}}})),O&&t.createElement(h,{fontSize:4,lineHeight:2.5,color:y({appliedTheme:Q,disabled:E})},O))))};function y({appliedTheme:e,disabled:t}){return t&&1===e.opacity?l.checkbox.disabledLabelColor:l.checkbox.labelColor}export{j as default};
 //# sourceMappingURL=Checkbox.js.map

package/dist/CheckboxCard/CheckboxCard.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import o,{useState as t}from"react";import{Box as a}from"../Box/Box.js";import{Card as n}from"../Card/Card.js";import s from"../Checkbox/Checkbox.js";import{Text as c}from"../Text/Text.js";function i(i){var d=i.checked,l=i.onChange,m=i.subtitle,p=i.title,h=e(i,["checked","onChange","subtitle","title"]),u=t(!1),f=u[0],b=u[1],g=void 0===d?f:d;return o.createElement(n,r({as:"label",axis:"horizontal",alignment:"center",width:"auto",padding:1,spacing:1,cursor:"pointer",borderColor:g?"separatorFocus":"separatorSecondary",hover:{borderColor:g?void 0:"separator"},css:{":focus-within":{stroke:"separatorFocusSecondary",strokeWeight:2}}},h),o.createElement(s,{size:"sm",checked:d,onChange:function(e){b(e.target.checked),l&&l(e)}}),o.createElement(a,{shrink:1},o.createElement(c,{as:"span",truncate:!0},p),o.createElement(c,{as:"span",color:"foregroundSecondary",truncate:!0},m)))}export{i as default};
+import{__rest as e}from'./../ext/tslib/tslib.es6.js';import r,{useState as t}from"react";import{Box as o}from"../Box/Box.js";import{Card as a}from"../Card/Card.js";import s from"../Checkbox/Checkbox.js";import{Text as n}from"../Text/Text.js";function c(c){var{checked:i,onChange:d,subtitle:l,title:m}=c,p=e(c,["checked","onChange","subtitle","title"]);const[h,u]=t(!1),b=void 0===i?h:i;return r.createElement(a,Object.assign({as:"label",axis:"horizontal",alignment:"center",width:"auto",padding:1,spacing:1,cursor:"pointer",borderColor:b?"separatorFocus":"separatorSecondary",hover:{borderColor:b?void 0:"separator"},css:{":focus-within":{stroke:"separatorFocusSecondary",strokeWeight:2}}},p),r.createElement(s,{size:"sm",checked:i,onChange:e=>{u(e.target.checked),d&&d(e)}}),r.createElement(o,{shrink:1},r.createElement(n,{as:"span",truncate:!0},m),r.createElement(n,{as:"span",color:"foregroundSecondary",truncate:!0},l)))}export{c as default};
 //# sourceMappingURL=CheckboxCard.js.map

package/dist/CheckboxGroup/CheckboxGroup.js

@@ -1,2 +1,2 @@
-import{__spreadArray as e}from'./../ext/tslib/tslib.es6.js';import r,{useState as o,useEffect as t,useCallback as a}from"react";import{shallowEqual as n}from"../utils.js";import i from"./CheckboxGroupContext.js";var l=function(l){var u=l.children,m=l.name,s=l.onChange,c=l.value,f=o(c),v=f[0],p=f[1];t((function(){n(c,v)||p(c)}),[c,v]);var d=a((function(r){var o=r.target,t=o.checked,a=o.value,n=e([],v,!0);if(t)n.push(a);else{var i=n.indexOf(a);i>-1&&n.splice(i,1)}s(n)}),[v,s]),h={name:m,onChange:d,value:v};return r.createElement(i.Provider,{value:h},u)};export{l as default};
+import e,{useState as t,useEffect as o,useCallback as n}from"react";import{shallowEqual as r}from"../utils.js";import a from"./CheckboxGroupContext.js";const c=({children:c,name:s,onChange:l,value:i})=>{const[m,u]=t(i);o((()=>{r(i,m)||u(i)}),[i,m]);const p={name:s,onChange:n((e=>{const{checked:t,value:o}=e.target,n=[...m];if(t)n.push(o);else{const e=n.indexOf(o);e>-1&&n.splice(e,1)}l(n)}),[m,l]),value:m};return e.createElement(a.Provider,{value:p},c)};export{c as default};
 //# sourceMappingURL=CheckboxGroup.js.map

package/dist/CheckboxGroup/CheckboxGroupContext.js

@@ -1,2 +1,2 @@
-import{createContext as r}from"react";var a=r(void 0);export{a as default};
+import{createContext as o}from"react";const t=o(void 0);export{t as default};
 //# sourceMappingURL=CheckboxGroupContext.js.map

package/dist/ChurchCenterStatus/ChurchCenterStatus.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import n from"react";import{Button as i}from"../Button/Button.js";import{Divider as r}from"../Divider/Divider.js";import o from"../Dropdown/Dropdown.js";import a from"../Icon/Icon.js";import{StackView as c}from"../StackView/StackView.js";import{Text as s}from"../Text/Text.js";function l(l){var p=l.buttonProps,m=void 0===p?{}:p,d=l.ccAppEnabled,g=void 0!==d&&d,h=l.ccPublishingEnabled,b=void 0!==h&&h,u=l.ccWebEnabled,x=void 0!==u&&u,E=l.description,v=l.destinationLabel,f=l.disabledDescription,w=void 0===f?"People cannot access this product on the web or mobile app.":f,z=l.dropdownProps,P=void 0===z?{}:z,k=l.icons,j=l.productUrl,C=l.renderPopoverFooter,D=void 0===C?function(){}:C,L=l.settingsUrl,T=l.showSettingsLink,W=void 0===T||T,U=e(l,["buttonProps","ccAppEnabled","ccPublishingEnabled","ccWebEnabled","description","destinationLabel","disabledDescription","dropdownProps","icons","productUrl","renderPopoverFooter","settingsUrl","showSettingsLink"]),S=t({distribution:"start",fontWeight:400,paddingHorizontal:2,radius:0,variant:"naked"},m),V=g||x,A=W||V&&b||!!D(),B=t({check:"general.check",exclamationTriangle:"general.exclamationTriangle",external:"general.newWindow",x:"general.x"},k);return n.createElement(c,t({axis:"horizontal",spacing:1},U),n.createElement(o,t({fontWeight:400,placement:"bottom-end",popoverProps:t({width:"280px"},P.popoverProps),theme:"dark",title:"Church Center",variant:"outline"},(!V||!b)&&{iconLeft:{name:B.exclamationTriangle,size:"sm"}},P),n.createElement(c,{padding:2,spacing:2},b?V?n.createElement(s,{size:"14px"},E):n.createElement(s,{size:"14px"},n.createElement("strong",null,"Church Center is disabled.")," ",w):n.createElement(s,{size:"14px"},n.createElement("strong",null,"This product is not published on Church Center.")," ",w),V&&b&&n.createElement(c,{axis:"horizontal",spacing:3},n.createElement(c,{axis:"horizontal",alignment:"center",spacing:.5},n.createElement(a,{color:x?"success":"error",name:x?B.check:B.x,size:"sm"}),n.createElement(s,{size:"14px",weight:700},"Web")),n.createElement(c,{axis:"horizontal",alignment:"center",spacing:.5},n.createElement(a,{color:g?"success":"error",name:g?B.check:B.x,size:"sm"}),n.createElement(s,{size:"14px",weight:700},"Mobile app")))),A&&n.createElement(r,{margin:.5}),n.createElement(c,null,W&&n.createElement(i,t({external:!0,title:"Update settings",to:L},S)),V&&b&&n.createElement(i,t({external:!0,iconRight:{color:"inherit",marginLeft:1,name:B.external,size:"xs"},title:"Visit ".concat(v),to:j},S,{as:"a"})),D(S))))}export{l as ChurchCenterStatus};
+import{__rest as e}from'./../ext/tslib/tslib.es6.js';import t from"react";import{Button as n}from"../Button/Button.js";import{Divider as r}from"../Divider/Divider.js";import i from"../Dropdown/Dropdown.js";import o from"../Icon/Icon.js";import{StackView as a}from"../StackView/StackView.js";import{Text as s}from"../Text/Text.js";function c(c){var{buttonProps:l={},ccAppEnabled:p=!1,ccPublishingEnabled:m=!1,ccWebEnabled:d=!1,description:g,destinationLabel:b,disabledDescription:h="People cannot access this product on the web or mobile app.",dropdownProps:u={},icons:x,productUrl:E,renderPopoverFooter:j=(()=>{}),settingsUrl:w,showSettingsLink:z=!0}=c,f=e(c,["buttonProps","ccAppEnabled","ccPublishingEnabled","ccWebEnabled","description","destinationLabel","disabledDescription","dropdownProps","icons","productUrl","renderPopoverFooter","settingsUrl","showSettingsLink"]);const P=Object.assign({distribution:"start",fontWeight:400,paddingHorizontal:2,radius:0,variant:"naked"},l),k=p||d,v=z||k&&m||!!j(),O=Object.assign({check:"general.check",exclamationTriangle:"general.exclamationTriangle",external:"general.newWindow",x:"general.x"},x);return t.createElement(a,Object.assign({axis:"horizontal",spacing:1},f),t.createElement(i,Object.assign({fontWeight:400,placement:"bottom-end",popoverProps:Object.assign({width:"280px"},u.popoverProps),theme:"dark",title:"Church Center",variant:"outline"},(!k||!m)&&{iconLeft:{name:O.exclamationTriangle,size:"sm"}},u),t.createElement(a,{padding:2,spacing:2},m?k?t.createElement(s,{size:"14px"},g):t.createElement(s,{size:"14px"},t.createElement("strong",null,"Church Center is disabled.")," ",h):t.createElement(s,{size:"14px"},t.createElement("strong",null,"This product is not published on Church Center.")," ",h),k&&m&&t.createElement(a,{axis:"horizontal",spacing:3},t.createElement(a,{axis:"horizontal",alignment:"center",spacing:.5},t.createElement(o,{color:d?"success":"error",name:d?O.check:O.x,size:"sm"}),t.createElement(s,{size:"14px",weight:700},"Web")),t.createElement(a,{axis:"horizontal",alignment:"center",spacing:.5},t.createElement(o,{color:p?"success":"error",name:p?O.check:O.x,size:"sm"}),t.createElement(s,{size:"14px",weight:700},"Mobile app")))),v&&t.createElement(r,{margin:.5}),t.createElement(a,null,z&&t.createElement(n,Object.assign({external:!0,title:"Update settings",to:w},P)),k&&m&&t.createElement(n,Object.assign({external:!0,iconRight:{color:"inherit",marginLeft:1,name:O.external,size:"xs"},title:`Visit ${b}`,to:E},P,{as:"a"})),j(P))))}export{c as ChurchCenterStatus};
 //# sourceMappingURL=ChurchCenterStatus.js.map

package/dist/Collapse/Collapse.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import n,{useState as i,useRef as r,useLayoutEffect as o}from"react";function s(s){var a=s.children,l=s.instant,u=s.lazy,c=s.onComplete,m=s.open,f=s.style,h=e(s,["children","instant","lazy","onComplete","open","style"]),d=i(!u||m),y=d[0],v=d[1],g=r(),p=r(!0),q=l||p.current;function A(){var e=g.current;requestAnimationFrame((function(){e.style.height=e.scrollHeight+"px"}))}function F(){var e=g.current;requestAnimationFrame((function(){e.style.height=e.offsetHeight+"px",e.style.overflow="hidden",requestAnimationFrame((function(){e.style.height="0"}))}))}return o((function(){u?m?y?A():v(!0):F():m?A():F()}),[m,y]),o((function(){var e=g.current;function t(){e.style.overflow=m?"initial":"hidden",m&&requestAnimationFrame((function(){e.style.margin=null,e.style.height="auto"})),!m&&u&&(e.style.margin="0",v(!1)),p.current?p.current=!1:c&&c()}function n(n){n.target===e&&"height"===n.propertyName&&t()}return q&&requestAnimationFrame((function(){return t()})),e.addEventListener("transitionend",n),function(){e.removeEventListener("transitionend",n)}}),[m]),n.createElement("div",t({ref:g,style:t({transition:q?void 0:"height 200ms ease-out",visibility:m?"visible":"hidden"},f)},h),y?a:null)}export{s as default};
+import{__rest as e}from'./../ext/tslib/tslib.es6.js';import t,{useState as n,useRef as i,useLayoutEffect as r}from"react";function s(s){const{children:o,instant:l,lazy:a,onComplete:u,open:m,style:c}=s,h=e(s,["children","instant","lazy","onComplete","open","style"]),[d,y]=n(!a||m),f=i(),g=i(!0),p=l||g.current;function v(){const e=f.current;requestAnimationFrame((()=>{e.style.height=e.scrollHeight+"px"}))}function b(){const e=f.current;requestAnimationFrame((()=>{e.style.height=e.offsetHeight+"px",e.style.overflow="hidden",requestAnimationFrame((()=>{e.style.height="0"}))}))}return r((()=>{a?m?d?v():y(!0):b():m?v():b()}),[m,d]),r((()=>{const e=f.current;function t(){e.style.overflow=m?"initial":"hidden",m&&requestAnimationFrame((()=>{e.style.margin=null,e.style.height="auto"})),!m&&a&&(e.style.margin="0",y(!1)),g.current?g.current=!1:u&&u()}function n(n){n.target===e&&"height"===n.propertyName&&t()}return p&&requestAnimationFrame((()=>t())),e.addEventListener("transitionend",n),()=>{e.removeEventListener("transitionend",n)}}),[m]),t.createElement("div",Object.assign({ref:f,style:Object.assign({transition:p?void 0:"height 200ms ease-out",visibility:m?"visible":"hidden"},c)},h),d?o:null)}export{s as default};
 //# sourceMappingURL=Collapse.js.map

package/dist/ColumnView/ColumnView.js

@@ -1,2 +1,2 @@
-import{__rest as r,__assign as o}from'./../ext/tslib/tslib.es6.js';import s,{Children as t,isValidElement as e}from"react";import{StackView as i}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{spacingValue as n}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";function p(p){var a=p.children,m=p.sizes,c=void 0===m?[]:m,l=p.spacing,u=r(p,["children","sizes","spacing"]),d=n(l),h=t.toArray(a).sort((function(r,o){return(e(r)&&r.props.order||0)-(e(o)&&o.props.order||0)})).reduce((function(r,o,s){var t=e(o)&&void 0!==o.props.index?o.props.index:s;return r[t]||(r[t]=[]),r[t].push(o),r}),[]);return s.createElement(i,o({axis:"horizontal",grow:1,shrink:1},u),h.map((function(r,t){var n=c&&c[t]||"auto",p="object"==typeof n?o(o({},n),{grow:n.grow||0,shrink:n.shrink||0}):"auto"===n?{basis:"100%",grow:1,shrink:1}:{basis:n,grow:0,shrink:0};return s.createElement(i,o({key:t},p,{marginLeft:0===t?null:d,spacing:d}),r.map((function(r){return e(r)?r.props.children:r})))})))}p.Column=function(){return null};export{p as default};
+import{__rest as s}from'./../ext/tslib/tslib.es6.js';import r,{Children as t,isValidElement as o}from"react";import{StackView as e}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{spacingValue as i}from"../system/utils.js";import"../system/style-names.js";import"../system/default-theme.js";import"@emotion/react";import"../system/cxs.js";function n(n){const{children:m,sizes:p=[],spacing:a}=n,c=s(n,["children","sizes","spacing"]),l=i(a),u=t.toArray(m).sort(((s,r)=>(o(s)&&s.props.order||0)-(o(r)&&r.props.order||0))).reduce(((s,r,t)=>{const e=o(r)&&void 0!==r.props.index?r.props.index:t;return s[e]||(s[e]=[]),s[e].push(r),s}),[]);return r.createElement(e,Object.assign({axis:"horizontal",grow:1,shrink:1},c),u.map(((s,t)=>{const i=p&&p[t]||"auto",n="object"==typeof i?Object.assign(Object.assign({},i),{grow:i.grow||0,shrink:i.shrink||0}):"auto"===i?{basis:"100%",grow:1,shrink:1}:{basis:i,grow:0,shrink:0};return r.createElement(e,Object.assign({key:t},n,{marginLeft:0===t?null:l,spacing:l}),s.map((s=>o(s)?s.props.children:s)))})))}n.Column=function(){return null};export{n as default};
 //# sourceMappingURL=ColumnView.js.map

package/dist/Combobox/Combobox.js

@@ -1,2 +1,2 @@
-import{__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import e from"react";import{Box as m}from"../Box/Box.js";import r from"../ItemList/ItemList.js";import"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import{useThemeProps as i}from"../system/utils.js";import s from"./ComboboxInput.js";import l from"./ComboboxItem.js";import n from"./ComboboxItems.js";import p from"./ComboboxPopover.js";function c(s){var l=i("combobox",s),n=l.children,p=l.onHighlight,c=l.onSelect,I=l.selectedValue,b=t(l,["children","onHighlight","onSelect","selectedValue"]);return e.createElement(r,{onHighlight:p,onSelect:c,selected:function(t){return t.value===I}},e.createElement(m,o({},b),n))}c.Input=s,c.Item=l,c.Items=n,c.Popover=p;export{c as default};
+import{__rest as o}from'./../ext/tslib/tslib.es6.js';import t from"react";import{Box as e}from"../Box/Box.js";import m from"../ItemList/ItemList.js";import"../ItemList/ItemListContext.js";import{useThemeProps as r}from"../system/utils.js";import s from"./ComboboxInput.js";import i from"./ComboboxItem.js";import l from"./ComboboxItems.js";import n from"./ComboboxPopover.js";function c(s){const i=r("combobox",s),{children:l,onHighlight:n,onSelect:c,selectedValue:p}=i,b=o(i,["children","onHighlight","onSelect","selectedValue"]);return t.createElement(m,{onHighlight:n,onSelect:c,selected:o=>o.value===p},t.createElement(e,Object.assign({},b),l))}c.Input=s,c.Item=i,c.Items=l,c.Popover=n;export{c as default};
 //# sourceMappingURL=Combobox.js.map

package/dist/Combobox/ComboboxInput.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as n}from'./../ext/tslib/tslib.es6.js';import o,{forwardRef as t,useRef as r,useCallback as i,useImperativeHandle as a,useContext as l,useEffect as u}from"react";import s from"../Input/Input.js";import"../ItemList/ItemList.js";import m from"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import d from"../ItemList/ItemListContext.js";import{useThemeProps as c}from"../system/utils.js";var p=t((function(t,p){var f=c("combobox.input",t),v=f.autoFocus,I=f.defaultValue,y=f.disabled,g=f.innerRef,h=f.isOpen,b=f.isLoading,C=f.name,L=f.onBlur,x=f.onChange,w=f.onFocus,j=f.onClear,D=f.onClose,F=f.onKeyDown,K=f.onKeyUp,O=f.placeholder,k=f.readOnly,B=f.size,E=f.type,H=f.value,R=e(f,["autoFocus","defaultValue","disabled","innerRef","isOpen","isLoading","name","onBlur","onChange","onFocus","onClear","onClose","onKeyDown","onKeyUp","placeholder","readOnly","size","type","value"]),U=r(null),z=i((function(){var e;null===(e=U.current)||void 0===e||e.focus()}),[U]),T=i((function(){var e;null===(e=U.current)||void 0===e||e.blur()}),[U]);a(p,(function(){return{blur:T,focus:z}}));var V=l(d);u((function(){var e=setTimeout((function(){V.setHighlightedIndex(0)}));return function(){return clearTimeout(e)}}),[V]);var A=i((function(e){"ArrowUp"===e.key&&(e.preventDefault(),V.moveHighlightedIndex(-1,{contain:!1})),"ArrowDown"===e.key&&(e.preventDefault(),V.moveHighlightedIndex(1,{contain:!1})),"Enter"===e.key&&(e.preventDefault(),V.selectHighlightedItem()),F&&F(e),D&&"Tab"===e.key&&D()}),[V,D,F]);return o.createElement(m,null,(function(e){var t=e.highlightedItemId,r=e.id;return o.createElement(s.InputBox,n({innerRef:g,size:B,disabled:y,isLoading:b,onClear:"function"==typeof j?j:void 0},R,{grow:1}),o.createElement(s.InputField,{innerRef:function(e){U.current=e},grow:1,role:"combobox",autoComplete:"off","aria-autocomplete":"list","aria-controls":r,"aria-expanded":h,"aria-activedescendant":t,autoFocus:v,type:E,name:C,disabled:y,readOnly:k,placeholder:O,defaultValue:I,value:H,onChange:x,onFocus:w,onBlur:L,onKeyDown:A,onKeyUp:K}))}))}));p.displayName="Combobox.Input";export{p as default};
+import{__rest as e}from'./../ext/tslib/tslib.es6.js';import o,{forwardRef as n,useRef as t,useCallback as r,useImperativeHandle as l,useContext as a,useEffect as i}from"react";import s from"../Input/Input.js";import u from"../ItemList/ItemListContext.js";import"../utils.js";import d from"../ItemList/ItemListController.js";import{useThemeProps as m}from"../system/utils.js";const c=n(((n,c)=>{const p=m("combobox.input",n),{autoFocus:f,defaultValue:g,disabled:y,innerRef:h,isOpen:b,isLoading:I,name:v,onBlur:C,onChange:x,onFocus:w,onClear:j,onClose:D,onKeyDown:F,onKeyUp:L,placeholder:K,readOnly:O,size:k,type:B,value:E}=p,H=e(p,["autoFocus","defaultValue","disabled","innerRef","isOpen","isLoading","name","onBlur","onChange","onFocus","onClear","onClose","onKeyDown","onKeyUp","placeholder","readOnly","size","type","value"]),R=t(null),U=r((()=>{var e;null===(e=R.current)||void 0===e||e.focus()}),[R]),z=r((()=>{var e;null===(e=R.current)||void 0===e||e.blur()}),[R]);l(c,(()=>({blur:z,focus:U})));const T=a(u);i((()=>{const e=setTimeout((()=>{T.setHighlightedIndex(0)}));return()=>clearTimeout(e)}),[T]);const V=r((e=>{"ArrowUp"===e.key&&(e.preventDefault(),T.moveHighlightedIndex(-1,{contain:!1})),"ArrowDown"===e.key&&(e.preventDefault(),T.moveHighlightedIndex(1,{contain:!1})),"Enter"===e.key&&(e.preventDefault(),T.selectHighlightedItem()),F&&F(e),D&&"Tab"===e.key&&D()}),[T,D,F]);return o.createElement(d,null,(e=>{const{highlightedItemId:n,id:t}=e;return o.createElement(s.InputBox,Object.assign({innerRef:h,size:k,disabled:y,isLoading:I,onClear:"function"==typeof j?j:void 0},H,{grow:1}),o.createElement(s.InputField,{innerRef:e=>{R.current=e},grow:1,role:"combobox",autoComplete:"off","aria-autocomplete":"list","aria-controls":t,"aria-expanded":b,"aria-activedescendant":n,autoFocus:f,type:B,name:v,disabled:y,readOnly:O,placeholder:K,defaultValue:g,value:E,onChange:x,onFocus:w,onBlur:C,onKeyDown:V,onKeyUp:L}))}))}));c.displayName="Combobox.Input";export{c as default};
 //# sourceMappingURL=ComboboxInput.js.map

package/dist/Combobox/ComboboxItem.js

@@ -1,2 +1,2 @@
-import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import i from"react";import"../ItemList/ItemList.js";import"../ItemList/ItemListController.js";import o from"../ItemList/ItemListItem.js";import m from"../Menu/Menu.js";import{useThemeProps as s}from"../system/utils.js";function r(r){var a=s("combobox.item",r),n=a.value,l=a.index;a.text;var d=a.disabled,u=void 0!==d&&d,p=t(a,["value","index","text","disabled"]);return i.createElement(o,{data:n,disabled:u,index:l},(function(t){var o=t.id,s=t.highlight,r=t.highlighted,a=t.clearHighlight,n=t.select;return i.createElement(m.Item,e({disabled:u,id:o,isHighlighted:r,onMouseOver:s,onMouseOut:a,onClick:function(t){t.stopPropagation(),t.nativeEvent.stopImmediatePropagation(),n(t)}},p))}))}r.displayName="Combobox.Item";export{r as default};
+import{__rest as t}from'./../ext/tslib/tslib.es6.js';import e from"react";import"../ItemList/ItemListContext.js";import"../utils.js";import i from"../ItemList/ItemListItem.js";import o from"../Menu/Menu.js";import{useThemeProps as s}from"../system/utils.js";function m(m){const a=s("combobox.item",m),{value:l,index:r,text:d,disabled:n=!1}=a,p=t(a,["value","index","text","disabled"]);return e.createElement(i,{data:l,disabled:n,index:r},(({id:t,highlight:i,highlighted:s,clearHighlight:m,select:a})=>e.createElement(o.Item,Object.assign({disabled:n,id:t,isHighlighted:s,onMouseOver:i,onMouseOut:m,onClick:t=>{t.stopPropagation(),t.nativeEvent.stopImmediatePropagation(),a(t)}},p))))}m.displayName="Combobox.Item";export{m as default};
 //# sourceMappingURL=ComboboxItem.js.map

package/dist/Combobox/ComboboxItems.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{matchSorter as r}from"match-sorter";import o,{useState as i,useEffect as n,Children as m}from"react";import{Box as l}from"../Box/Box.js";import a from"../HeadingUppercase/HeadingUppercase.js";import s from"../Menu/Menu.js";import{StackView as u}from"../StackView/StackView.js";import{useThemeProps as f}from"../system/utils.js";import{Text as c}from"../Text/Text.js";import p from"./ComboboxItem.js";var d=function(e){return o.createElement(s.Item,null,o.createElement(c,null,"No results for"," ",o.createElement(c,{as:"span",inline:!0,color:"grey-7"},"“",e,"”")))},v=function(e){return o.createElement(p,{value:e,children:e?String(e):null})};function E(s){var c=f("combobox.items",s),p=c.filter,E=c.items,b=c.renderEmpty,g=void 0===b?d:b,j=c.renderItem,x=void 0===j?v:j,y=c.title,I=c.value,h=void 0===I?"":I,H=e(c,["filter","items","renderEmpty","renderItem","title","value"]),S=i(w({filter:p,items:E,value:h})),V=S[0],k=S[1];function w(e){var t=e.items,o=e.value,i=e.filter;return r(t,o.length>0?o:"",i)}return n((function(){k(w({filter:p,items:E,value:h}))}),[E,h,p]),o.createElement(l,t({},H),y&&o.createElement(u,{paddingHorizontal:1,paddingVertical:.5},o.createElement(a,null,y)),m.toArray(V.length>0?V.map((function(e,t){return x(e,t)})):"function"==typeof g?g(h):g))}E.displayName="Combobox.Items";export{E as default};
+import{__rest as e}from'./../ext/tslib/tslib.es6.js';import{matchSorter as t}from"match-sorter";import r,{useState as m,useEffect as o,Children as i}from"react";import{Box as l}from"../Box/Box.js";import n from"../HeadingUppercase/HeadingUppercase.js";import s from"../Menu/Menu.js";import{StackView as a}from"../StackView/StackView.js";import{useThemeProps as c}from"../system/utils.js";import{Text as p}from"../Text/Text.js";import f from"./ComboboxItem.js";const u=e=>r.createElement(s.Item,null,r.createElement(p,null,"No results for"," ",r.createElement(p,{as:"span",inline:!0,color:"grey-7"},"“",e,"”"))),d=e=>r.createElement(f,{value:e,children:e?String(e):null});function b(s){const p=c("combobox.items",s),{filter:f,items:b,renderEmpty:g=u,renderItem:j=d,title:E,value:x=""}=p,y=e(p,["filter","items","renderEmpty","renderItem","title","value"]),[v,I]=m(h({filter:f,items:b,value:x}));function h({items:e,value:r,filter:m}){return t(e,r.length>0?r:"",m)}return o((()=>{I(h({filter:f,items:b,value:x}))}),[b,x,f]),r.createElement(l,Object.assign({},y),E&&r.createElement(a,{paddingHorizontal:1,paddingVertical:.5},r.createElement(n,null,E)),i.toArray(v.length>0?v.map(((e,t)=>j(e,t))):"function"==typeof g?g(x):g))}b.displayName="Combobox.Items";export{b as default};
 //# sourceMappingURL=ComboboxItems.js.map

package/dist/Combobox/ComboboxPopover.js

@@ -1,2 +1,2 @@
-import{__extends as e,__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import n,{Component as r}from"react";import{Button as l}from"../Button/Button.js";import i from"../FocusGroup/FocusGroup.js";import u from"../ItemList/ItemList.js";import"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import a from"../Menu/Menu.js";import{Popover as c}from"../Popover/Popover.js";import{generateId as p}from"../utils.js";import s from"./ComboboxInput.js";var b=function(r){function b(){var e=null!==r&&r.apply(this,arguments)||this;return Object.defineProperty(e,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"input",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"state",{enumerable:!0,configurable:!0,writable:!0,value:{isPopoverOpen:e.props.defaultOpen||!1}}),Object.defineProperty(e,"id",{enumerable:!0,configurable:!0,writable:!0,value:p("combobox")}),Object.defineProperty(e,"inputNode",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"inputTouched",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(e,"closeRequestId",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"setItemListRef",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.itemList=t}}),Object.defineProperty(e,"setInputRef",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.input=t}}),Object.defineProperty(e,"openPopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.setState({isPopoverOpen:!0},(function(){e.itemList.setHighlightedIndex(0,{maybeScrollIntoView:!1})}))}}),Object.defineProperty(e,"closePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.closeRequestId=requestAnimationFrame((function(){e.setState({isPopoverOpen:!1},(function(){e.itemList.clearHighlightedIndex()}))}))}}),Object.defineProperty(e,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.closePopover(),e.inputTouched=!1,e.props.onBlur&&e.props.onBlur(t)}}),Object.defineProperty(e,"handleSelect",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.props.closeOnSelect&&e.closePopover(),e.props.onSelect&&e.props.onSelect(t)}}),e}return e(b,r),Object.defineProperty(b.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){e.disabled!=e.disabled&&!0===this.props.disabled&&this.closePopover(),document.activeElement===this.inputNode&&e.value!==this.props.value&&this.props.value.length>0&&!this.state.isPopoverOpen&&this.openPopover()}}),Object.defineProperty(b.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.closeRequestId&&cancelAnimationFrame(this.closeRequestId)}}),Object.defineProperty(b.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props,p=r.children,b=r.closeButton,f=r.closeOnSelect,d=r.disabled,m=r.dropdownButton,v=r.innerRef;r.defaultOpen;var h=r.lockScrollWhileOpen,P=r.onClear;r.onBlur;var O=r.onFocus;r.onSelect;var g=r.openOnFocus,j=r.placement,y=r.popoverProps,w=r.relativeTo,I=r.renderTo,R=r.value,S=t(r,["children","closeButton","closeOnSelect","disabled","dropdownButton","innerRef","defaultOpen","lockScrollWhileOpen","onClear","onBlur","onFocus","onSelect","openOnFocus","placement","popoverProps","relativeTo","renderTo","value"]),B=this.state.isPopoverOpen,L=R&&R.length>0;return n.createElement(i,{onBlur:this.handleBlur},(function(t){var r=t.requestBlur,i=t.setRef;return n.createElement(u,{ref:e.setItemListRef,onSelect:e.handleSelect},(function(t){var u=t.clearHighlightedIndex;return n.createElement(c,o({keepInView:!1,matchWidths:!0,minWidth:16},y,{as:a,innerRef:function(t){i("".concat(e.id,"-popover"))(t)},role:"menu",tabIndex:-1,elevation:2,lockScrollWhileOpen:h,placement:j,relativeTo:w,renderTo:I,open:B,onBlur:r,anchorElement:function(t){return n.createElement(s,o({ref:e.setInputRef,innerRef:function(o){var n;"function"==typeof t.innerRef?t.innerRef(o):(null===(n=t.innerRef)||void 0===n?void 0:n.current)&&(t.innerRef.current=o),e.inputNode=o?o.querySelector("input"):null,i("".concat(e.id,"-input"))(o),v&&v(o)},value:R,onFocus:function(t){(f?g&&!e.inputTouched:g)&&e.openPopover(),e.inputTouched=!0,O&&O(t)},onBlur:function(e){r(e),u()},onClear:L?P:void 0,renderRight:b?n.createElement(l,o({disabled:d,icon:{name:"general.x"},title:"close options",theme:!1},b)):m?n.createElement(l,{disabled:d,icon:{name:B?"general.x":"general.downCaret"},title:B?"close options":"open options",theme:!1,onClick:function(){B?e.closePopover():e.openPopover(),e.input.focus()}}):null,disabled:d},S))}}),p)}))}))}}),Object.defineProperty(b,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Combobox.Popover"}),Object.defineProperty(b,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{closeOnSelect:!1,openOnFocus:!1}}),b}(r);export{b as default};
+import{__rest as e}from'./../ext/tslib/tslib.es6.js';import t,{Component as o}from"react";import{Button as i}from"../Button/Button.js";import n from"../FocusGroup/FocusGroup.js";import r from"../ItemList/ItemList.js";import"../ItemList/ItemListContext.js";import l from"../Menu/Menu.js";import{Popover as s}from"../Popover/Popover.js";import{generateId as a}from"../utils.js";import u from"./ComboboxInput.js";class p extends o{constructor(){super(...arguments),Object.defineProperty(this,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"input",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"state",{enumerable:!0,configurable:!0,writable:!0,value:{isPopoverOpen:this.props.defaultOpen||!1}}),Object.defineProperty(this,"id",{enumerable:!0,configurable:!0,writable:!0,value:a("combobox")}),Object.defineProperty(this,"inputNode",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"inputTouched",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(this,"closeRequestId",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(this,"setItemListRef",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.itemList=e}}),Object.defineProperty(this,"setInputRef",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.input=e}}),Object.defineProperty(this,"openPopover",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.setState({isPopoverOpen:!0},(()=>{this.itemList.setHighlightedIndex(0,{maybeScrollIntoView:!1})}))}}),Object.defineProperty(this,"closePopover",{enumerable:!0,configurable:!0,writable:!0,value:()=>{this.closeRequestId=requestAnimationFrame((()=>{this.setState({isPopoverOpen:!1},(()=>{this.itemList.clearHighlightedIndex()}))}))}}),Object.defineProperty(this,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.closePopover(),this.inputTouched=!1,this.props.onBlur&&this.props.onBlur(e)}}),Object.defineProperty(this,"handleSelect",{enumerable:!0,configurable:!0,writable:!0,value:e=>{this.props.closeOnSelect&&this.closePopover(),this.props.onSelect&&this.props.onSelect(e)}})}componentDidUpdate(e){e.disabled!=e.disabled&&!0===this.props.disabled&&this.closePopover();document.activeElement===this.inputNode&&e.value!==this.props.value&&this.props.value.length>0&&!this.state.isPopoverOpen&&this.openPopover()}componentWillUnmount(){this.closeRequestId&&cancelAnimationFrame(this.closeRequestId)}render(){const o=this.props,{children:a,closeButton:p,closeOnSelect:c,disabled:d,dropdownButton:b,innerRef:h,defaultOpen:m,lockScrollWhileOpen:f,onClear:v,onBlur:O,onFocus:P,onSelect:g,openOnFocus:j,placement:w,popoverProps:y,relativeTo:I,renderTo:R,value:S}=o,B=e(o,["children","closeButton","closeOnSelect","disabled","dropdownButton","innerRef","defaultOpen","lockScrollWhileOpen","onClear","onBlur","onFocus","onSelect","openOnFocus","placement","popoverProps","relativeTo","renderTo","value"]),{isPopoverOpen:x}=this.state,F=S&&S.length>0;return t.createElement(n,{onBlur:this.handleBlur},(({requestBlur:e,setRef:o})=>t.createElement(r,{ref:this.setItemListRef,onSelect:this.handleSelect},(({clearHighlightedIndex:n})=>t.createElement(s,Object.assign({keepInView:!1,matchWidths:!0,minWidth:16},y,{as:l,innerRef:e=>{o(`${this.id}-popover`)(e)},role:"menu",tabIndex:-1,elevation:2,lockScrollWhileOpen:f,placement:w,relativeTo:I,renderTo:R,open:x,onBlur:e,anchorElement:r=>t.createElement(u,Object.assign({ref:this.setInputRef,innerRef:e=>{var t;"function"==typeof r.innerRef?r.innerRef(e):(null===(t=r.innerRef)||void 0===t?void 0:t.current)&&(r.innerRef.current=e),this.inputNode=e?e.querySelector("input"):null,o(`${this.id}-input`)(e),h&&h(e)},value:S,onFocus:e=>{(c?j&&!this.inputTouched:j)&&this.openPopover(),this.inputTouched=!0,P&&P(e)},onBlur:t=>{e(t),n()},onClear:F?v:void 0,renderRight:p?t.createElement(i,Object.assign({disabled:d,icon:{name:"general.x"},title:"close options",theme:!1},p)):b?t.createElement(i,{disabled:d,icon:{name:x?"general.x":"general.downCaret"},title:x?"close options":"open options",theme:!1,onClick:()=>{x?this.closePopover():this.openPopover(),this.input.focus()}}):null,disabled:d},B))}),a)))))}}Object.defineProperty(p,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Combobox.Popover"}),Object.defineProperty(p,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{closeOnSelect:!1,openOnFocus:!1}});export{p as default};
 //# sourceMappingURL=ComboboxPopover.js.map

package/dist/DataTable/DataTable.js

@@ -1,2 +1,2 @@
-import{__assign as e,__spreadArray as o}from'./../ext/tslib/tslib.es6.js';import t,{useRef as r,useMemo as n,useImperativeHandle as a,Fragment as s}from"react";import i from"../DragDrop/DragDrop.js";import{useId as l}from"../hooks/use-id.js";import"mousetrap";import"../hooks/use-measure.js";import m from"../Pagination/Pagination.js";import{Spinner as c}from"../Spinner/Spinner.js";import{StackView as d}from"../StackView/StackView.js";import p from"../Summary/Summary.js";import"../system/colors/colors.js";import"polished";import{reorderArray as u}from"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"../system/style-names.js";import f from"../system/use-css.js";import g from"./components/BodyRows.js";import"../Icon/Icon.js";import"../VariantProvider/VariantProvider.js";import"../CheckboxGroup/CheckboxGroupContext.js";import"../Link/Link.js";import"../Tooltip/Tooltip.js";import"../Dropdown/Dropdown.js";import b from"./components/HeaderCell.js";import{useCollapsibleRows as h,CollapsibleRowsContext as y}from"./hooks/useCollapsibleRows.js";import v from"./hooks/useColumnSort.js";import w from"./hooks/useColumnWidths.js";import j from"./hooks/useScrollShadows.js";import S from"./hooks/useScrollSync.js";import k from"./hooks/useVariants.js";import C from"./utils/getParsedColumns.js";import"./utils/variants.js";var E={toggleAllSubRowsTooltipTitle:function(e){return e?"Close all sub rows":"Open all sub rows"}},R=[],D=function(D){var x,I=D.accessibility,P=void 0===I?E:I,N=D.innerBodyRef,T=D.canCollapseSubRows,V=void 0===T||T,O=D.columns,L=D.currentPage,W=D.data,B=D.dataTableRef,z=D.defaultSort,A=D.defaultAllSubRowsOpen,G=D.droppableId,H=D.empty,_=D.getRowId,q=void 0===_?function(e,o){return e.id||(void 0===G?o:"".concat(G,"-").concat(o))}:_,F=D.getRowLink,J=D.getSubData,K=D.hiddenColumnIds,M=void 0===K?R:K,Q=D.keyboardShortcuts,U=D.loading,X=D.loadingTitle,Y=D.onColumnSort,Z=D.onDragStart,$=D.onDragEnd,ee=D.onDrop,oe=D.onPageChange,te=D.onRowClick,re=D.onRowSort,ne=D.sourceOnly,ae=D.totalPages,se=D.variant,ie=void 0===se?{}:se,le=f(),me=l("table"),ce=i.useDragDrop(),de=U||W.length<=0,pe=r(),ue=r(),fe=r(),ge=[pe,ue],be=ne||re||ee,he=k(ie),ye=h(W,A),ve=Boolean(V&&J),we=n((function(){return C({accessibility:P,columns:O,draggable:be,hasSubRows:ve,hiddenColumnIds:M})}),[O,ve,M,be]),je=we.map(Object.keys).some((function(e){return e.some((function(e){return"footer"===e}))})),Se=w({bodyRef:ue,columns:we,data:W,headerRef:pe,loading:U}),ke=Se.columnWidths,Ce=Se.getColumnRef,Ee=v({defaultSort:z,onColumnSort:Y}),Re=j(ue),De={collapsibleRows:ye,columnWidths:ke,columns:we,data:W,draggable:be,getColumnRef:Ce,getRowId:q,getRowLink:F,getSubData:J,getVariant:he,keyboardShortcuts:Q,onRowClick:te};return je&&ge.push(fe),S.apply(void 0,ge),a(B,(function(){return ye})),"function"==typeof N&&N(ue),x=ce||be?t.createElement(i.Provider,{onDragEnd:function(e){var o=e.source,t=e.destination;re&&t&&re(u({endIndex:t.index,list:W,startIndex:o.index}))}},t.createElement(i.Droppable,{droppableId:void 0===G?me:G,sourceOnly:ne,onDragStart:Z,onDragEnd:$,onDrop:ee},(function(o){return t.createElement("div",e({className:le(he("body")),"data-dnd-ignore-scrollable":!0,ref:function(e){ue.current=e,o.innerRef(e)},role:"rowgroup"},o.droppableProps),t.createElement(g,e({},De)),o.placeholder)}))):t.createElement("div",{ref:ue,role:"rowgroup",className:le(he("body"))},t.createElement(g,e({},De))),t.createElement(s,null,de&&t.createElement(d,{grow:1,alignment:"center",distribution:"center",minHeight:"100%",paddingVertical:8},U?t.createElement(p,{image:t.createElement(c,{size:"xl"}),title:X}):H),t.createElement(y.Provider,{value:ye},t.createElement("div",{role:F?void 0:"grid",style:de?{display:"none"}:void 0,className:"tapestry-react-reset ".concat(le({position:"relative"}))},t.createElement("div",{ref:pe,role:"rowgroup",className:le(he("header"))},t.createElement("div",{role:"row",className:le(he("headerRow"))},we.map((function(e,r){var n=he("headerCell",{columnIndex:r,isSortable:e.sortable});return t.createElement(b,{key:r,cellRef:Ce("".concat(r,".0")),column:e,columnIndex:r,columnSort:Ee,className:"tapestry-react-reset ".concat(le(o(o([],n,!0),[e.css],!1)))})})))),x,je&&t.createElement("div",{ref:fe,role:"rowgroup",className:le(he("footer"))},t.createElement("div",{role:"row",className:le(he("footerRow"))},we.map((function(e,r){var n=he("footerCell",{columnIndex:r,isSortable:e.sortable});return t.createElement("div",{key:r,role:"cell",ref:Ce("".concat(r,".").concat(W.length+1)),className:"tapestry-react-reset ".concat(le(o(o([],n,!0),[e.css],!1)))},"string"==typeof e.footer||t.isValidElement(e.footer)?e.footer:e.footer?t.createElement(e.footer,{columnIndex:r}):null)})))),Re,t.createElement(m,{currentPage:L,totalPages:ae,onPageChange:oe,position:"sticky",bottom:0,zIndex:35,marginTop:"-1px",backgroundColor:"white",borderTopWidth:1,borderTopColor:"grey-3",className:le({"@media print":{position:"relative"}})}))))};export{D as default};
+import e,{useRef as o,useMemo as t,useImperativeHandle as r,Fragment as s}from"react";import a from"../DragDrop/DragDrop.js";import{useId as l}from"../hooks/use-id.js";import"mousetrap";import"../hooks/use-measure.js";import n from"../Pagination/Pagination.js";import{Spinner as i}from"../Spinner/Spinner.js";import{StackView as m}from"../StackView/StackView.js";import d from"../Summary/Summary.js";import"../system/colors/colors.js";import"polished";import{reorderArray as c}from"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"../system/default-theme.js";import"../system/style-names.js";import p from"../system/use-css.js";import u from"./components/BodyRows.js";import"../Icon/Icon.js";import"../VariantProvider/VariantProvider.js";import"../CheckboxGroup/CheckboxGroupContext.js";import"../designTokens/index.js";import"../Link/Link.js";import"../Tooltip/Tooltip.js";import"../Dropdown/Dropdown.js";import g from"./components/HeaderCell.js";import{useCollapsibleRows as f,CollapsibleRowsContext as b}from"./hooks/useCollapsibleRows.js";import h from"./hooks/useColumnSort.js";import j from"./hooks/useColumnWidths.js";import y from"./hooks/useScrollShadows.js";import w from"./hooks/useScrollSync.js";import S from"./hooks/useVariants.js";import k from"./utils/getParsedColumns.js";import"./utils/variants.js";const C={toggleAllSubRowsTooltipTitle:e=>e?"Close all sub rows":"Open all sub rows"},E=[],R=R=>{const{accessibility:v=C,innerBodyRef:D,canCollapseSubRows:x=!0,columns:I,currentPage:P,data:N,dataTableRef:T,defaultSort:O,defaultAllSubRowsOpen:V,droppableId:$,empty:L,getRowId:W=((e,o)=>e.id||(void 0===$?o:`${$}-${o}`)),getRowLink:B,getSubData:z,hiddenColumnIds:A=E,keyboardShortcuts:G,loading:H,loadingTitle:q,onColumnSort:F,onDragStart:J,onDragEnd:K,onDrop:M,onPageChange:Q,onRowClick:U,onRowSort:X,sourceOnly:Y,totalPages:Z,variant:_={}}=R,ee=p(),oe=l("table"),te=a.useDragDrop(),re=H||N.length<=0,se=o(),ae=o(),le=o(),ne=[se,ae],ie=Y||X||M,me=S(_),de=f(N,V),ce=Boolean(x&&z),pe=t((()=>k({accessibility:v,columns:I,draggable:ie,hasSubRows:ce,hiddenColumnIds:A})),[I,ce,A,ie]),ue=pe.map(Object.keys).some((e=>e.some((e=>"footer"===e)))),{columnWidths:ge,getColumnRef:fe}=j({bodyRef:ae,columns:pe,data:N,headerRef:se,loading:H}),be=h({defaultSort:O,onColumnSort:F}),he=y(ae),je={collapsibleRows:de,columnWidths:ge,columns:pe,data:N,draggable:ie,getColumnRef:fe,getRowId:W,getRowLink:B,getSubData:z,getVariant:me,keyboardShortcuts:G,onRowClick:U};let ye;return ue&&ne.push(le),w(...ne),r(T,(()=>de)),"function"==typeof D&&D(ae),ye=te||ie?e.createElement(a.Provider,{onDragEnd:({source:e,destination:o})=>{X&&o&&X(c({endIndex:o.index,list:N,startIndex:e.index}))}},e.createElement(a.Droppable,{droppableId:void 0===$?oe:$,sourceOnly:Y,onDragStart:J,onDragEnd:K,onDrop:M},(o=>e.createElement("div",Object.assign({className:ee(me("body")),"data-dnd-ignore-scrollable":!0,ref:e=>{ae.current=e,o.innerRef(e)},role:"rowgroup"},o.droppableProps),e.createElement(u,Object.assign({},je)),o.placeholder)))):e.createElement("div",{ref:ae,role:"rowgroup",className:ee(me("body"))},e.createElement(u,Object.assign({},je))),e.createElement(s,null,re&&e.createElement(m,{grow:1,alignment:"center",distribution:"center",minHeight:"100%",paddingVertical:8},H?e.createElement(d,{image:e.createElement(i,{size:"xl"}),title:q}):L),e.createElement(b.Provider,{value:de},e.createElement("div",{role:B?void 0:"grid",style:re?{display:"none"}:void 0,className:`tapestry-react-reset ${ee({position:"relative"})}`},e.createElement("div",{ref:se,role:"rowgroup",className:ee(me("header"))},e.createElement("div",{role:"row",className:ee(me("headerRow"))},pe.map(((o,t)=>{const r=me("headerCell",{columnIndex:t,isSortable:o.sortable});return e.createElement(g,{key:t,cellRef:fe(`${t}.0`),column:o,columnIndex:t,columnSort:be,className:`tapestry-react-reset ${ee([...r,o.css])}`})})))),ye,ue&&e.createElement("div",{ref:le,role:"rowgroup",className:ee(me("footer"))},e.createElement("div",{role:"row",className:ee(me("footerRow"))},pe.map(((o,t)=>{const r=me("footerCell",{columnIndex:t,isSortable:o.sortable});return e.createElement("div",{key:t,role:"cell",ref:fe(`${t}.${N.length+1}`),className:`tapestry-react-reset ${ee([...r,o.css])}`},"string"==typeof o.footer||e.isValidElement(o.footer)?o.footer:o.footer?e.createElement(o.footer,{columnIndex:t}):null)})))),he,e.createElement(n,{currentPage:P,totalPages:Z,onPageChange:Q,position:"sticky",bottom:0,zIndex:35,marginTop:"-1px",backgroundColor:"white",borderTopWidth:1,borderTopColor:"grey-3",className:ee({"@media print":{position:"relative"}})}))))};export{R as default};
 //# sourceMappingURL=DataTable.js.map

package/dist/DataTable/components/BodyRow.js

@@ -1,2 +1,2 @@
-import{__rest as r,__assign as o,__spreadArray as e}from'./../../ext/tslib/tslib.es6.js';import t from"react";import{useKeyboardShortcuts as n}from"../../hooks/use-keyboard-shortcuts.js";import"../../hooks/use-measure.js";function u(u){var a=u.innerRef,i=u.placeholder,c=u.rowData,s=u.rowIndex,d=u.style,f=u.keyboardShortcuts,l=u.onRowClick,h=r(u,["innerRef","placeholder","rowData","rowIndex","style","keyboardShortcuts","onRowClick"]),b=h.href?"a":"div",v=function(){for(var r=[],t=0;t<arguments.length;t++)r[t]=arguments[t];var n=r.filter((function(r){return r})).reduce((function(r,o){return e(e([],r,!0),Object.keys(o),!0)}),[]);return n.reduce((function(e,t){var n;return o(o({},e),((n={})[t]=function(){for(var o=[],e=0;e<arguments.length;e++)o[e]=arguments[e];r.forEach((function(r){r&&r[t]&&r[t].apply(r,o)}))},n))}),void 0)}(f,l?{enter:function(r,o){var e=r.rowData,t=r.rowIndex;return l(e,t,o)}}:void 0),w=n(v,{rowData:c,rowIndex:s}),y=w.bindKeyboardShortcuts,m=w.unbindKeyboardShortcuts,p=o(o({onBlur:m,onClick:function(r){return l&&l(c,s,r)},onFocus:y,onMouseEnter:y,onMouseLeave:m,ref:a,style:o({opacity:i?.65:void 0},d)},l?{tabIndex:0}:{}),h),k={};return h.href||(k.role="row"),t.createElement(b,o({},p,k))}export{u as default};
+import{__rest as e}from'./../../ext/tslib/tslib.es6.js';import o from"react";import{useKeyboardShortcuts as r}from"../../hooks/use-keyboard-shortcuts.js";import"../../hooks/use-measure.js";function t(t){var{innerRef:s,placeholder:n,rowData:a,rowIndex:c,style:i,keyboardShortcuts:d,onRowClick:u}=t,l=e(t,["innerRef","placeholder","rowData","rowIndex","style","keyboardShortcuts","onRowClick"]);const b=l.href?"a":"div",f=function(...e){const o=e.filter((e=>e)).reduce(((e,o)=>[...e,...Object.keys(o)]),[]);return o.reduce(((o,r)=>Object.assign(Object.assign({},o),{[r]:(...o)=>{e.forEach((e=>{e&&e[r]&&e[r](...o)}))}})),void 0)}(d,u?{enter:({rowData:e,rowIndex:o},r)=>u(e,o,r)}:void 0),{bindKeyboardShortcuts:h,unbindKeyboardShortcuts:w}=r(f,{rowData:a,rowIndex:c}),j=Object.assign(Object.assign({onBlur:w,onClick:e=>u&&u(a,c,e),onFocus:h,onMouseEnter:h,onMouseLeave:w,ref:s,style:Object.assign({opacity:n?.65:void 0},i)},u?{tabIndex:0}:{}),l),m={};return l.href||(m.role="row"),o.createElement(b,Object.assign({},j,m))}export{t as default};
 //# sourceMappingURL=BodyRow.js.map

package/dist/DataTable/components/BodyRows.js

@@ -1,2 +1,2 @@
-import{__assign as t,__spreadArray as e}from'./../../ext/tslib/tslib.es6.js';import o,{Fragment as r}from"react";import a from"../../DragDrop/DragDrop.js";import"../../system/colors/colors.js";import"polished";import"../../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"../../system/style-names.js";import n from"../../system/use-css.js";import s from"../utils/getCell.js";import"../../VariantProvider/VariantProvider.js";import"../../Icon/Icon.js";import"../../Tooltip/Tooltip.js";import"../hooks/useCollapsibleRows.js";import l from"../utils/getRowLinkProps.js";import"../utils/variants.js";import i from"./BodyRow.js";import m from"./BodySubRows.js";function c(c){var p=c.columns,d=c.columnWidths,u=c.data,g=c.draggable,w=c.getColumnRef,f=c.getRowId,R=c.getRowLink,h=c.getSubData,y=c.getVariant,b=c.keyboardShortcuts,j=c.onRowClick,k=n();return u.map((function(n,c){var x=function(t){return p.map((function(r,a){var l=y("bodyCell",{columnIndex:a,firstCell:0===a,firstRow:0===c,lastCell:a===Math.max(0,p.length-1),lastRow:c===Math.max(0,u.length-1),rowData:n,rowIndex:c});return o.createElement("div",{key:a,ref:w("".concat(a,".").concat(c+1)),role:"cell",className:"tapestry-react-reset ".concat(k(e(e([],l,!0),[r.css],!1)))},s(r.cell,{_dragHandleProps:t,columnIndex:a,rowData:n,rowIndex:c}))}))},I=f(n,c),D=y("bodyRow",{evenRow:c%2==0,firstRow:0===c,isLink:Boolean(R)||Boolean(j),lastRow:c===Math.max(0,u.length-1),oddRow:1===Math.abs(c%2),rowData:n,rowIndex:c}),C=t({className:"tapestry-react-reset ".concat(k(D)),keyboardShortcuts:b,onRowClick:j,rowData:n,rowIndex:c},l({data:n,getRowLink:R,isSubRow:!1})),v=h?h(n):null,E=v&&o.createElement(m,{columns:p,data:v,getColumnRef:w,getRowLink:R,getVariant:y,keyboardShortcuts:b,columnWidths:d,parentRowIndex:c});return g?o.createElement(a.Draggable,{key:I,draggableId:I.toString(),index:c,data:n,placeholder:function(){return o.createElement(i,t({},C,{placeholder:!0}),x({}))}},(function(e){return o.createElement(r,null,o.createElement(i,t({innerRef:e.innerRef},e.draggableProps,C),x(e.dragHandleProps)),E)})):o.createElement(r,{key:I},o.createElement(i,t({},C),x()),E)}))}export{c as default};
+import e,{Fragment as t}from"react";import o from"../../DragDrop/DragDrop.js";import"../../system/colors/colors.js";import"polished";import"../../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"../../system/default-theme.js";import"../../system/style-names.js";import r from"../../system/use-css.js";import a from"../utils/getCell.js";import"../../VariantProvider/VariantProvider.js";import"../../Icon/Icon.js";import"../../Tooltip/Tooltip.js";import"../hooks/useCollapsibleRows.js";import s from"../utils/getRowLinkProps.js";import"../utils/variants.js";import l from"./BodyRow.js";import n from"./BodySubRows.js";function i({columns:i,columnWidths:m,data:c,draggable:d,getColumnRef:p,getRowId:g,getRowLink:u,getSubData:w,getVariant:R,keyboardShortcuts:h,onRowClick:j}){const b=r();return c.map(((r,f)=>{const y=t=>i.map(((o,s)=>{const l=R("bodyCell",{columnIndex:s,firstCell:0===s,firstRow:0===f,lastCell:s===Math.max(0,i.length-1),lastRow:f===Math.max(0,c.length-1),rowData:r,rowIndex:f});return e.createElement("div",{key:s,ref:p(`${s}.${f+1}`),role:"cell",className:`tapestry-react-reset ${b([...l,o.css])}`},a(o.cell,{_dragHandleProps:t,columnIndex:s,rowData:r,rowIndex:f}))})),k=g(r,f),x=R("bodyRow",{evenRow:f%2==0,firstRow:0===f,isLink:Boolean(u)||Boolean(j),lastRow:f===Math.max(0,c.length-1),oddRow:1===Math.abs(f%2),rowData:r,rowIndex:f}),I=Object.assign({className:`tapestry-react-reset ${b(x)}`,keyboardShortcuts:h,onRowClick:j,rowData:r,rowIndex:f},s({data:r,getRowLink:u,isSubRow:!1})),D=w?w(r):null,C=D&&e.createElement(n,{columns:i,data:D,getColumnRef:p,getRowLink:u,getVariant:R,keyboardShortcuts:h,columnWidths:m,parentRowIndex:f});return d?e.createElement(o.Draggable,{key:k,draggableId:k.toString(),index:f,data:r,placeholder:()=>e.createElement(l,Object.assign({},I,{placeholder:!0}),y({}))},(o=>e.createElement(t,null,e.createElement(l,Object.assign({innerRef:o.innerRef},o.draggableProps,I),y(o.dragHandleProps)),C))):e.createElement(t,{key:k},e.createElement(l,Object.assign({},I),y()),C)}))}export{i as default};
 //# sourceMappingURL=BodyRows.js.map