@planningcenter/tapestry-react 4.0.0-rc.1 → 4.0.0-rc.3

package/dist/Table/Table.js

@@ -1,2 +1,2 @@
-import{__extends as e,__assign as t,__rest as r,__spreadArray as o}from'./../ext/tslib/tslib.es6.js';import n,{Children as i,Fragment as l,PureComponent as a}from"react";import{Global as u}from"@emotion/react";import d from'./../ext/lodash/camelCase.js';import c from'./../ext/lodash/snakeCase.js';import s from"../Button/index.js";import m from"../DragDrop/DragDrop.js";import f from"../Pagination/Pagination.js";import{Spinner as p}from"../Spinner/Spinner.js";import g from"../Summary/Summary.js";import b from"../HeadingUppercase/HeadingUppercase.js";import{StackView as h}from"../StackView/StackView.js";import v from"../vendor/react-measure/Measure.js";import"../vendor/react-measure/Viewport.js";import{reorderArray as S,range as w}from"../utils.js";import y from"./AvatarCell.js";import C from"./BodyCell.js";import j from"./BodyInnerCell.js";import R from"./BodyRow.js";import P from"./CheckboxCell.js";import O from"./ColumnPicker.js";import k from"./DateCell.js";import I from"./DragCell.js";import D from"./DragHandle.js";import x from"./HeaderCell.js";import H from"./HeaderInnerCell.js";import E from"./SubRowToggleCell.js";import A from"./TableBase.js";import T from"./TableWrapper.js";import{useHover as W}from"../hooks/use-hover.js";import'./../ext/mousetrap/mousetrap.js';import"../hooks/use-measure.js";var M="undefined"!=typeof window&&window.CSS&&window.CSS.supports;function B(e){var t=e.children,r=W();return t({isHover:r.hover,bindHover:r.hoverProps})}var z=function(a){function W(e){var r=a.call(this,e)||this;return Object.defineProperty(r,"handleSortStart",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.setState({isSorting:!0})}}),Object.defineProperty(r,"handleSortEnd",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.source,o=e.destination;r.setState({isSorting:!1}),r.props.onRowSort(S({list:r.props.data,startIndex:t.index,endIndex:o.index}))}}),Object.defineProperty(r,"handleColumnSort",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var o=r.getDefaultSort(r.props);r.setState((function(n){var i=t({},n.currentSort);if(i.columnId===e?i.direction=W.getOppositeSortDirection(i.direction):(i.columnId=e,i.direction=r.props.defaultSortDirection),i.order=r.getSortOrder({columnId:i.columnId,direction:i.direction}),r.props.onColumnSort){var l=i.columnId?i:o;r.props.onColumnSort(l)}return{currentSort:i}}))}}),Object.defineProperty(r,"getBodyCellMouseHandlers",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return r.props.highlightColumnOnHover?{onMouseOver:function(){r.setState({highlightedColumnIndex:e})},onMouseOut:function(){r.setState({highlightedColumnIndex:null})}}:{}}}),Object.defineProperty(r,"isAnySubRowOpen",{enumerable:!0,configurable:!0,writable:!0,value:function(){return r.state.openSubRowIndices.length>0}}),Object.defineProperty(r,"handleSubRowToggleAll",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.setState({openSubRowIndices:r.state.openSubRowIndices.length>0?[]:w(0,r.props.data.length)})}}),Object.defineProperty(r,"isSubRowOpen",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return r.state.openSubRowIndices.indexOf(e)>-1}}),Object.defineProperty(r,"handleSubRowToggle",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.setState((function(t){var r=o([],t.openSubRowIndices,!0),n=r.indexOf(e);return n>-1?r.splice(n,1):r.push(e),{openSubRowIndices:r}}))}}),Object.defineProperty(r,"handleMeasure",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=r.getColumns(),n=(t.length-1)/2,i=0;r.props.subRowData&&(i+=48),r.props.onRowSort&&(i+=48);var l=e?t.map((function(t,r){var o=e["".concat(r,"-0")];return o?o.height:0})):[],a=e?Math.max.apply(Math,o(o([],l,!0),[r.props.compactHeader?32:48],!1)):null,u=e?Object.keys(e).reduce((function(r,o){var n=o.split("-")[0],i=e[o],l=t[n];if(l){var a=l.width||i.width;r[n]||(r[n]=[]),r[n].push(a)}return r}),[]).map((function(e){return Math.max.apply(Math,e)})):[],d=e?u.reduce((function(e,t,r){return e+t}),i):null,c=M?t.reduce((function(e,t,r){return t.sticky&&(r<n?e.left+=u[r]:e.right+=u[r]),e}),{left:i,right:0}):{left:0,right:0};r.setState({headerHeights:l,headerHeight:a,columnWidths:u,rowWidth:d,offsets:c,getLeftOffset:function(e,t){return M&&e.sticky&&t<n?u.reduce((function(e,r,o){return o<t?e+r:e}),i)||i:void 0},getRightOffset:function(e,t){return M&&e.sticky&&t>=n?u.reduce((function(e,r,o){return o>t?e+r:e}),0)||0:void 0}})}}),r.state={currentSort:r.getDefaultSort(e),highlightedColumnIndex:null,isSorting:!1,headerHeights:[],headerHeight:-1,columnWidths:[],rowWidth:-1,offsets:{left:0,right:0},openSubRowIndices:[],getLeftOffset:function(){return null},getRightOffset:function(){return null}},r}return e(W,a),Object.defineProperty(W,"getOppositeSortDirection",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return e===W.ASC?W.DESC:W.ASC}}),Object.defineProperty(W,"getIconDirection",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return e===W.ASC?"general.upCaret":"general.downCaret"}}),Object.defineProperty(W.prototype,"getSortOrder",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.columnId,r=e.direction;return"".concat(r===W.ASC?"":"-").concat(c(t))}}),Object.defineProperty(W.prototype,"parseSortOrder",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t="-"===e[0];return{columnId:d(t?e.substring(1):e),direction:t?W.DESC:W.ASC}}}),Object.defineProperty(W.prototype,"getDefaultSort",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=e.defaultSortColumnId,o=e.defaultSortDirection,n=e.defaultSortOrder,i=n?this.parseSortOrder(n):{columnId:r,direction:o};return t(t({},i),{order:this.getSortOrder(i)})}}),Object.defineProperty(W.prototype,"getColumns",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;return this.props.columns.filter((function(t){return"object"==typeof t&&null!=t&&(t.alwaysVisible||-1===e.props.hiddenColumnIds.indexOf(t.id))})).map((function(e){e.alwaysVisible;var t=e.cell,o=e.divider,n=e.header,i=e.id,l=e.label,a=e.sortable,u=e.sticky,d=e.subRowCell,c=e.truncate,s=e.vertical,m=e.width;return{cell:t,columnProps:r(e,["alwaysVisible","cell","divider","header","id","label","sortable","sticky","subRowCell","truncate","vertical","width"]),divider:o,header:n,id:i,label:l,sortable:a,sticky:u,subRowCell:d,truncate:c,vertical:s,width:m}}))}}),Object.defineProperty(W.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,a=this.props,d=a.caption;a.children;var c=a.columnDividers;a.columns;var S=a.compactHeader,w=a.currentPage,y=a.data,P=void 0===y?[]:y;a.defaultSortColumnId;var O=a.defaultSortDirection;a.defaultSortOrder;var k=a.empty,M=a.getRowLink,z=a.headerColor;a.hiddenColumnIds,a.highlightColumnOnHover,a.innerRef;var V=a.keyboardShortcuts;a.layout;var L=a.loading,_=a.loadingTitle,U=a.minHeight,K=a.minRowHeight;a.onColumnSort;var N=a.onPageChange,q=a.onRowSort,F=a.rowDividers,G=a.subRowData,J=a.totalPages,Q=r(a,["caption","children","columnDividers","columns","compactHeader","currentPage","data","defaultSortColumnId","defaultSortDirection","defaultSortOrder","empty","getRowLink","headerColor","hiddenColumnIds","highlightColumnOnHover","innerRef","keyboardShortcuts","layout","loading","loadingTitle","minHeight","minRowHeight","onColumnSort","onPageChange","onRowSort","rowDividers","subRowData","totalPages"]),X=this.state,Y=X.highlightedColumnIndex,Z=X.currentSort,$=X.isSorting,ee=X.headerHeight,te=X.columnWidths,re=X.rowWidth,oe=X.offsets,ne=X.getLeftOffset,ie=X.getRightOffset,le=this.getColumns(),ae=L||P.length<=0;return n.createElement(T,t({},Q,{position:"relative"}),n.createElement(u,{styles:{html:{userSelect:this.state.isSorting?"none":null}}}),ae?n.createElement(h,{grow:1,alignment:"center",distribution:"center",minHeight:U,paddingVertical:8},L?n.createElement(g,{image:n.createElement(p,{size:"xl",color:"primary"}),title:_}):k):n.createElement(v,{updateOnMeasure:!1,onMeasure:this.handleMeasure},(function(r){var a=r.measureRef,u=i.toArray(o([G&&n.createElement(E,{toggled:e.isAnySubRowOpen(),height:ee+"px",onClick:e.handleSubRowToggleAll}),q&&n.createElement(I,{role:"columnheader",height:ee+"px",backgroundColor:"inherit"})],le.map((function(r,o){return n.createElement(B,{key:o},(function(i){var l=i.bindHover,u=i.isHover,d=te[o],c=t(t(t({},r.columnProps),l),{cursor:r.sortable?"pointer":"default",position:r.sticky?"sticky":"relative",zIndex:r.sticky?35:r.columnProps.zIndex,justifyContent:r.vertical?"start":r.columnProps.justifyContent,style:{width:d,height:r.vertical?ee+16:ee,left:ne(r,o),right:ie(r,o)},onClick:function(t){r.sortable&&e.handleColumnSort(r.id),r.columnProps&&r.columnProps.onClick&&r.columnProps.onClick(t)}});return r.sortable&&(c["aria-sort"]=Z.columnId===r.id?"ASC"===Z.direction?"ascending":"descending":"none"),n.createElement(x,t({},c),n.createElement(H,{innerRef:a("".concat(o,"-0")),height:S?4:6,transform:r.vertical&&"translate(".concat(r.width/2,"px, ").concat(16,"px) rotate(-90deg)")},"string"==typeof r.header?n.createElement(b,{truncate:!0,color:"grey-7",fontSize:S?"11px":"12px",cursor:r.sortable?"pointer":"default"},r.header):"function"==typeof r.header?r.header(o):r.header,r.sortable&&n.createElement(s,{title:"sort table",theme:!1,icon:{name:W.getIconDirection(Z.columnId===r.id?Z.direction:O)},size:"xs",opacity:Z.columnId===r.id?1:u?.35:0})))}))})),!0)),f=function(r,o){var l=o.subRowProps,u=void 0===l?{}:l,d=o.shouldRenderSubRowData,s=o.shouldRenderSubRowToggle,m=void 0!==s&&s;return Object.keys(r).map((function(o,l){var s=e.isSubRowOpen(l),p=r[o],g={key:l,index:l,style:{minWidth:re},keyboardShortcuts:V,row:p,rowIndex:l,onRowSort:q},b={};if(M){var h=function(){var e=M(p);"string"==typeof e&&(window.location=e)};b.tabIndex=0,b.role="link",b.cursor="pointer",b.focus={backgroundColor:"hsla(0,0%,97%,1)"},b.hover={backgroundColor:"hsla(0,0%,97%,1)"},b.onClick=h,b.onKeyDown=function(e){"Enter"===e.key&&h()}}return $&&(b.pointerEvents="none"),(F&&0!==l||m)&&(b.borderTopWidth=1),[n.createElement(R,t({},g,b,u),(function(r){var o=r.isRowHovered,u=r.dragHandleProps;return i.toArray([G&&(m?n.createElement(E,{contentsHidden:!0}):n.createElement(E,{toggled:s,rowIndex:l,onClick:function(t){t.stopPropagation(),e.handleSubRowToggle(l)}})),q&&n.createElement(I,t({},u),n.createElement(D,null)),le.map((function(r,i){var u=te[i],d=m&&void 0!==r.subRowCell?r.subRowCell:r.cell;return n.createElement(C,t({key:i},r.columnProps,e.getBodyCellMouseHandlers(i),{position:r.sticky?"sticky":void 0,justifyContent:r.vertical?"center":r.columnProps.justifyContent,minHeight:m?5:K,borderColor:"grey-3",borderLeftWidth:!1!==r.divider&&(c&&(q||0!==i)?1:void 0),backgroundColor:Y===i?"grey-0":"inherit",color:m?"grey-9":"black",zIndex:r.sticky?35:void 0,style:t({width:u,left:ne(r,i),right:ie(r,i)},r.columnProps.style)}),n.createElement(j,{innerRef:void 0===r.width?a("".concat(i,"-").concat(l+1),{formula:function(e){return{width:e.offsetWidth}}}):null,column:r,justifyContent:r.vertical?"center":r.columnProps.justifyContent},d&&("string"==typeof d?p[d]:d(p,{columnIndex:i,rowIndex:l,isRowHovered:o}))))}))])})),d&&s?f(G(p),{subRowProps:{backgroundColor:"hsla(0,0%,99%,1)"},shouldRenderSubRowData:!1,shouldRenderSubRowToggle:!0}):null]}))},p=function(e){return n.createElement(A,t({},e,{columnWidths:o([G&&48,q&&48],te,!0).filter(Boolean),rowWidth:re,minHeight:U,offsets:oe,caption:d,header:u,headerColor:z,headerHeight:ee,body:f(P,{shouldRenderSubRowData:!!G})}))};return q?n.createElement(m.Provider,{onDragStart:e.handleSortStart,onDragEnd:e.handleSortEnd},n.createElement(m.Droppable,{droppableId:"table"},(function(e){return n.createElement(l,null,p(t({innerRef:e.innerRef},e.droppableProps)),e.placeholder)}))):p({})})),!ae&&n.createElement(f,{currentPage:w,totalPages:J,onPageChange:N,position:"sticky",bottom:0,zIndex:35,marginTop:"-1px",backgroundColor:"white",borderTopWidth:1,borderTopColor:"grey-3",css:{"@media print":{position:"relative"}}}))}}),Object.defineProperty(W,"ColumnPicker",{enumerable:!0,configurable:!0,writable:!0,value:O}),Object.defineProperty(W,"AvatarCell",{enumerable:!0,configurable:!0,writable:!0,value:y}),Object.defineProperty(W,"CheckboxCell",{enumerable:!0,configurable:!0,writable:!0,value:P}),Object.defineProperty(W,"DateCell",{enumerable:!0,configurable:!0,writable:!0,value:k}),Object.defineProperty(W,"ASC",{enumerable:!0,configurable:!0,writable:!0,value:"ASC"}),Object.defineProperty(W,"DESC",{enumerable:!0,configurable:!0,writable:!0,value:"DESC"}),Object.defineProperty(W,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{currentPage:0,defaultSortColumnId:null,defaultSortDirection:W.ASC,defaultSortOrder:null,empty:"No results",headerColor:"grey-0",hiddenColumnIds:[],minHeight:48,minRowHeight:8,onPageChange:function(){return null},rowDividers:!0,totalPages:0}}),W}(a);export{z as default};
+import{__extends as e,__assign as t,__rest as r,__spreadArray as o}from'./../ext/tslib/tslib.es6.js';import n,{Children as i,Fragment as l,PureComponent as a}from"react";import{Global as u}from"@emotion/react";import c from"lodash/camelCase";import d from"lodash/snakeCase";import s from"../Button/Button.js";import m from"../DragDrop/DragDrop.js";import f from"../Pagination/Pagination.js";import{Spinner as p}from"../Spinner/Spinner.js";import g from"../Summary/Summary.js";import b from"../HeadingUppercase/HeadingUppercase.js";import{StackView as h}from"../StackView/StackView.js";import v from"../vendor/react-measure/Measure.js";import"../vendor/react-measure/Viewport.js";import{reorderArray as S,range as w}from"../utils.js";import y from"./AvatarCell.js";import C from"./BodyCell.js";import j from"./BodyInnerCell.js";import R from"./BodyRow.js";import P from"./CheckboxCell.js";import O from"./ColumnPicker.js";import k from"./DateCell.js";import I from"./DragCell.js";import D from"./DragHandle.js";import H from"./HeaderCell.js";import x from"./HeaderInnerCell.js";import E from"./SubRowToggleCell.js";import A from"./TableBase.js";import T from"./TableWrapper.js";import{useHover as W}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";var M="undefined"!=typeof window&&window.CSS&&window.CSS.supports;function B(e){var t=e.children,r=W();return t({isHover:r.hover,bindHover:r.hoverProps})}var z=function(a){function W(e){var r=a.call(this,e)||this;return Object.defineProperty(r,"handleSortStart",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.setState({isSorting:!0})}}),Object.defineProperty(r,"handleSortEnd",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.source,o=e.destination;r.setState({isSorting:!1}),r.props.onRowSort(S({list:r.props.data,startIndex:t.index,endIndex:o.index}))}}),Object.defineProperty(r,"handleColumnSort",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var o=r.getDefaultSort(r.props);r.setState((function(n){var i=t({},n.currentSort);if(i.columnId===e?i.direction=W.getOppositeSortDirection(i.direction):(i.columnId=e,i.direction=r.props.defaultSortDirection),i.order=r.getSortOrder({columnId:i.columnId,direction:i.direction}),r.props.onColumnSort){var l=i.columnId?i:o;r.props.onColumnSort(l)}return{currentSort:i}}))}}),Object.defineProperty(r,"getBodyCellMouseHandlers",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return r.props.highlightColumnOnHover?{onMouseOver:function(){r.setState({highlightedColumnIndex:e})},onMouseOut:function(){r.setState({highlightedColumnIndex:null})}}:{}}}),Object.defineProperty(r,"isAnySubRowOpen",{enumerable:!0,configurable:!0,writable:!0,value:function(){return r.state.openSubRowIndices.length>0}}),Object.defineProperty(r,"handleSubRowToggleAll",{enumerable:!0,configurable:!0,writable:!0,value:function(){r.setState({openSubRowIndices:r.state.openSubRowIndices.length>0?[]:w(0,r.props.data.length)})}}),Object.defineProperty(r,"isSubRowOpen",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return r.state.openSubRowIndices.indexOf(e)>-1}}),Object.defineProperty(r,"handleSubRowToggle",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.setState((function(t){var r=o([],t.openSubRowIndices,!0),n=r.indexOf(e);return n>-1?r.splice(n,1):r.push(e),{openSubRowIndices:r}}))}}),Object.defineProperty(r,"handleMeasure",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=r.getColumns(),n=(t.length-1)/2,i=0;r.props.subRowData&&(i+=48),r.props.onRowSort&&(i+=48);var l=e?t.map((function(t,r){var o=e["".concat(r,"-0")];return o?o.height:0})):[],a=e?Math.max.apply(Math,o(o([],l,!0),[r.props.compactHeader?32:48],!1)):null,u=e?Object.keys(e).reduce((function(r,o){var n=o.split("-")[0],i=e[o],l=t[n];if(l){var a=l.width||i.width;r[n]||(r[n]=[]),r[n].push(a)}return r}),[]).map((function(e){return Math.max.apply(Math,e)})):[],c=e?u.reduce((function(e,t,r){return e+t}),i):null,d=M?t.reduce((function(e,t,r){return t.sticky&&(r<n?e.left+=u[r]:e.right+=u[r]),e}),{left:i,right:0}):{left:0,right:0};r.setState({headerHeights:l,headerHeight:a,columnWidths:u,rowWidth:c,offsets:d,getLeftOffset:function(e,t){return M&&e.sticky&&t<n?u.reduce((function(e,r,o){return o<t?e+r:e}),i)||i:void 0},getRightOffset:function(e,t){return M&&e.sticky&&t>=n?u.reduce((function(e,r,o){return o>t?e+r:e}),0)||0:void 0}})}}),r.state={currentSort:r.getDefaultSort(e),highlightedColumnIndex:null,isSorting:!1,headerHeights:[],headerHeight:-1,columnWidths:[],rowWidth:-1,offsets:{left:0,right:0},openSubRowIndices:[],getLeftOffset:function(){return null},getRightOffset:function(){return null}},r}return e(W,a),Object.defineProperty(W,"getOppositeSortDirection",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return e===W.ASC?W.DESC:W.ASC}}),Object.defineProperty(W,"getIconDirection",{enumerable:!1,configurable:!0,writable:!0,value:function(e){return e===W.ASC?"general.upCaret":"general.downCaret"}}),Object.defineProperty(W.prototype,"getSortOrder",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.columnId,r=e.direction;return"".concat(r===W.ASC?"":"-").concat(d(t))}}),Object.defineProperty(W.prototype,"parseSortOrder",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t="-"===e[0];return{columnId:c(t?e.substring(1):e),direction:t?W.DESC:W.ASC}}}),Object.defineProperty(W.prototype,"getDefaultSort",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=e.defaultSortColumnId,o=e.defaultSortDirection,n=e.defaultSortOrder,i=n?this.parseSortOrder(n):{columnId:r,direction:o};return t(t({},i),{order:this.getSortOrder(i)})}}),Object.defineProperty(W.prototype,"getColumns",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;return this.props.columns.filter((function(t){return"object"==typeof t&&null!=t&&(t.alwaysVisible||-1===e.props.hiddenColumnIds.indexOf(t.id))})).map((function(e){e.alwaysVisible;var t=e.cell,o=e.divider,n=e.header,i=e.id,l=e.label,a=e.sortable,u=e.sticky,c=e.subRowCell,d=e.truncate,s=e.vertical,m=e.width;return{cell:t,columnProps:r(e,["alwaysVisible","cell","divider","header","id","label","sortable","sticky","subRowCell","truncate","vertical","width"]),divider:o,header:n,id:i,label:l,sortable:a,sticky:u,subRowCell:c,truncate:d,vertical:s,width:m}}))}}),Object.defineProperty(W.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,a=this.props,c=a.caption;a.children;var d=a.columnDividers;a.columns;var S=a.compactHeader,w=a.currentPage,y=a.data,P=void 0===y?[]:y;a.defaultSortColumnId;var O=a.defaultSortDirection;a.defaultSortOrder;var k=a.empty,M=a.getRowLink,z=a.headerColor;a.hiddenColumnIds,a.highlightColumnOnHover,a.innerRef;var V=a.keyboardShortcuts;a.layout;var L=a.loading,U=a.loadingTitle,K=a.minHeight,N=a.minRowHeight;a.onColumnSort;var _=a.onPageChange,q=a.onRowSort,F=a.rowDividers,G=a.subRowData,J=a.totalPages,Q=r(a,["caption","children","columnDividers","columns","compactHeader","currentPage","data","defaultSortColumnId","defaultSortDirection","defaultSortOrder","empty","getRowLink","headerColor","hiddenColumnIds","highlightColumnOnHover","innerRef","keyboardShortcuts","layout","loading","loadingTitle","minHeight","minRowHeight","onColumnSort","onPageChange","onRowSort","rowDividers","subRowData","totalPages"]),X=this.state,Y=X.highlightedColumnIndex,Z=X.currentSort,$=X.isSorting,ee=X.headerHeight,te=X.columnWidths,re=X.rowWidth,oe=X.offsets,ne=X.getLeftOffset,ie=X.getRightOffset,le=this.getColumns(),ae=L||P.length<=0;return n.createElement(T,t({},Q,{position:"relative"}),n.createElement(u,{styles:{html:{userSelect:this.state.isSorting?"none":null}}}),ae?n.createElement(h,{grow:1,alignment:"center",distribution:"center",minHeight:K,paddingVertical:8},L?n.createElement(g,{image:n.createElement(p,{size:"xl",color:"primary"}),title:U}):k):n.createElement(v,{updateOnMeasure:!1,onMeasure:this.handleMeasure},(function(r){var a=r.measureRef,u=i.toArray(o([G&&n.createElement(E,{toggled:e.isAnySubRowOpen(),height:ee+"px",onClick:e.handleSubRowToggleAll}),q&&n.createElement(I,{role:"columnheader",height:ee+"px",backgroundColor:"inherit"})],le.map((function(r,o){return n.createElement(B,{key:o},(function(i){var l=i.bindHover,u=i.isHover,c=te[o],d=t(t(t({},r.columnProps),l),{cursor:r.sortable?"pointer":"default",position:r.sticky?"sticky":"relative",zIndex:r.sticky?35:r.columnProps.zIndex,justifyContent:r.vertical?"start":r.columnProps.justifyContent,style:{width:c,height:r.vertical?ee+16:ee,left:ne(r,o),right:ie(r,o)},onClick:function(t){r.sortable&&e.handleColumnSort(r.id),r.columnProps&&r.columnProps.onClick&&r.columnProps.onClick(t)}});return r.sortable&&(d["aria-sort"]=Z.columnId===r.id?"ASC"===Z.direction?"ascending":"descending":"none"),n.createElement(H,t({},d),n.createElement(x,{innerRef:a("".concat(o,"-0")),height:S?4:6,transform:r.vertical&&"translate(".concat(r.width/2,"px, ").concat(16,"px) rotate(-90deg)")},"string"==typeof r.header?n.createElement(b,{truncate:!0,color:"grey-7",fontSize:S?"11px":"12px",cursor:r.sortable?"pointer":"default"},r.header):"function"==typeof r.header?r.header(o):r.header,r.sortable&&n.createElement(s,{title:"sort table",theme:!1,icon:{name:W.getIconDirection(Z.columnId===r.id?Z.direction:O)},size:"xs",opacity:Z.columnId===r.id?1:u?.35:0})))}))})),!0)),f=function(r,o){var l=o.subRowProps,u=void 0===l?{}:l,c=o.shouldRenderSubRowData,s=o.shouldRenderSubRowToggle,m=void 0!==s&&s;return Object.keys(r).map((function(o,l){var s=e.isSubRowOpen(l),p=r[o],g={key:l,index:l,style:{minWidth:re},keyboardShortcuts:V,row:p,rowIndex:l,onRowSort:q},b={};if(M){var h=function(){var e=M(p);"string"==typeof e&&(window.location=e)};b.tabIndex=0,b.role="link",b.cursor="pointer",b.focus={backgroundColor:"hsla(0,0%,97%,1)"},b.hover={backgroundColor:"hsla(0,0%,97%,1)"},b.onClick=h,b.onKeyDown=function(e){"Enter"===e.key&&h()}}return $&&(b.pointerEvents="none"),(F&&0!==l||m)&&(b.borderTopWidth=1),[n.createElement(R,t({},g,b,u),(function(r){var o=r.isRowHovered,u=r.dragHandleProps;return i.toArray([G&&(m?n.createElement(E,{contentsHidden:!0}):n.createElement(E,{toggled:s,rowIndex:l,onClick:function(t){t.stopPropagation(),e.handleSubRowToggle(l)}})),q&&n.createElement(I,t({},u),n.createElement(D,null)),le.map((function(r,i){var u=te[i],c=m&&void 0!==r.subRowCell?r.subRowCell:r.cell;return n.createElement(C,t({key:i},r.columnProps,e.getBodyCellMouseHandlers(i),{position:r.sticky?"sticky":void 0,justifyContent:r.vertical?"center":r.columnProps.justifyContent,minHeight:m?5:N,borderColor:"grey-3",borderLeftWidth:!1!==r.divider&&(d&&(q||0!==i)?1:void 0),backgroundColor:Y===i?"grey-0":"inherit",color:m?"grey-9":"black",zIndex:r.sticky?35:void 0,style:t({width:u,left:ne(r,i),right:ie(r,i)},r.columnProps.style)}),n.createElement(j,{innerRef:void 0===r.width?a("".concat(i,"-").concat(l+1),{formula:function(e){return{width:e.offsetWidth}}}):null,column:r,justifyContent:r.vertical?"center":r.columnProps.justifyContent},c&&("string"==typeof c?p[c]:c(p,{columnIndex:i,rowIndex:l,isRowHovered:o}))))}))])})),c&&s?f(G(p),{subRowProps:{backgroundColor:"hsla(0,0%,99%,1)"},shouldRenderSubRowData:!1,shouldRenderSubRowToggle:!0}):null]}))},p=function(e){return n.createElement(A,t({},e,{columnWidths:o([G&&48,q&&48],te,!0).filter(Boolean),rowWidth:re,minHeight:K,offsets:oe,caption:c,header:u,headerColor:z,headerHeight:ee,body:f(P,{shouldRenderSubRowData:!!G})}))};return q?n.createElement(m.Provider,{onDragStart:e.handleSortStart,onDragEnd:e.handleSortEnd},n.createElement(m.Droppable,{droppableId:"table"},(function(e){return n.createElement(l,null,p(t({innerRef:e.innerRef},e.droppableProps)),e.placeholder)}))):p({})})),!ae&&n.createElement(f,{currentPage:w,totalPages:J,onPageChange:_,position:"sticky",bottom:0,zIndex:35,marginTop:"-1px",backgroundColor:"white",borderTopWidth:1,borderTopColor:"grey-3",css:{"@media print":{position:"relative"}}}))}}),Object.defineProperty(W,"ColumnPicker",{enumerable:!0,configurable:!0,writable:!0,value:O}),Object.defineProperty(W,"AvatarCell",{enumerable:!0,configurable:!0,writable:!0,value:y}),Object.defineProperty(W,"CheckboxCell",{enumerable:!0,configurable:!0,writable:!0,value:P}),Object.defineProperty(W,"DateCell",{enumerable:!0,configurable:!0,writable:!0,value:k}),Object.defineProperty(W,"ASC",{enumerable:!0,configurable:!0,writable:!0,value:"ASC"}),Object.defineProperty(W,"DESC",{enumerable:!0,configurable:!0,writable:!0,value:"DESC"}),Object.defineProperty(W,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{currentPage:0,defaultSortColumnId:null,defaultSortDirection:W.ASC,defaultSortOrder:null,empty:"No results",headerColor:"grey-0",hiddenColumnIds:[],minHeight:48,minRowHeight:8,onPageChange:function(){return null},rowDividers:!0,totalPages:0}}),W}(a);export{z as default};
 //# sourceMappingURL=Table.js.map

package/dist/Tabs/Tab.js

@@ -1,2 +1,2 @@
-import{__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import e from"react";import{StackView as s}from"../StackView/StackView.js";import{useHover as t}from"../hooks/use-hover.js";import'./../ext/mousetrap/mousetrap.js';import"../hooks/use-measure.js";import"../system/colors/colors.js";import"../utils.js";import{useThemeProps as i}from"../system/utils.js";import"../system/style-names.js";import'./../ext/lodash/lodash.js';import'./../ext/lodash/_baseGetTag.js';import'./../ext/lodash/isArguments.js';import'./../ext/lodash/isBuffer.js';import'./../ext/lodash/isTypedArray.js';import"@emotion/react";import"../system/cxs.js";function a(a){var d=i("tabs.tab",a),m=d.axis,l=d.children,n=d.disabled,p=d.id,c=d.isActive,u=o(d,["axis","children","disabled","id","isActive"]),h=t(),b=h.hover,j=h.hoverProps,f=!n&&b,y=c?"primary":f?"separator":"separatorSecondary";return"horizontal"===m?(u.borderBottomWidth=2,u.borderBottomColor=y):(u.borderRightWidth=2,u.borderRightColor=y),e.createElement(s,r({id:p,role:"tab","aria-selected":c,"aria-controls":"".concat(p,"-panel"),"aria-disabled":n,alignment:"center",distribution:"center",fontSize:4,padding:1,color:c||f?"foreground":"foregroundSecondary",cursor:n?"not-allowed":"pointer",opacity:n?.6:void 0},j,u),l)}a.displayName="Tabs.Tab";export{a as default};
+import{__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import t from"react";import{StackView as e}from"../StackView/StackView.js";import{useHover as i}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import{useThemeProps as s}from"../system/utils.js";import"../system/style-names.js";import"lodash";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"lodash/includes";import"@emotion/react";import"../system/cxs.js";function a(a){var n=s("tabs.tab",a),m=n.axis,d=n.children,l=n.disabled,p=n.id,c=n.isActive,h=o(n,["axis","children","disabled","id","isActive"]),b=i(),u=b.hover,y=b.hoverProps,f=!l&&u,g=c?"primary":f?"separator":"separatorSecondary";return"horizontal"===m?(h.borderBottomWidth=2,h.borderBottomColor=g):(h.borderRightWidth=2,h.borderRightColor=g),t.createElement(e,r({id:p,role:"tab","aria-selected":c,"aria-controls":"".concat(p,"-panel"),"aria-disabled":l,alignment:"center",distribution:"center",fontSize:4,padding:1,color:c||f?"foreground":"foregroundSecondary",cursor:l?"not-allowed":"pointer",opacity:l?.6:void 0},y,h),d)}a.displayName="Tabs.Tab";export{a as default};
 //# sourceMappingURL=Tab.js.map

package/dist/Tabs/TabList.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as o}from'./../ext/tslib/tslib.es6.js';import t,{Children as s,cloneElement as i}from"react";import{StackView as r}from"../StackView/StackView.js";import"../system/colors/colors.js";import"../utils.js";import{useThemeProps as a}from"../system/utils.js";import"../system/style-names.js";import'./../ext/lodash/lodash.js';import'./../ext/lodash/_baseGetTag.js';import'./../ext/lodash/isArguments.js';import'./../ext/lodash/isBuffer.js';import'./../ext/lodash/isTypedArray.js';import"@emotion/react";import"../system/cxs.js";var n="TabList";function d(n){var d=a("tabs.tabList",n),m=d.activeIndex,l=d.axis,c=void 0===l?"horizontal":l,u=d.children,p=d.id,f=d.moveTabFocus,v=d.setActiveIndex,y=e(d,["activeIndex","axis","children","id","moveTabFocus","setActiveIndex"]),b="horizontal"===c?"ArrowLeft":"ArrowUp",h="horizontal"===c?"ArrowRight":"ArrowDown";return t.createElement(r,o({role:"tablist","aria-orientation":c,axis:c,distribution:"fill"},y),s.map(u,(function(e,o){return i(e,{axis:c,id:"".concat(p,"-").concat(o),isActive:o===m,tabIndex:e.props.disabled?void 0:o!==m?-1:0,onFocus:function(){return v(o)},onKeyDown:function(e){e.key===b&&(e.preventDefault(),f(-1)),e.key===h&&(e.preventDefault(),f(1)),"Home"===e.key&&(e.preventDefault(),f(0)),"End"===e.key&&(e.preventDefault(),f(s.count(u)-1))}})})))}d.displayName=n;export{n as TABLIST_DISPLAY_NAME,d as default};
+import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import o,{Children as i,cloneElement as r}from"react";import{StackView as s}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import{useThemeProps as n}from"../system/utils.js";import"../system/style-names.js";import"lodash";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"lodash/includes";import"@emotion/react";import"../system/cxs.js";var a="TabList";function c(a){var c=n("tabs.tabList",a),l=c.activeIndex,m=c.axis,p=void 0===m?"horizontal":m,d=c.children,u=c.id,f=c.moveTabFocus,v=c.setActiveIndex,y=t(c,["activeIndex","axis","children","id","moveTabFocus","setActiveIndex"]),b="horizontal"===p?"ArrowLeft":"ArrowUp",h="horizontal"===p?"ArrowRight":"ArrowDown";return o.createElement(s,e({role:"tablist","aria-orientation":p,axis:p,distribution:"fill"},y),i.map(d,(function(t,e){return r(t,{axis:p,id:"".concat(u,"-").concat(e),isActive:e===l,tabIndex:t.props.disabled?void 0:e!==l?-1:0,onFocus:function(){return v(e)},onKeyDown:function(t){t.key===b&&(t.preventDefault(),f(-1)),t.key===h&&(t.preventDefault(),f(1)),"Home"===t.key&&(t.preventDefault(),f(0)),"End"===t.key&&(t.preventDefault(),f(i.count(d)-1))}})})))}c.displayName=a;export{a as TABLIST_DISPLAY_NAME,c as default};
 //# sourceMappingURL=TabList.js.map

package/dist/Tabs/TabPanels.js

@@ -1,2 +1,2 @@
-import{__rest as s,__assign as o}from'./../ext/tslib/tslib.es6.js';import e,{cloneElement as t}from"react";import{Box as r}from"../Box/Box.js";import"../system/colors/colors.js";import"../utils.js";import{useThemeProps as m}from"../system/utils.js";import"../system/style-names.js";import'./../ext/lodash/lodash.js';import'./../ext/lodash/_baseGetTag.js';import'./../ext/lodash/isArguments.js';import'./../ext/lodash/isBuffer.js';import'./../ext/lodash/isTypedArray.js';import"@emotion/react";import"../system/cxs.js";var i="TabPanels";function a(i){var a=m("tabs.tabPanels",i),d=a.activeIndex,l=a.children,n=a.id,p=s(a,["activeIndex","children","id"]),c=l[d];return e.createElement(r,o({},p),c?t(c,{activeId:"".concat(n,"-").concat(d)}):null)}a.displayName=i;export{i as TABPANELS_DISPLAY_NAME,a as default};
+import{__rest as t,__assign as s}from'./../ext/tslib/tslib.es6.js';import e,{cloneElement as o}from"react";import{Box as i}from"../Box/Box.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import{useThemeProps as r}from"../system/utils.js";import"../system/style-names.js";import"lodash";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"lodash/includes";import"@emotion/react";import"../system/cxs.js";var a="TabPanels";function n(a){var n=r("tabs.tabPanels",a),m=n.activeIndex,l=n.children,p=n.id,c=t(n,["activeIndex","children","id"]),d=l[m];return e.createElement(i,s({},c),d?o(d,{activeId:"".concat(p,"-").concat(m)}):null)}n.displayName=a;export{a as TABPANELS_DISPLAY_NAME,n as default};
 //# sourceMappingURL=TabPanels.js.map

package/dist/Tabs/Tabs.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import o,{useState as r,useRef as s,useCallback as n,Children as i}from"react";import{StackView as a}from"../StackView/StackView.js";import{generateId as l}from"../utils.js";import"../system/colors/colors.js";import{useThemeProps as m}from"../system/utils.js";import"../system/style-names.js";import'./../ext/lodash/lodash.js';import'./../ext/lodash/_baseGetTag.js';import'./../ext/lodash/isArguments.js';import'./../ext/lodash/isBuffer.js';import'./../ext/lodash/isTypedArray.js';import"@emotion/react";import"../system/cxs.js";import d,{TABLIST_DISPLAY_NAME as u}from"./TabList.js";import c,{TABPANELS_DISPLAY_NAME as p}from"./TabPanels.js";import f from"./Tab.js";function b(d){var c=m("tabs",d),f=c.activeIndex,b=void 0===f?null:f,j=c.children,v=c.defaultActiveIndex,h=void 0===v?0:v,y=c.onChange,T=e(c,["activeIndex","children","defaultActiveIndex","onChange"]),x=l("tabs"),I=r(h),_=I[0],g=I[1],A=s(null),E=n((function(e){y&&y(e),null===b&&g(e)}),[y,b,g]),P=n((function(){return null===b?_:b}),[b,_]),S=n((function(e,t){var o=A.current.children.length,r=e+t;r<0?r=o-1:r>=o&&(r=0);var s=A.current.children[r];return"true"===s.getAttribute("aria-disabled")?S(r,t):s}),[A]),k=n((function(e){var t=S(P(),e);t&&t.focus()}),[S,P]);return o.createElement(a,t({innerRef:function(e){e&&(A.current=e.querySelector('[role="tablist"]'))}},T),i.map(j,(function(e,t){return e&&e.type.displayName===u?o.cloneElement(e,{id:x,activeIndex:P(),moveTabFocus:k,setActiveIndex:E}):e&&e.type.displayName===p?o.cloneElement(e,{id:x,activeIndex:P()}):e})))}b.Tab=f,b.TabList=d,b.TabPanel=c,b.TabPanels=c;export{b as default};
+import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import n,{useState as r,useRef as i,useCallback as o,Children as s}from"react";import{StackView as a}from"../StackView/StackView.js";import{generateId as l}from"../utils.js";import"../system/colors/colors.js";import"polished";import{useThemeProps as c}from"../system/utils.js";import"../system/style-names.js";import"lodash";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"lodash/includes";import"@emotion/react";import"../system/cxs.js";import m,{TABLIST_DISPLAY_NAME as u}from"./TabList.js";import p,{TABPANELS_DISPLAY_NAME as d}from"./TabPanels.js";import f from"./Tab.js";function b(m){var p=c("tabs",m),f=p.activeIndex,b=void 0===f?null:f,v=p.children,h=p.defaultActiveIndex,y=void 0===h?0:h,j=p.onChange,x=e(p,["activeIndex","children","defaultActiveIndex","onChange"]),T=l("tabs"),g=r(y),I=g[0],A=g[1],E=i(null),P=o((function(e){j&&j(e),null===b&&A(e)}),[j,b,A]),S=o((function(){return null===b?I:b}),[b,I]),k=o((function(e,t){var n=E.current.children.length,r=e+t;r<0?r=n-1:r>=n&&(r=0);var i=E.current.children[r];return"true"===i.getAttribute("aria-disabled")?k(r,t):i}),[E]),w=o((function(e){var t=k(S(),e);t&&t.focus()}),[k,S]);return n.createElement(a,t({innerRef:function(e){e&&(E.current=e.querySelector('[role="tablist"]'))}},x),s.map(v,(function(e,t){return e&&e.type.displayName===u?n.cloneElement(e,{id:T,activeIndex:S(),moveTabFocus:w,setActiveIndex:P}):e&&e.type.displayName===d?n.cloneElement(e,{id:T,activeIndex:S()}):e})))}b.Tab=f,b.TabList=m,b.TabPanel=p,b.TabPanels=p;export{b as default};
 //# sourceMappingURL=Tabs.js.map

package/dist/Text/Text.js

@@ -1,2 +1,2 @@
-import{__rest as i,__assign as t}from'./../ext/tslib/tslib.es6.js';import{jsx as e}from"@emotion/react";import"../system/colors/colors.js";import"../utils.js";import{useThemeProps as r}from"../system/utils.js";import"../system/style-names.js";import'./../ext/lodash/lodash.js';import s from"../system/split-styles.js";import"react";import"../system/cxs.js";import{useVariant as o}from"../VariantProvider/VariantProvider.js";var l={styleProps:["italic","truncate","size","underline","weight","wrap"],getStyles:function(t){var e=t.align,r=t.italic,s=t.truncate,o=t.size,l=t.underline,n=t.weight,a=t.wrap,p=void 0===a||a,m=i(t,["align","italic","truncate","size","underline","weight","wrap"]);return e&&(m.textAlign=e),r&&(m.fontStyle="italic"),s&&("block"===m.display&&"flex"===m.display||(m.display="block"),m.overflow="hidden",m.textOverflow="ellipsis"),(s||!1===p)&&(m.whiteSpace="nowrap"),l&&(m.textDecoration=l),void 0!==o&&(m.fontSize=o),n&&(m.fontWeight=n),m}},n=function(n){var a=n.as,p=n.innerRef,m=i(n,["as","innerRef"]),c=r("text",m),d=c.inline,f=i(c,["inline"]),u=a||"p",y=o();return e(u,t({ref:p},s(t({display:d?"inline-block":"block",lineHeight:"20px",shrink:1,plugin:l,variant:y},f))))};export{n as Text};
+import{__rest as i,__assign as t}from'./../ext/tslib/tslib.es6.js';import{jsx as e}from"@emotion/react";import"../system/colors/colors.js";import"polished";import"../utils.js";import{useThemeProps as r}from"../system/utils.js";import"../system/style-names.js";import"lodash";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import n from"../system/split-styles.js";import"react";import"../system/cxs.js";import{useVariant as s}from"../VariantProvider/VariantProvider.js";var o={styleProps:["italic","truncate","size","underline","weight","wrap"],getStyles:function(t){var e=t.align,r=t.italic,n=t.truncate,s=t.size,o=t.underline,l=t.weight,a=t.wrap,p=void 0===a||a,m=i(t,["align","italic","truncate","size","underline","weight","wrap"]);return e&&(m.textAlign=e),r&&(m.fontStyle="italic"),n&&("block"===m.display&&"flex"===m.display||(m.display="block"),m.overflow="hidden",m.textOverflow="ellipsis"),(n||!1===p)&&(m.whiteSpace="nowrap"),o&&(m.textDecoration=o),void 0!==s&&(m.fontSize=s),l&&(m.fontWeight=l),m}},l=function(l){var a=l.as,p=l.innerRef,m=i(l,["as","innerRef"]),c=r("text",m),d=c.inline,f=i(c,["inline"]),y=a||"p",u=s();return e(y,t({ref:p},n(t({display:d?"inline-block":"block",lineHeight:"20px",shrink:1,plugin:o,variant:u},f))))};export{l as Text};
 //# sourceMappingURL=Text.js.map

package/dist/TextArea/TextArea.d.ts

@@ -1,4 +1,6 @@
-export type TextAreaProps = {
+import { ComponentProps } from 'react';
+import InputBox from '../Input/InputBox';
+export type TextAreaProps = ComponentProps<typeof InputBox> & {
     defaultValue?: string;
 };
 declare const TextArea: ({ defaultValue, ...restProps }: TextAreaProps) => JSX.Element;

package/dist/TextArea/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/TextArea/TextArea.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,aAAa,GAAG;IAE1B,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,QAAA,MAAM,QAAQ,mCAGX,aAAa,KAAG,WAWlB,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../src/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AAExC,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IAE5D,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAED,QAAA,MAAM,QAAQ,mCAGX,aAAa,KAAG,WAWlB,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/ThemeProvider/ThemeProvider.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t,__spreadArray as o}from'./../ext/tslib/tslib.es6.js';import s,{useState as r,useMemo as n,useLayoutEffect as i}from"react";import{CacheProvider as m,ThemeProvider as l}from"@emotion/react";import d from'./../ext/lodash/merge.js';import{Box as a}from"../Box/Box.js";import c from"../system/default-theme.js";import"../system/colors/colors.js";import{flattenPalette as u}from"../system/colors/utils.js";import'./../ext/lodash/_baseGetTag.js';import'./../ext/lodash/_stringToPath.js';import'./../ext/lodash/_baseToString.js';import{objectToCSSProperties as p,shallowEqual as h}from"../utils.js";import"../system/style-names.js";import'./../ext/lodash/lodash.js';import'./../ext/lodash/isArguments.js';import'./../ext/lodash/isBuffer.js';import'./../ext/lodash/isTypedArray.js';import"../system/cxs.js";import{setRootStyles as f,getThemeDataAttribute as v,styleReset as y}from"./styles.js";import{createCache as j}from"../createCache.js";var g="tapestry-react-theme",_={default:j({key:"tapestry-react"})};function b(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return d.apply(void 0,o([{}],e,!1))}var S={get:function(){return window.localStorage.getItem(g)},set:function(e){return window.localStorage.setItem(g,e)}},w="\ntry {\n  var theme = window.localStorage.getItem('".concat(g,"')\n  if (theme) {\n    document.documentElement.dataset.theme = theme\n  }\n} catch (e) {}\n"),k={};function T(e,o){var s,r,n,i,m,l;return void 0===e&&(e={}),void 0===o&&(o={}),t(t(t({},e),o),{button:t(t(t({},e.button),o.button),{themes:b((null===(s=e.button)||void 0===s?void 0:s.themes)||{},(null===(r=o.button)||void 0===r?void 0:r.themes)||{})}),colors:b(u(e.colors||{}),u(o.colors||{})),spinner:t(t(t({},e.spinner),o.spinner),{sizes:b((null===(n=e.spinner)||void 0===n?void 0:n.sizes)||{},(null===(i=o.spinner)||void 0===i?void 0:i.sizes)||{}),thickness:b((null===(m=e.spinner)||void 0===m?void 0:m.thickness)||{},(null===(l=o.spinner)||void 0===l?void 0:l.thickness)||{})})})}function x(o){var d,u=o.theme,y=void 0===u?k:u,g=o.children,b=e(o,["theme","children"]),S=r((function(){return T(c,y)})),w=S[0],x=S[1],z=n((function(){return _[y.id]||(_[y.id]=j({key:"tapestry-react-".concat(y.id)})),_[y.id]}),[y.id]);return i((function(){var e=T(c,y);f(e.id,p("colors",e.colors)),h(w,e)||x(e)}),[y]),s.createElement(m,{value:z},s.createElement(l,{theme:w},s.createElement(a,t({className:"tapestry-react-reset"},b,((d={})["".concat(v(w.id))]=!0,d)),g)))}x.cache=_.default,x.setRootStyles=f,x.styleReset=y,x.themeInitializerScript=w,x.themeStorage=S;export{x as ThemeProvider,f as setRootStyles,y as styleReset,w as themeInitializerScript,S as themeStorage};
+import{__rest as e,__assign as t,__spreadArray as o}from'./../ext/tslib/tslib.es6.js';import r,{useState as s,useMemo as i,useLayoutEffect as n}from"react";import{CacheProvider as m,ThemeProvider as l}from"@emotion/react";import c from"lodash/merge";import{Box as a}from"../Box/Box.js";import d from"../system/default-theme.js";import"../system/colors/colors.js";import{flattenPalette as u}from"../system/colors/utils.js";import"polished";import"lodash/get";import{objectToCSSProperties as p,shallowEqual as h}from"../utils.js";import"../system/style-names.js";import"lodash";import"lodash/includes";import"../system/cxs.js";import{setRootStyles as v,getThemeDataAttribute as f,styleReset as y}from"./styles.js";import{createCache as g}from"../createCache.js";var j="tapestry-react-theme",b={default:g({key:"tapestry-react"})};function w(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return c.apply(void 0,o([{}],e,!1))}var S={get:function(){return window.localStorage.getItem(j)},set:function(e){return window.localStorage.setItem(j,e)}},k="\ntry {\n  var theme = window.localStorage.getItem('".concat(j,"')\n  if (theme) {\n    document.documentElement.dataset.theme = theme\n  }\n} catch (e) {}\n"),x={};function z(e,o){var r,s,i,n,m,l;return void 0===e&&(e={}),void 0===o&&(o={}),t(t(t({},e),o),{button:t(t(t({},e.button),o.button),{themes:w((null===(r=e.button)||void 0===r?void 0:r.themes)||{},(null===(s=o.button)||void 0===s?void 0:s.themes)||{})}),colors:w(u(e.colors||{}),u(o.colors||{})),spinner:t(t(t({},e.spinner),o.spinner),{sizes:w((null===(i=e.spinner)||void 0===i?void 0:i.sizes)||{},(null===(n=o.spinner)||void 0===n?void 0:n.sizes)||{}),thickness:w((null===(m=e.spinner)||void 0===m?void 0:m.thickness)||{},(null===(l=o.spinner)||void 0===l?void 0:l.thickness)||{})})})}function E(o){var c,u=o.theme,y=void 0===u?x:u,j=o.children,w=e(o,["theme","children"]),S=s((function(){return z(d,y)})),k=S[0],E=S[1],I=i((function(){return b[y.id]||(b[y.id]=g({key:"tapestry-react-".concat(y.id)})),b[y.id]}),[y.id]);return n((function(){var e=z(d,y);v(e.id,p("colors",e.colors)),h(k,e)||E(e)}),[y]),r.createElement(m,{value:I},r.createElement(l,{theme:k},r.createElement(a,t({className:"tapestry-react-reset"},w,((c={})["".concat(f(k.id))]=!0,c)),j)))}E.cache=b.default,E.setRootStyles=v,E.styleReset=y,E.themeInitializerScript=k,E.themeStorage=S;export{E as ThemeProvider,v as setRootStyles,y as styleReset,k as themeInitializerScript,S as themeStorage};
 //# sourceMappingURL=ThemeProvider.js.map

package/dist/ThemeProvider/styles.js

@@ -1,2 +1,2 @@
-import"../system/colors/colors.js";import{flattenPalette as e}from"../system/colors/utils.js";import"react";import"@emotion/react";import'./../ext/lodash/_baseGetTag.js';import'./../ext/lodash/_stringToPath.js';import'./../ext/lodash/_baseToString.js';import t from"../system/default-theme.js";import{objectToCSSProperties as n}from"../utils.js";import"../system/style-names.js";import'./../ext/lodash/lodash.js';import'./../ext/lodash/isArguments.js';import'./../ext/lodash/isBuffer.js';import'./../ext/lodash/isTypedArray.js';import"../system/cxs.js";function o(e){return e?"data-tapestry-react-theme-provider-".concat(e):"data-tapestry-react-theme-provider"}var r=function(e,t){var n=Object.keys(t).map((function(e){return"".concat(e,": ").concat(t[e])})).join("; ");return"[".concat(o(e),"] { ").concat(n," }")},s=function(e,t){!function(e){if("undefined"!=typeof window&&!document.getElementById("tapestry-react-style-".concat(e))){var t=document.createElement("style");t.id="tapestry-react-style-".concat(e),t.innerHTML=i,document.head.insertAdjacentElement("afterbegin",t)}}(e);var n=document.getElementById("tapestry-react-style-".concat(e)).sheet,o=r(e,t);n.deleteRule(0),n.insertRule(o,0)},a=n("colors",e(t.colors)),i="\n".concat(r(null,a),"\n\n.tapestry-react-reset {\n  appearance: none;\n  background-color: transparent;\n  border-width: 0px;\n  border-style: solid;\n  border-color: transparent;\n  box-sizing: border-box;\n  color: inherit;\n  box-sizing: border-box;\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-basis: auto;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n  font-weight: 400;\n  margin-top: 0;\n  margin-right: 0;\n  margin-bottom: 0;\n  margin-left: 0;\n  min-width: 0px;\n  min-height: 0px;\n  padding-top: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n  padding-left: 0;\n  text-decoration: none;\n}\n\n.tapestry-react-reset::-moz-focus-inner {\n  padding-top: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n  padding-left: 0;\n  border: none;\n}\n\n.tapestry-react-reset:focus:not(.focus-visible) {\n  outline: 0px;\n}\n").replace(/\n/g,"").replace(/\s\s+/g," ");export{a as defaultColorProperties,o as getThemeDataAttribute,s as setRootStyles,i as styleReset};
+import"../system/colors/colors.js";import{flattenPalette as t}from"../system/colors/utils.js";import"react";import"@emotion/react";import"polished";import"lodash/get";import e from"../system/default-theme.js";import{objectToCSSProperties as n}from"../utils.js";import"../system/style-names.js";import"lodash";import"lodash/includes";import"../system/cxs.js";function o(t){return t?"data-tapestry-react-theme-provider-".concat(t):"data-tapestry-react-theme-provider"}var r=function(t,e){var n=Object.keys(e).map((function(t){return"".concat(t,": ").concat(e[t])})).join("; ");return"[".concat(o(t),"] { ").concat(n," }")},a=function(t,e){!function(t){if("undefined"!=typeof window&&!document.getElementById("tapestry-react-style-".concat(t))){var e=document.createElement("style");e.id="tapestry-react-style-".concat(t),e.innerHTML=s,document.head.insertAdjacentElement("afterbegin",e)}}(t);var n=document.getElementById("tapestry-react-style-".concat(t)).sheet,o=r(t,e);n.deleteRule(0),n.insertRule(o,0)},i=n("colors",t(e.colors)),s="\n".concat(r(null,i),"\n\n.tapestry-react-reset {\n  appearance: none;\n  background-color: transparent;\n  border-width: 0px;\n  border-style: solid;\n  border-color: transparent;\n  box-sizing: border-box;\n  color: inherit;\n  box-sizing: border-box;\n  flex-grow: 0;\n  flex-shrink: 0;\n  flex-basis: auto;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n  font-weight: 400;\n  margin-top: 0;\n  margin-right: 0;\n  margin-bottom: 0;\n  margin-left: 0;\n  min-width: 0px;\n  min-height: 0px;\n  padding-top: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n  padding-left: 0;\n  text-decoration: none;\n}\n\n.tapestry-react-reset::-moz-focus-inner {\n  padding-top: 0;\n  padding-right: 0;\n  padding-bottom: 0;\n  padding-left: 0;\n  border: none;\n}\n\n.tapestry-react-reset:focus:not(.focus-visible) {\n  outline: 0px;\n}\n").replace(/\n/g,"").replace(/\s\s+/g," ");export{i as defaultColorProperties,o as getThemeDataAttribute,a as setRootStyles,s as styleReset};
 //# sourceMappingURL=styles.js.map

package/dist/TileView/TileView.js

@@ -1,2 +1,2 @@
-import{__rest as s,__assign as r}from'./../ext/tslib/tslib.es6.js';import{jsx as i}from"@emotion/react";import t from"../system/split-styles.js";import"../system/colors/colors.js";import"../utils.js";import{spacingValue as o}from"../system/utils.js";import"../system/style-names.js";import'./../ext/lodash/lodash.js';import"react";import"../system/cxs.js";import{useVariant as e}from"../VariantProvider/VariantProvider.js";var m={styleProps:["minCellWidth","spacing"],getStyles:function(r){var i=r.minCellWidth,t=r.spacing,e=s(r,["minCellWidth","spacing"]),m=o(i);return m&&(e.gridTemplateColumns="repeat(auto-fill, minmax(".concat(m,", 1fr))")),void 0!==t&&(e.gap=o(t)),e}};function n(o){var n=o.as,l=o.innerRef,a=s(o,["as","innerRef"]),p=n||"div",d=e();return i(p,r({ref:l},t(r({display:"grid",grow:1,shrink:1,plugin:m,variant:d},a))))}export{n as TileView};
+import{__rest as t,__assign as i}from'./../ext/tslib/tslib.es6.js';import{jsx as r}from"@emotion/react";import s from"../system/split-styles.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import{spacingValue as e}from"../system/utils.js";import"../system/style-names.js";import"lodash";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"react";import"../system/cxs.js";import{useVariant as o}from"../VariantProvider/VariantProvider.js";var n={styleProps:["minCellWidth","spacing"],getStyles:function(i){var r=i.minCellWidth,s=i.spacing,o=t(i,["minCellWidth","spacing"]),n=e(r);return n&&(o.gridTemplateColumns="repeat(auto-fill, minmax(".concat(n,", 1fr))")),void 0!==s&&(o.gap=e(s)),o}};function m(e){var m=e.as,a=e.innerRef,p=t(e,["as","innerRef"]),l=m||"div",c=o();return r(l,i({ref:a},s(i({display:"grid",grow:1,shrink:1,plugin:n,variant:c},p))))}export{m as TileView};
 //# sourceMappingURL=TileView.js.map

package/dist/TimeField/utils.js

@@ -1,2 +1,2 @@
-import e from'./../ext/date-fns/esm/addHours/index.js';import n from'./../ext/date-fns/esm/addMinutes/index.js';import o from'./../ext/date-fns/esm/getHours/index.js';import r from'./../ext/date-fns/esm/getMinutes/index.js';var t=24,d=60;function s(e,n){var o=e[0],r=e[1];return[f(o+n,24),r]}function u(e,n){var o=e[0],r=e[1],t=r+n,d=f(t,60);d>=0?(o=f(o+Math.floor(t/60),24),r=d):r=t;return[o,r]}function m(o,r){var t=r[0],d=r[1];return e(n(o,d),t)}function i(e){return[o(e),r(e)]}function f(e,n){return(e%n+n)%n}export{t as HOURS_IN_DAY,d as MINUTES_IN_HOUR,s as addHoursToTime,u as addMinutesToTime,m as addTimeToDate,i as getTimeFromDate,f as modulo};
+import{addHours as r,addMinutes as n,getHours as t,getMinutes as o}from"date-fns";var u=24,f=60;function e(r,n){var t=r[0],o=r[1];return[v(t+n,24),o]}function a(r,n){var t=r[0],o=r[1],u=o+n,f=v(u,60);f>=0?(t=v(t+Math.floor(u/60),24),o=f):o=u;return[t,o]}function i(t,o){var u=o[0],f=o[1];return r(n(t,f),u)}function c(r){return[t(r),o(r)]}function v(r,n){return(r%n+n)%n}export{u as HOURS_IN_DAY,f as MINUTES_IN_HOUR,e as addHoursToTime,a as addMinutesToTime,i as addTimeToDate,c as getTimeFromDate,v as modulo};
 //# sourceMappingURL=utils.js.map

package/dist/ToggleSwitch/ToggleSwitch.d.ts

@@ -1,16 +1,22 @@
 import React from 'react';
-import { StackViewProps } from '../StackView';
-import { MediaQueries } from '..';
+type WithAriaLabel = {
+    ariaLabel: string;
+};
+type WithVisibleLabel = {
+    label: string;
+};
+type WithLabel = WithAriaLabel | WithVisibleLabel;
 export type ToggleSwitchProps = {
+    ariaLabel?: string;
     backgroundColor?: string;
     disabled?: boolean;
     isChecked: boolean;
-    label: string;
+    label?: string;
     onClick: () => void;
     size?: 'xs' | 'sm' | 'md';
     tooltip?: string;
-} & StackViewProps;
-type Props = React.RefAttributes<any> & ToggleSwitchProps & MediaQueries<ToggleSwitchProps>;
+} & WithLabel;
+type Props = React.RefAttributes<any> & ToggleSwitchProps;
 export declare function ToggleSwitch(props: Props): JSX.Element;
 export default ToggleSwitch;
 //# sourceMappingURL=ToggleSwitch.d.ts.map

package/dist/ToggleSwitch/ToggleSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../src/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAA;AAIxD,OAAO,EAAE,YAAY,EAAE,MAAM,IAAI,CAAA;AAEjC,MAAM,MAAM,iBAAiB,GAAG;IAE9B,eAAe,CAAC,EAAE,MAAM,CAAA;IAGxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAGlB,SAAS,EAAE,OAAO,CAAA;IAGlB,KAAK,EAAE,MAAM,CAAA;IAGb,OAAO,EAAE,MAAM,IAAI,CAAA;IAGnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAGzB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,cAAc,CAAA;AAElB,KAAK,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACnC,iBAAiB,GACjB,YAAY,CAAC,iBAAiB,CAAC,CAAA;AAEjC,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,eAoExC;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"ToggleSwitch.d.ts","sourceRoot":"","sources":["../../src/ToggleSwitch/ToggleSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,KAAK,aAAa,GAAG;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAAA;AAC1C,KAAK,gBAAgB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;AACzC,KAAK,SAAS,GAAG,aAAa,GAAG,gBAAgB,CAAA;AAEjD,MAAM,MAAM,iBAAiB,GAAG;IAE9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAGlB,eAAe,CAAC,EAAE,MAAM,CAAA;IAGxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAGlB,SAAS,EAAE,OAAO,CAAA;IAGlB,KAAK,CAAC,EAAE,MAAM,CAAA;IAGd,OAAO,EAAE,MAAM,IAAI,CAAA;IAGnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAGzB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,SAAS,CAAA;AAEb,KAAK,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,iBAAiB,CAAA;AAEzD,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,eAsExC;AAED,eAAe,YAAY,CAAA"}

package/dist/ToggleSwitch/ToggleSwitch.js

@@ -1,2 +1,2 @@
-import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import o from"react";import{Box as s}from"../Box/Box.js";import{colors as i}from"../system/colors/colors.js";import"../utils.js";import{StackView as r}from"../StackView/StackView.js";import{Text as l}from"../Text/Text.js";import a from"../Tooltip/Tooltip.js";import{useThemeProps as m}from"../system/utils.js";import"../system/style-names.js";import'./../ext/lodash/lodash.js';import'./../ext/lodash/_baseGetTag.js';import'./../ext/lodash/isArguments.js';import'./../ext/lodash/isBuffer.js';import'./../ext/lodash/isTypedArray.js';import"@emotion/react";import"../system/cxs.js";function d(d){var n=d.disabled,c=void 0!==n&&n,h=d.isChecked,p=d.label,u=d.onClick,g=d.size,f=void 0===g?"md":g,j=d.tooltip,b=t(d,["disabled","isChecked","label","onClick","size","tooltip"]),k=m("toggleSwitch",b).backgroundColor,w={height:2.5,width:4.375},x={height:2,width:2};return"sm"===f?(w={height:2.25,width:4},x={height:1.75,width:1.75}):"xs"===f&&(w={height:2,width:3.5},x={height:1.5,width:1.5}),o.createElement(a,{title:j},o.createElement(r,{alignment:"center","aria-checked":h?"true":"false",as:"button",axis:"horizontal",cursor:c?"not-allowed":"pointer",onClick:c?void 0:u,radius:"pill",role:"switch",spacing:"xs"===f?.5:"sm"===f?.75:1,disabled:c},o.createElement(s,e({backgroundColor:c?i.grays.light.neutral81:h?k:i.grays.light.neutral62,position:"relative",radius:"pill"},w),o.createElement(s,e({background:"#fff",left:.25,pointerEvents:"none",position:"absolute",radius:"circle",top:.25,transform:"translateX(".concat(h?"calc(100% - 1px)":"0%",")"),transition:"120ms"},x))),p&&o.createElement(l,{size:"xs"===f?5:"sm"===f?4:3},p)))}export{d as ToggleSwitch,d as default};
+import{__rest as t,__assign as i}from'./../ext/tslib/tslib.es6.js';import e from"react";import{Box as o}from"../Box/Box.js";import{colors as r}from"../system/colors/colors.js";import"polished";import"../utils.js";import{StackView as s}from"../StackView/StackView.js";import{Text as l}from"../Text/Text.js";import a from"../Tooltip/Tooltip.js";import{useThemeProps as n}from"../system/utils.js";import"../system/style-names.js";import"lodash";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"lodash/includes";import"@emotion/react";import"../system/cxs.js";function m(m){var c=m.ariaLabel,d=void 0===c?void 0:c,p=m.disabled,h=void 0!==p&&p,g=m.isChecked,u=m.label,f=void 0===u?void 0:u,b=m.onClick,v=m.size,k=void 0===v?"md":v,w=m.tooltip,x=void 0===w?void 0:w,j=t(m,["ariaLabel","disabled","isChecked","label","onClick","size","tooltip"]),y=n("toggleSwitch",j).backgroundColor,C={height:2.5,width:4.375},E={height:2,width:2};return"sm"===k?(C={height:2.25,width:4},E={height:1.75,width:1.75}):"xs"===k&&(C={height:2,width:3.5},E={height:1.5,width:1.5}),e.createElement(a,{title:x},e.createElement(s,{alignment:"center","aria-checked":g?"true":"false","aria-label":d||f,as:"button",axis:"horizontal",cursor:h?"not-allowed":"pointer",onClick:h?void 0:b,radius:"pill",role:"switch",spacing:"xs"===k?.5:"sm"===k?.75:1,disabled:h},e.createElement(o,i({backgroundColor:h?r.grays.light.neutral81:g?y:r.grays.light.neutral62,position:"relative",radius:"pill"},C),e.createElement(o,i({background:"#fff",left:.25,pointerEvents:"none",position:"absolute",radius:"circle",top:.25,transform:"translateX(".concat(g?"calc(100% - 1px)":"0%",")"),transition:"120ms"},E))),f&&e.createElement(l,{size:"xs"===k?5:"sm"===k?4:3},f)))}export{m as ToggleSwitch,m as default};
 //# sourceMappingURL=ToggleSwitch.js.map

package/dist/TokenInput/TokenInput.js

@@ -1,2 +1,2 @@
-import{__extends as e,__spreadArray as t,__rest as n,__assign as o}from'./../ext/tslib/tslib.es6.js';import r,{cloneElement as s,Component as a}from"react";import{getBoxSize as i}from"../system/box-sizes.js";import"../system/colors/colors.js";import"../utils.js";import{navigateSize as u}from"../system/utils.js";import"../system/style-names.js";import'./../ext/lodash/lodash.js';import'./../ext/lodash/_baseGetTag.js';import'./../ext/lodash/isArguments.js';import'./../ext/lodash/isBuffer.js';import'./../ext/lodash/isTypedArray.js';import"@emotion/react";import"../system/cxs.js";import l from"../Input/InputBox.js";import{WrapView as p}from"../WrapView/WrapView.js";import{defaultRenderToken as c,defaultRenderInput as f}from"./default-renders.js";import d from"./DefaultToken.js";var b=function(a){function b(){var e=null!==a&&a.apply(this,arguments)||this;return Object.defineProperty(e,"inputBox",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"state",{enumerable:!0,configurable:!0,writable:!0,value:{inputValue:""}}),Object.defineProperty(e,"clearInputValue",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.setState({inputValue:""})}}),Object.defineProperty(e,"addToken",{enumerable:!0,configurable:!0,writable:!0,value:function(n){var o=t([],e.props.tokens,!0),r=o.indexOf(n);if(r>-1){var s=o.splice(r,1);o.push(s[0])}else o.push(n);e.props.onChange&&e.props.onChange({token:n,tokenIndex:r,tokens:o,added:!0}),e.clearInputValue()}}),Object.defineProperty(e,"removeToken",{enumerable:!0,configurable:!0,writable:!0,value:function(n,o){var r=t([],e.props.tokens,!0),s=-1;n.constructor===Array?n.some((function(e){return(s=r.indexOf(e))>-1&&(r.splice(s,1),!0)})):(s=r.indexOf(n))>-1&&r.splice(s,1),e.props.onChange&&e.props.onChange({token:n,tokenIndex:s,tokens:r,added:!1}),"number"==typeof o?setTimeout((function(){e.focus(o>=r.length?void 0:o)})):e.blur()}}),Object.defineProperty(e,"handleInputKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var n=t.target,o=n.selectionStart,r=n.selectionEnd,s=0===o&&0===r;e.props.tokens.length>0&&s&&("Backspace"===t.key||"ArrowLeft"===t.key)&&(t.preventDefault(),e.focusLastToken())}}),Object.defineProperty(e,"handleInputChange",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.setState({inputValue:t.target.value})}}),Object.defineProperty(e,"blur",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.inputBox.blur()}}),Object.defineProperty(e,"focus",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.inputBox.focus(t)}}),Object.defineProperty(e,"focusFirstToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.focus(0)}}),Object.defineProperty(e,"focusLastToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.focus(e.props.tokens.length-1)}}),e}return e(b,a),Object.defineProperty(b.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){e.tokens.length!==this.props.tokens.length&&this.clearInputValue()}}),Object.defineProperty(b.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props;t.onChange;var a=t.renderInput,c=t.renderToken,f=t.tokens,b=n(t,["onChange","renderInput","renderToken","tokens"]),m={size:u(b.size,-1),stroke:!1,strokeWeight:0,grow:1,shrink:1,paddingLeft:0,paddingRight:0,paddingVertical:0,onKeyDown:this.handleInputKeyDown,onChange:this.handleInputChange,value:this.state.inputValue},k=i(b.size).paddingVertical;return r.createElement(p,o({as:l,innerRef:function(t){return e.inputBox=t},role:"group",focusChildIndex:f.length,evenPadding:!0,spacing:k},b),f.map((function(t,n){var o=e.removeToken.bind(e,t),a=e.focusFirstToken,i=e.focusLastToken,u=e.focus.bind(e,n+1),l=e.focus.bind(e,n-1),p=c(t,{keyboardControls:{tabIndex:0,onKeyDown:function(e){"Backspace"===e.key&&(e.preventDefault(),o(n)),"ArrowLeft"===e.key&&(e.preventDefault(),l()),"ArrowRight"===e.key&&(e.preventDefault(),u())}},removeToken:o,selectFirstToken:a,selectLastToken:i,selectNextToken:u,selectPreviousToken:l,tokenIndex:n});return"string"==typeof p?r.createElement(d,{key:p,removeToken:o,selectFirstToken:a,selectLastToken:i,selectNextToken:u,selectPreviousToken:l,token:p,tokenIndex:n}):s(p,{key:JSON.stringify(t)})})),a(m,{clearInputValue:this.clearInputValue,addToken:this.addToken,removeToken:this.removeToken,selectFirstToken:this.focusFirstToken,selectLastToken:this.focusLastToken}))}}),Object.defineProperty(b,"Token",{enumerable:!0,configurable:!0,writable:!0,value:d}),Object.defineProperty(b,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{tokens:null,renderToken:c,renderInput:f,size:"md"}}),b}(a);export{b as default};
+import{__extends as e,__spreadArray as n,__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import r,{cloneElement as i,Component as a}from"react";import{getBoxSize as s}from"../system/box-sizes.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import{navigateSize as u}from"../system/utils.js";import"../system/style-names.js";import"lodash";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"lodash/includes";import"@emotion/react";import"../system/cxs.js";import l from"../Input/InputBox.js";import{WrapView as p}from"../WrapView/WrapView.js";import{defaultRenderToken as c,defaultRenderInput as f}from"./default-renders.js";import d from"./DefaultToken.js";var b=function(a){function b(){var e=null!==a&&a.apply(this,arguments)||this;return Object.defineProperty(e,"inputBox",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"state",{enumerable:!0,configurable:!0,writable:!0,value:{inputValue:""}}),Object.defineProperty(e,"clearInputValue",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.setState({inputValue:""})}}),Object.defineProperty(e,"addToken",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var o=n([],e.props.tokens,!0),r=o.indexOf(t);if(r>-1){var i=o.splice(r,1);o.push(i[0])}else o.push(t);e.props.onChange&&e.props.onChange({token:t,tokenIndex:r,tokens:o,added:!0}),e.clearInputValue()}}),Object.defineProperty(e,"removeToken",{enumerable:!0,configurable:!0,writable:!0,value:function(t,o){var r=n([],e.props.tokens,!0),i=-1;t.constructor===Array?t.some((function(e){return(i=r.indexOf(e))>-1&&(r.splice(i,1),!0)})):(i=r.indexOf(t))>-1&&r.splice(i,1),e.props.onChange&&e.props.onChange({token:t,tokenIndex:i,tokens:r,added:!1}),"number"==typeof o?setTimeout((function(){e.focus(o>=r.length?void 0:o)})):e.blur()}}),Object.defineProperty(e,"handleInputKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(n){var t=n.target,o=t.selectionStart,r=t.selectionEnd,i=0===o&&0===r;e.props.tokens.length>0&&i&&("Backspace"===n.key||"ArrowLeft"===n.key)&&(n.preventDefault(),e.focusLastToken())}}),Object.defineProperty(e,"handleInputChange",{enumerable:!0,configurable:!0,writable:!0,value:function(n){e.setState({inputValue:n.target.value})}}),Object.defineProperty(e,"blur",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.inputBox.blur()}}),Object.defineProperty(e,"focus",{enumerable:!0,configurable:!0,writable:!0,value:function(n){e.inputBox.focus(n)}}),Object.defineProperty(e,"focusFirstToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.focus(0)}}),Object.defineProperty(e,"focusLastToken",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.focus(e.props.tokens.length-1)}}),e}return e(b,a),Object.defineProperty(b.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){e.tokens.length!==this.props.tokens.length&&this.clearInputValue()}}),Object.defineProperty(b.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,n=this.props;n.onChange;var a=n.renderInput,c=n.renderToken,f=n.tokens,b=t(n,["onChange","renderInput","renderToken","tokens"]),m={size:u(b.size,-1),stroke:!1,strokeWeight:0,grow:1,shrink:1,paddingLeft:0,paddingRight:0,paddingVertical:0,onKeyDown:this.handleInputKeyDown,onChange:this.handleInputChange,value:this.state.inputValue},k=s(b.size).paddingVertical;return r.createElement(p,o({as:l,innerRef:function(n){return e.inputBox=n},role:"group",focusChildIndex:f.length,evenPadding:!0,spacing:k},b),f.map((function(n,t){var o=e.removeToken.bind(e,n),a=e.focusFirstToken,s=e.focusLastToken,u=e.focus.bind(e,t+1),l=e.focus.bind(e,t-1),p=c(n,{keyboardControls:{tabIndex:0,onKeyDown:function(e){"Backspace"===e.key&&(e.preventDefault(),o(t)),"ArrowLeft"===e.key&&(e.preventDefault(),l()),"ArrowRight"===e.key&&(e.preventDefault(),u())}},removeToken:o,selectFirstToken:a,selectLastToken:s,selectNextToken:u,selectPreviousToken:l,tokenIndex:t});return"string"==typeof p?r.createElement(d,{key:p,removeToken:o,selectFirstToken:a,selectLastToken:s,selectNextToken:u,selectPreviousToken:l,token:p,tokenIndex:t}):i(p,{key:JSON.stringify(n)})})),a(m,{clearInputValue:this.clearInputValue,addToken:this.addToken,removeToken:this.removeToken,selectFirstToken:this.focusFirstToken,selectLastToken:this.focusLastToken}))}}),Object.defineProperty(b,"Token",{enumerable:!0,configurable:!0,writable:!0,value:d}),Object.defineProperty(b,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{tokens:null,renderToken:c,renderInput:f,size:"md"}}),b}(a);export{b as default};
 //# sourceMappingURL=TokenInput.js.map

package/dist/Toolbar/Action.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import t from"react";import o from"../Button/index.js";function n(n){var a=n.secondary,i=e(n,["secondary"]);return t.createElement(o,r({size:"xs",theme:"primary",variant:a?"naked":"outline"},i))}export{n as default};
+import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import r from"react";import o from"../Button/Button.js";function n(n){var a=n.secondary,s=t(n,["secondary"]);return r.createElement(o,e({size:"xs",theme:"primary",variant:a?"naked":"outline"},s))}export{n as default};
 //# sourceMappingURL=Action.js.map

package/dist/Tooltip/Tooltip.d.ts

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

package/dist/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAA;AAMd,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE1C,MAAM,MAAM,KAAK,GAAG;IAIlB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAId,UAAU,CAAC,EAAE,MAAM,CAAA;IAKnB,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAKlB,KAAK,EAAE,GAAG,CAAA;IAKV,cAAc,CAAC,EAAE,OAAO,CAAA;IAKxB,cAAc,CAAC,EAAE,OAAO,CAAA;IAKxB,UAAU,CAAC,EAAE,OAAO,CAAA;IAkBpB,SAAS,CAAC,EAAE,SAAS,CAAA;IAOrB,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAK/B,YAAY,CAAC,EAAE,MAAM,CAAA;IAMrB,MAAM,CAAC,EAAE,MAAM,CAAA;IAKf,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;;AAkLD,wBAAkC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAQZ,WAAW,EACZ,MAAM,OAAO,CAAA;AAMd,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,MAAM,MAAM,KAAK,GAAG,UAAU,GAAG;IAC/B,EAAE,CAAC,EAAE,WAAW,CAAA;IAKhB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAId,UAAU,CAAC,EAAE,MAAM,CAAA;IAKnB,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAKlB,KAAK,EAAE,GAAG,CAAA;IAKV,cAAc,CAAC,EAAE,OAAO,CAAA;IAKxB,cAAc,CAAC,EAAE,OAAO,CAAA;IAKxB,UAAU,CAAC,EAAE,OAAO,CAAA;IAkBpB,SAAS,CAAC,EAAE,SAAS,CAAA;IAOrB,QAAQ,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAK/B,YAAY,CAAC,EAAE,MAAM,CAAA;IAMrB,MAAM,CAAC,EAAE,MAAM,CAAA;IAKf,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkLD,wBAAkC"}

package/dist/Tooltip/Tooltip.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as o}from'./../ext/tslib/tslib.es6.js';import n,{forwardRef as r,useRef as t,useState as u,useEffect as i,useImperativeHandle as l,Children as s,cloneElement as c}from"react";import m from'./../ext/mitt/dist/mitt.js';import{Popover as a}from"../Popover/Popover.js";import{pageViewChange as d,composeEvents as p}from"../utils.js";import"../system/colors/colors.js";import{useThemeProps as f}from"../system/utils.js";import"../system/style-names.js";import'./../ext/lodash/lodash.js';import'./../ext/lodash/_baseGetTag.js';import'./../ext/lodash/isArguments.js';import'./../ext/lodash/isBuffer.js';import'./../ext/lodash/isTypedArray.js';import"@emotion/react";import"../system/cxs.js";var v=m(),T=null,g=!1;var O=r((function(r,m){var O=f("tooltip",r),_=O.children,j=O.openDelay,y=void 0===j?500:j,h=O.closeDelay,E=void 0===h?300:h,M=O.defaultOpen,P=void 0!==M&&M,I=O.keepInView,L=void 0===I||I,S=O.placement,x=O.popoverProps,D=O.renderTo,b=O.title,w=O.triggerOnFocus,z=void 0===w||w,F=O.triggerOnHover,k=void 0===F||F,C=O.zIndex,V=void 0===C?9999:C,A=e(O,["children","openDelay","closeDelay","defaultOpen","keepInView","placement","popoverProps","renderTo","title","triggerOnFocus","triggerOnHover","zIndex"]),B=t(!0),H=t(!1),N=t(null),U=t(null),G=u(P),q=G[0],J=G[1];i((function(){var e=d((function(e){return setTimeout((function(){return B.current=e}))}));return v.on("CLOSE_OPEN_TOOLTIPS",Q),function(){v.off("CLOSE_OPEN_TOOLTIPS",Q),clearTimeout(N.current),clearTimeout(U.current),e()}}),[]);var K=function(){clearTimeout(U.current),U.current=null,J(!0)},Q=function(){clearTimeout(N.current),N.current=null,J(!1)},R=function(){J(!q)};l(m,(function(){return{open:K,close:Q,toggle:R}})),i((function(){!1===z&&Q()}),[z]),i((function(){!1===k&&Q()}),[k]);var W=function(){clearTimeout(T),null===N.current&&(clearTimeout(U.current),U.current=null,!1===q&&(v.emit("CLOSE_OPEN_TOOLTIPS"),N.current=setTimeout((function(){return K()}),g?0:y)))},X=function(){g=!0,T=setTimeout((function(){g=!1}),500),null===U.current&&(clearTimeout(N.current),N.current=null,U.current=setTimeout((function(){return Q()}),E))},Y=s.only(_),Z=Y.props,$=Z.onFocus,ee=Z.onBlur,oe=Z.onMouseEnter,ne=Z.onMouseLeave,re=Z.onMouseDown,te=Z.onMouseUp;return b?(z&&(A.onFocus=p((function(){B.current&&!H.current&&K()}),$),A.onBlur=p(Q,ee),A.onMouseDown=p((function(){H.current=!0,Q()}),re),A.onMouseUp=p((function(){H.current=!1}),te)),k&&(A.onMouseEnter=p(W,oe),A.onMouseLeave=p(X,ne)),n.createElement(a,o({shouldFlip:!0,paddingHorizontal:.75,paddingVertical:.25,fontSize:5,textAlign:"center",radius:2,backgroundColor:"grey-9",color:"rgba(255,255,255,0.94)",zIndex:V},x,{anchorElement:c(Y,A),onMouseEnter:W,onMouseLeave:X,keepInView:L,placement:S,renderTo:D,children:b,open:q}))):c(Y,A)}));export{O as default};
+import{__rest as e,__assign as n}from'./../ext/tslib/tslib.es6.js';import o,{forwardRef as r,useRef as t,useState as u,useEffect as i,useImperativeHandle as c,Children as l,cloneElement as s}from"react";import p from"mitt";import{Popover as a}from"../Popover/Popover.js";import{pageViewChange as m,composeEvents as d}from"../utils.js";import"../system/colors/colors.js";import"polished";import{useThemeProps as f}from"../system/utils.js";import"../system/style-names.js";import"lodash";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"lodash/includes";import"@emotion/react";import"../system/cxs.js";var v=p(),T=null,g=!1;var O=r((function(r,p){var O=f("tooltip",r),y=O.children,E=O.openDelay,h=void 0===E?500:E,M=O.closeDelay,P=void 0===M?300:M,I=O.defaultOpen,L=void 0!==I&&I,j=O.keepInView,S=void 0===j||j,_=O.placement,x=O.popoverProps,D=O.renderTo,w=O.title,z=O.triggerOnFocus,F=void 0===z||z,b=O.triggerOnHover,k=void 0===b||b,C=O.zIndex,V=void 0===C?9999:C,H=e(O,["children","openDelay","closeDelay","defaultOpen","keepInView","placement","popoverProps","renderTo","title","triggerOnFocus","triggerOnHover","zIndex"]),N=t(!0),B=t(!1),U=t(null),A=t(null),q=u(L),G=q[0],J=q[1];i((function(){var e=m((function(e){return setTimeout((function(){return N.current=e}))}));return v.on("CLOSE_OPEN_TOOLTIPS",Q),function(){v.off("CLOSE_OPEN_TOOLTIPS",Q),clearTimeout(U.current),clearTimeout(A.current),e()}}),[]);var K=function(){clearTimeout(A.current),A.current=null,J(!0)},Q=function(){clearTimeout(U.current),U.current=null,J(!1)},R=function(){J(!G)};c(p,(function(){return{open:K,close:Q,toggle:R}})),i((function(){!1===F&&Q()}),[F]),i((function(){!1===k&&Q()}),[k]);var W=function(){clearTimeout(T),null===U.current&&(clearTimeout(A.current),A.current=null,!1===G&&(v.emit("CLOSE_OPEN_TOOLTIPS"),U.current=setTimeout((function(){return K()}),g?0:h)))},X=function(){g=!0,T=setTimeout((function(){g=!1}),500),null===A.current&&(clearTimeout(U.current),U.current=null,A.current=setTimeout((function(){return Q()}),P))},Y=l.only(y),Z=Y.props,$=Z.onFocus,ee=Z.onBlur,ne=Z.onMouseEnter,oe=Z.onMouseLeave,re=Z.onMouseDown,te=Z.onMouseUp;return w?(F&&(H.onFocus=d((function(){N.current&&!B.current&&K()}),$),H.onBlur=d(Q,ee),H.onMouseDown=d((function(){B.current=!0,Q()}),re),H.onMouseUp=d((function(){B.current=!1}),te)),k&&(H.onMouseEnter=d(W,ne),H.onMouseLeave=d(X,oe)),o.createElement(a,n({shouldFlip:!0,paddingHorizontal:.75,paddingVertical:.25,fontSize:5,textAlign:"center",radius:2,backgroundColor:"grey-9",color:"rgba(255,255,255,0.94)",zIndex:V},x,{anchorElement:s(Y,H),onMouseEnter:W,onMouseLeave:X,keepInView:S,placement:_,renderTo:D,children:w,open:G}))):s(Y,H)}));export{O as default};
 //# sourceMappingURL=Tooltip.js.map

package/dist/Wizard/Wizard.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t,__spreadArray as n}from'./../ext/tslib/tslib.es6.js';import o,{useState as r,useReducer as i,useCallback as a,Children as s}from"react";import l from"../Button/index.js";import m from"../Card/index.js";import{Divider as d}from"../Divider/Divider.js";import{StackView as p}from"../StackView/StackView.js";import c from"../PagerView/PagerView.js";import u from"../StepperProgress/StepperProgress.js";import{Text as f}from"../Text/Text.js";import"../system/colors/colors.js";import"../utils.js";import{useThemeProps as v}from"../system/utils.js";import"../system/style-names.js";import'./../ext/lodash/lodash.js';import'./../ext/lodash/_baseGetTag.js';import'./../ext/lodash/isArguments.js';import'./../ext/lodash/isBuffer.js';import'./../ext/lodash/isTypedArray.js';import"@emotion/react";import"../system/cxs.js";import g from"./WizardContext.js";import j from"./Step.js";var x=function(j){var x=v("wizard",j),P=x.autoFocus,S=void 0===P||P,h=x.backButtonProps,b=x.buttonProps,y=x.cancelButtonProps,E=x.children,k=x.footerProps,B=x.initialPayload,w=void 0===B?{}:B,C=x.nextButtonProps,T=x.nextButtonTitle,z=void 0===T?function(e){var t=e.activeStepIndex;return e.steps,t>=e.totalSteps-1?"Finish":"Next"}:T,_=x.onCancel,I=x.onSubmit,V=x.renderProgress,F=e(x,["autoFocus","backButtonProps","buttonProps","cancelButtonProps","children","footerProps","initialPayload","nextButtonProps","nextButtonTitle","onCancel","onSubmit","renderProgress"]),W=r(0),A=W[0],D=W[1],G=r([]),L=G[0],N=G[1],q=r(!1),H=q[0],J=q[1],K=L.length,M=i((function(e,n){return t(t({},e),n)}),w),O=M[0],Q=M[1],R=a((function(e){return N((function(t){return n(n([],t,!0),[e],!1)})),function(){N((function(t){return t.filter((function(t){return t.name!==e.name}))}))}}),[]),U=a((function(){var e=L[A];return!e||!e.valid||e.valid(O)}),[A,L,O]),X=a((function(){if(I){J(!0),I(O,(function(){return J(!1)}))}}),[I,O]);return o.createElement(g.Provider,{value:{activeStepIndex:A,addStep:R,setPayload:Q,payload:O,totalSteps:K}},o.createElement(p,t({alignment:"center",minWidth:48,maxWidth:96},F),V?V({activeStepIndex:A,steps:L,totalSteps:K}):o.createElement(u,{width:"80%",paddingTop:6,paddingBottom:4,activeStepIndex:A},L.map((function(e,t){return o.createElement(u.Step,{key:t,renderEnd:o.createElement(f,{align:"center",marginTop:2},e.name)})}))),o.createElement(m,{spacing:o.createElement(d,null),elevation:1},o.createElement(c,{activeViewIndex:A,autoFocus:S},s.map(E,(function(e,t){return o.createElement(c.View,{key:t},e)}))),o.createElement(p,t({axis:"horizontal",distribution:A>0?"space-between":"end",padding:1,spacing:1},k),0===A&&_&&o.createElement(l,t({disabled:H,onClick:_,size:"lg",title:"Cancel",variant:"naked"},b,y)),A>0&&o.createElement(l,t({disabled:H,iconLeft:{name:"general.leftChevron",size:"sm"},onClick:function(){return D(A-1)},size:"lg",title:"Back",variant:"naked"},b,h)),o.createElement(l,t({disabled:!U(),onClick:function(){return A>=K-1?X():D(A+1)},size:"lg",spinner:H,theme:"primary",title:z({activeStepIndex:A,steps:L,totalSteps:K})},b,C))))))};x.Step=j;export{x as default};
+import{__rest as e,__assign as t,__spreadArray as n}from'./../ext/tslib/tslib.es6.js';import r,{useState as o,useReducer as i,useCallback as a,Children as s}from"react";import l from"../Button/Button.js";import p from"../Card/Card.js";import{Divider as c}from"../Divider/Divider.js";import{StackView as m}from"../StackView/StackView.js";import d from"../PagerView/PagerView.js";import u from"../StepperProgress/StepperProgress.js";import{Text as f}from"../Text/Text.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import{useThemeProps as v}from"../system/utils.js";import"../system/style-names.js";import"lodash";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"lodash/includes";import"@emotion/react";import"../system/cxs.js";import g from"./WizardContext.js";import P from"./Step.js";var S=function(P){var S=v("wizard",P),x=S.autoFocus,h=void 0===x||x,j=S.backButtonProps,E=S.buttonProps,b=S.cancelButtonProps,y=S.children,k=S.footerProps,B=S.initialPayload,C=void 0===B?{}:B,w=S.nextButtonProps,z=S.nextButtonTitle,I=void 0===z?function(e){var t=e.activeStepIndex;return e.steps,t>=e.totalSteps-1?"Finish":"Next"}:z,T=S.onCancel,V=S.onSubmit,F=S.renderProgress,W=e(S,["autoFocus","backButtonProps","buttonProps","cancelButtonProps","children","footerProps","initialPayload","nextButtonProps","nextButtonTitle","onCancel","onSubmit","renderProgress"]),D=o(0),L=D[0],N=D[1],_=o([]),q=_[0],A=_[1],G=o(!1),H=G[0],J=G[1],K=q.length,M=i((function(e,n){return t(t({},e),n)}),C),O=M[0],Q=M[1],R=a((function(e){return A((function(t){return n(n([],t,!0),[e],!1)})),function(){A((function(t){return t.filter((function(t){return t.name!==e.name}))}))}}),[]),U=a((function(){var e=q[L];return!e||!e.valid||e.valid(O)}),[L,q,O]),X=a((function(){if(V){J(!0),V(O,(function(){return J(!1)}))}}),[V,O]);return r.createElement(g.Provider,{value:{activeStepIndex:L,addStep:R,setPayload:Q,payload:O,totalSteps:K}},r.createElement(m,t({alignment:"center",minWidth:48,maxWidth:96},W),F?F({activeStepIndex:L,steps:q,totalSteps:K}):r.createElement(u,{width:"80%",paddingTop:6,paddingBottom:4,activeStepIndex:L},q.map((function(e,t){return r.createElement(u.Step,{key:t,renderEnd:r.createElement(f,{align:"center",marginTop:2},e.name)})}))),r.createElement(p,{spacing:r.createElement(c,null),elevation:1},r.createElement(d,{activeViewIndex:L,autoFocus:h},s.map(y,(function(e,t){return r.createElement(d.View,{key:t},e)}))),r.createElement(m,t({axis:"horizontal",distribution:L>0?"space-between":"end",padding:1,spacing:1},k),0===L&&T&&r.createElement(l,t({disabled:H,onClick:T,size:"lg",title:"Cancel",variant:"naked"},E,b)),L>0&&r.createElement(l,t({disabled:H,iconLeft:{name:"general.leftChevron",size:"sm"},onClick:function(){return N(L-1)},size:"lg",title:"Back",variant:"naked"},E,j)),r.createElement(l,t({disabled:!U(),onClick:function(){return L>=K-1?X():N(L+1)},size:"lg",spinner:H,theme:"primary",title:I({activeStepIndex:L,steps:q,totalSteps:K})},E,w))))))};S.Step=P;export{S as default};
 //# sourceMappingURL=Wizard.js.map

package/dist/WrapView/WrapView.js

@@ -1,2 +1,2 @@
-import{__rest as s,__assign as o}from'./../ext/tslib/tslib.es6.js';import e from"react";import{StackView as t}from"../StackView/StackView.js";import"../system/colors/colors.js";import"../utils.js";import{spacingValue as r}from"../system/utils.js";import"../system/style-names.js";import'./../ext/lodash/lodash.js';import'./../ext/lodash/_baseGetTag.js';import'./../ext/lodash/isArguments.js';import'./../ext/lodash/isBuffer.js';import'./../ext/lodash/isTypedArray.js';import"@emotion/react";import"../system/cxs.js";function i(i){var m=i.children,a=i.spacing,l=s(i,["children","spacing"]),d={basis:"100%"};return a&&(d.gap=r(a)),e.createElement(t,o({axis:"horizontal"},l),e.createElement(t,{wrap:!0,axis:"horizontal",css:d},m))}export{i as WrapView};
+import{__rest as s,__assign as t}from'./../ext/tslib/tslib.es6.js';import i from"react";import{StackView as o}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import{spacingValue as r}from"../system/utils.js";import"../system/style-names.js";import"lodash";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"lodash/includes";import"@emotion/react";import"../system/cxs.js";function e(e){var m=e.children,n=e.spacing,a=s(e,["children","spacing"]),p={basis:"100%"};return n&&(p.gap=r(n)),i.createElement(o,t({axis:"horizontal"},a),i.createElement(o,{wrap:!0,axis:"horizontal",css:p},m))}export{e as WrapView};
 //# sourceMappingURL=WrapView.js.map

package/dist/designTokens/index.js

@@ -1,2 +1,2 @@
-import o from'./../ext/@planningcenter/tapestry-design-tokens/dist/js/tokens.module.js';var e="hsla(0, 0%, 0%, 0.1)",d="hsla(0, 0%, 0%, 0.4)",t="hsla(0, 0%, 0%, 0.6)",r="hsla(0, 0%, 0%, 0.8)",a="hsl(0, 0%, 40%)",l="hsl(0, 0%, 88%)",i="hsl(0, 0%, 97%)",s="hsla(0, 0%, 100%, 0.45)",n="hsl(0, 0%, 100%)",b={button:{borderRadius:o.button.borderRadius.value},input:{borderRadius:4,readOnlyBackgroundColor:i},tabNav:{desktop:{paddingX:24,selectedTabBackgroundColor:n,spacing:8},mobile:{backgroundColor:n,borderBottomColor:l,borderBottomStyle:"solid",borderBottomWidth:1,paddingX:16,spacing:20},tab:{badgeBackgroundColor:e,badgeFontSize:12,badgeTextColor:r,disabledTextColor:d,iconColor:a,selectedTextColor:r,textColor:t,desktop:{activeTextColor:r,borderRadiusTop:4,defaultBackgroundColor:s,hoverTextColor:r,fontSize:14,height:40,paddingX:16},mobile:{borderBottomWidth:3,fontSize:16,height:44,paddingBottom:10,paddingTop:7}}}};export{b as designTokens};
+import o from"@planningcenter/tapestry-design-tokens/dist/js/tokens.module";var e="hsla(0, 0%, 0%, 0.1)",t="hsla(0, 0%, 0%, 0.4)",d="hsla(0, 0%, 0%, 0.6)",r="hsla(0, 0%, 0%, 0.8)",a="hsl(0, 0%, 40%)",l="hsl(0, 0%, 88%)",i="hsl(0, 0%, 97%)",n="hsla(0, 0%, 100%, 0.45)",s="hsl(0, 0%, 100%)",b={button:{borderRadius:o.button.borderRadius.value},input:{borderRadius:4,readOnlyBackgroundColor:i},tabNav:{desktop:{paddingX:24,selectedTabBackgroundColor:s,spacing:8},mobile:{backgroundColor:s,borderBottomColor:l,borderBottomStyle:"solid",borderBottomWidth:1,paddingX:16,spacing:20},tab:{badgeBackgroundColor:e,badgeFontSize:12,badgeTextColor:r,disabledTextColor:t,iconColor:a,selectedTextColor:r,textColor:d,desktop:{activeTextColor:r,borderRadiusTop:4,defaultBackgroundColor:n,hoverTextColor:r,fontSize:14,height:40,paddingX:16},mobile:{borderBottomWidth:3,fontSize:16,height:44,paddingBottom:10,paddingTop:7}}}};export{b as designTokens};
 //# sourceMappingURL=index.js.map

package/dist/hooks/use-keyboard-shortcuts.js

@@ -1,2 +1,2 @@
-import{useEffect as n}from"react";import t from'./../ext/mousetrap/mousetrap.js';function o(o,r){function u(){o&&Object.keys(o).forEach((function(n){return t.unbind(n)}))}return n((function(){return function(){u()}}),[]),{bindKeyboardShortcuts:function(){o&&Object.keys(o).forEach((function(n){return t.bind(n,o[n].bind(null,r))}))},unbindKeyboardShortcuts:u}}export{o as useKeyboardShortcuts};
+import{useEffect as n}from"react";import t from"mousetrap";function r(r,o){function u(){r&&Object.keys(r).forEach((function(n){return t.unbind(n)}))}return n((function(){return function(){u()}}),[]),{bindKeyboardShortcuts:function(){r&&Object.keys(r).forEach((function(n){return t.bind(n,r[n].bind(null,o))}))},unbindKeyboardShortcuts:u}}export{r as useKeyboardShortcuts};
 //# sourceMappingURL=use-keyboard-shortcuts.js.map

package/dist/hooks/use-measure.js

@@ -1,2 +1,2 @@
-import{__spreadArray as e}from'./../ext/tslib/tslib.es6.js';import*as n from"react";import t from'./../ext/resize-observer-polyfill/dist/ResizeObserver.es.js';import r from'./../ext/mitt/dist/mitt.js';var u=null,o=r(),f=function(){null===u&&(u=window.requestAnimationFrame((function(){o.emit("measure"),window.requestAnimationFrame((function(){u=null}))})))},i="undefined"==typeof window?{}:new MutationObserver(f),s="undefined"==typeof window?{}:new t(f);function c(){var t=n.useRef([]),u=n.useCallback((function(e){-1===t.current.indexOf(e)&&t.current.push(e)}),[]),f=n.useMemo((function(){var e=r();return e.on("storeRef",u),e}),[]),c=n.useCallback((function(e){var t=e||n.useRef();return n.useRef(!1),n.useLayoutEffect((function(){var e=t.current;return i.observe(e,{characterData:!0,childList:!0,subtree:!0}),s.observe(e),function(){s.unobserve(e)}}),[]),n.useLayoutEffect((function(){f.emit("storeRef",t.current)})),t}),[]),a=n.useCallback((function(r,i){void 0===i&&(i=[]),n.useLayoutEffect((function(){function n(){r(e([],t.current,!0))}return n(),o.on("measure",n),function(){o.off("measure",n)}}),i),n.useLayoutEffect((function(){return function(){t.current=[]}})),n.useEffect((function(){return function(){f.off("storeRef",u)}}),[])}),[]);return[c,a]}export{c as useMeasure};
+import{__spreadArray as e}from'./../ext/tslib/tslib.es6.js';import*as n from"react";import t from'./../ext/resize-observer-polyfill/dist/ResizeObserver.es.js';import r from"mitt";var u=null,o=r(),f=function(){null===u&&(u=window.requestAnimationFrame((function(){o.emit("measure"),window.requestAnimationFrame((function(){u=null}))})))},i="undefined"==typeof window?{}:new MutationObserver(f),s="undefined"==typeof window?{}:new t(f);function c(){var t=n.useRef([]),u=n.useCallback((function(e){-1===t.current.indexOf(e)&&t.current.push(e)}),[]),f=n.useMemo((function(){var e=r();return e.on("storeRef",u),e}),[]),c=n.useCallback((function(e){var t=e||n.useRef();return n.useRef(!1),n.useLayoutEffect((function(){var e=t.current;return i.observe(e,{characterData:!0,childList:!0,subtree:!0}),s.observe(e),function(){s.unobserve(e)}}),[]),n.useLayoutEffect((function(){f.emit("storeRef",t.current)})),t}),[]),a=n.useCallback((function(r,i){void 0===i&&(i=[]),n.useLayoutEffect((function(){function n(){r(e([],t.current,!0))}return n(),o.on("measure",n),function(){o.off("measure",n)}}),i),n.useLayoutEffect((function(){return function(){t.current=[]}})),n.useEffect((function(){return function(){f.off("storeRef",u)}}),[])}),[]);return[c,a]}export{c as useMeasure};
 //# sourceMappingURL=use-measure.js.map

package/dist/index.js

@@ -1,2 +1,2 @@
-import'./ext/focus-options-polyfill/index.js';import'./ext/focus-visible/dist/focus-visible.js';import*as e from"./system/index.js";export{e as designSystem};import*as o from"./hooks/index.js";export{o as hooks};import*as r from"./server.js";export{r as server};import*as a from"./utils.js";export{a as utils};export{Alert}from"./Alert/Alert.js";export{Box}from"./Box/Box.js";export{default as Button}from"./Button/index.js";export{default as Card}from"./Card/index.js";export{Dialog}from"./Dialog/Dialog.js";export{Divider}from"./Divider/Divider.js";export{FilterLayout}from"./FilterLayout/FilterLayout.js";export{GridView}from"./GridView/GridView.js";export{Group}from"./Group/Group.js";export{Popover}from"./Popover/Popover.js";export{Portal}from"./Portal/Portal.js";export{Scrim}from"./Scrim/Scrim.js";export{Spinner}from"./Spinner/Spinner.js";export{StackView}from"./StackView/StackView.js";export{Tab}from"./Tab/Tab.js";export{TabNav}from"./TabNav/TabNav.js";export{Text}from"./Text/Text.js";export{TileView}from"./TileView/TileView.js";export{ToggleSwitch}from"./ToggleSwitch/ToggleSwitch.js";export{ThemeProvider,themeInitializerScript,themeStorage}from"./ThemeProvider/ThemeProvider.js";export{WrapView}from"./WrapView/WrapView.js";export{ActionsDropdown}from"./ActionsDropdown/ActionsDropdown.js";export{Avatar}from"./Avatar/Avatar.js";export{default as Badge}from"./Badge/Badge.js";export{default as Calendar}from"./Calendar/Calendar.js";export{default as Checkbox}from"./Checkbox/Checkbox.js";export{default as CheckboxCard}from"./CheckboxCard/CheckboxCard.js";export{default as CheckboxGroup}from"./CheckboxGroup/CheckboxGroup.js";export{ChurchCenterStatus}from"./ChurchCenterStatus/ChurchCenterStatus.js";export{default as Collapse}from"./Collapse/Collapse.js";export{default as ColumnView}from"./ColumnView/ColumnView.js";export{default as Combobox}from"./Combobox/Combobox.js";export{default as DataTable}from"./DataTable/index.js";export{default as DateField}from"./DateField/DateField.js";export{default as DragDrop}from"./DragDrop/DragDrop.js";export{default as Drawer}from"./Drawer/Drawer.js";export{default as Dropdown}from"./Dropdown/Dropdown.js";export{default as EditActions}from"./EditActions/EditActions.js";export{default as Field}from"./Field/Field.js";export{default as Form}from"./Form/Form.js";export{default as FieldSet}from"./FieldSet/FieldSet.js";export{default as Heading}from"./Heading/Heading.js";export{default as HelperDrawer}from"./HelperDrawer/HelperDrawer.js";export{default as Highlight}from"./Highlight/Highlight.js";export{default as Icon}from"./Icon/Icon.js";export{default as Input}from"./Input/Input.js";export{default as Link}from"./Link/Link.js";export{default as LinkList}from"./LinkList/LinkList.js";export{default as List}from"./List/List.js";export{default as Logo}from"./Logo/Logo.js";export{default as Menu}from"./Menu/Menu.js";export{default as Modal}from"./Modal/Modal.js";export{default as NumberField}from"./NumberField/NumberField.js";export{default as PageActions}from"./Page/PageActions.js";export{default as PageBody}from"./Page/PageBody.js";export{default as PageButton}from"./Page/PageButton.js";export{default as PageDropdown}from"./Page/PageDropdown.js";export{default as PageHeader}from"./Page/PageHeader.js";export{default as PageTab}from"./Page/PageTab.js";export{default as PageTabList}from"./Page/PageTabList.js";export{default as PageTitle}from"./Page/PageTitle.js";export{default as PageToolbar}from"./Page/PageToolbar.js";export{default as PagerView}from"./PagerView/PagerView.js";export{default as Pagination}from"./Pagination/Pagination.js";export{default as Progress}from"./Progress/Progress.js";export{default as Radio}from"./Radio/Radio.js";export{default as RangeSlider}from"./RangeSlider/RangeSlider.js";export{default as ScreenReader}from"./ScreenReader/ScreenReader.js";export{default as Section}from"./Section/Section.js";export{default as HeadingUppercase}from"./HeadingUppercase/HeadingUppercase.js";export{default as SegmentedControl}from"./SegmentedControl/SegmentedControl.js";export{default as SegmentedTabs}from"./SegmentedTabs/SegmentedTabs.js";export{default as Select}from"./Select/Select.js";export{default as Sidebar}from"./Sidebar/Sidebar.js";export{default as Sortable}from"./Sortable/index.js";export{default as StepperField}from"./StepperField/StepperField.js";export{default as StepperProgress}from"./StepperProgress/StepperProgress.js";export{default as Summary}from"./Summary/Summary.js";export{default as Table}from"./Table/Table.js";export{default as Tabs}from"./Tabs/Tabs.js";export{default as TextArea}from"./TextArea/TextArea.js";export{default as TimeField}from"./TimeField/TimeField.js";export{default as Toolbar}from"./Toolbar/Toolbar.js";export{default as TokenInput}from"./TokenInput/TokenInput.js";export{default as Tooltip}from"./Tooltip/Tooltip.js";export{VariantProvider}from"./VariantProvider/VariantProvider.js";export{default as Wizard}from"./Wizard/Wizard.js";export{setRootStyles,styleReset}from"./ThemeProvider/styles.js";
+import"focus-options-polyfill";import"focus-visible";import*as e from"./system/index.js";export{e as designSystem};import*as r from"./hooks/index.js";export{r as hooks};import*as o from"./server.js";export{o as server};import*as a from"./utils.js";export{a as utils};export{Alert}from"./Alert/Alert.js";export{Box}from"./Box/Box.js";export{default as Button}from"./Button/Button.js";export{default as Card}from"./Card/Card.js";export{Dialog}from"./Dialog/Dialog.js";export{Divider}from"./Divider/Divider.js";export{FilterLayout}from"./FilterLayout/FilterLayout.js";export{GridView}from"./GridView/GridView.js";export{Group}from"./Group/Group.js";export{Popover}from"./Popover/Popover.js";export{Portal}from"./Portal/Portal.js";export{Scrim}from"./Scrim/Scrim.js";export{Spinner}from"./Spinner/Spinner.js";export{StackView}from"./StackView/StackView.js";export{Tab}from"./Tab/Tab.js";export{TabNav}from"./TabNav/TabNav.js";export{Text}from"./Text/Text.js";export{TileView}from"./TileView/TileView.js";export{ToggleSwitch}from"./ToggleSwitch/ToggleSwitch.js";export{ThemeProvider,themeInitializerScript,themeStorage}from"./ThemeProvider/ThemeProvider.js";export{WrapView}from"./WrapView/WrapView.js";export{ActionsDropdown}from"./ActionsDropdown/ActionsDropdown.js";export{Avatar}from"./Avatar/Avatar.js";export{default as Badge}from"./Badge/Badge.js";export{default as Calendar}from"./Calendar/Calendar.js";export{default as Checkbox}from"./Checkbox/Checkbox.js";export{default as CheckboxCard}from"./CheckboxCard/CheckboxCard.js";export{default as CheckboxGroup}from"./CheckboxGroup/CheckboxGroup.js";export{ChurchCenterStatus}from"./ChurchCenterStatus/ChurchCenterStatus.js";export{default as Collapse}from"./Collapse/Collapse.js";export{default as ColumnView}from"./ColumnView/ColumnView.js";export{default as Combobox}from"./Combobox/Combobox.js";export{default as DataTable}from"./DataTable/index.js";export{default as DateField}from"./DateField/DateField.js";export{default as DragDrop}from"./DragDrop/DragDrop.js";export{default as Drawer}from"./Drawer/Drawer.js";export{default as Dropdown}from"./Dropdown/Dropdown.js";export{default as EditActions}from"./EditActions/EditActions.js";export{default as Field}from"./Field/Field.js";export{default as Form}from"./Form/Form.js";export{default as FieldSet}from"./FieldSet/FieldSet.js";export{default as Heading}from"./Heading/Heading.js";export{default as HelperDrawer}from"./HelperDrawer/HelperDrawer.js";export{default as Highlight}from"./Highlight/Highlight.js";export{default as Icon}from"./Icon/Icon.js";export{default as Input}from"./Input/Input.js";export{default as Link}from"./Link/Link.js";export{default as LinkList}from"./LinkList/LinkList.js";export{default as List}from"./List/List.js";export{default as Logo}from"./Logo/Logo.js";export{default as Menu}from"./Menu/Menu.js";export{default as Modal}from"./Modal/Modal.js";export{default as NumberField}from"./NumberField/NumberField.js";export{default as PageActions}from"./Page/PageActions.js";export{default as PageBody}from"./Page/PageBody.js";export{default as PageButton}from"./Page/PageButton.js";export{default as PageDropdown}from"./Page/PageDropdown.js";export{default as PageHeader}from"./Page/PageHeader.js";export{default as PageTab}from"./Page/PageTab.js";export{default as PageTabList}from"./Page/PageTabList.js";export{default as PageTitle}from"./Page/PageTitle.js";export{default as PageToolbar}from"./Page/PageToolbar.js";export{default as PagerView}from"./PagerView/PagerView.js";export{default as Pagination}from"./Pagination/Pagination.js";export{default as Progress}from"./Progress/Progress.js";export{default as Radio}from"./Radio/Radio.js";export{default as RangeSlider}from"./RangeSlider/RangeSlider.js";export{default as ScreenReader}from"./ScreenReader/ScreenReader.js";export{default as Section}from"./Section/Section.js";export{default as HeadingUppercase}from"./HeadingUppercase/HeadingUppercase.js";export{default as SegmentedControl}from"./SegmentedControl/SegmentedControl.js";export{default as SegmentedTabs}from"./SegmentedTabs/SegmentedTabs.js";export{default as Select}from"./Select/Select.js";export{default as Sidebar}from"./Sidebar/Sidebar.js";export{default as Sortable}from"./Sortable/index.js";export{default as StepperField}from"./StepperField/StepperField.js";export{default as StepperProgress}from"./StepperProgress/StepperProgress.js";export{default as Summary}from"./Summary/Summary.js";export{default as Table}from"./Table/Table.js";export{default as Tabs}from"./Tabs/Tabs.js";export{default as TextArea}from"./TextArea/TextArea.js";export{default as TimeField}from"./TimeField/TimeField.js";export{default as Toolbar}from"./Toolbar/Toolbar.js";export{default as TokenInput}from"./TokenInput/TokenInput.js";export{default as Tooltip}from"./Tooltip/Tooltip.js";export{VariantProvider}from"./VariantProvider/VariantProvider.js";export{default as Wizard}from"./Wizard/Wizard.js";export{setRootStyles,styleReset}from"./ThemeProvider/styles.js";
 //# sourceMappingURL=index.js.map

package/dist/system/colors/utils.js

@@ -1,2 +1,2 @@
-import{__assign as r,__spreadArray as t}from'./../../ext/tslib/tslib.es6.js';import{parseToRgb as n,setLightness as e,darken as o,getLuminance as c,rgba as a,parseToHsl as u,toColorString as i,mix as s}from'./../../ext/polished/dist/polished.esm.js';import{getCSSProperty as f}from"../../utils.js";function d(r,t){if(void 0!==r){var e=n(t),o=e.red,c=e.green,a=e.blue;return"rgba(".concat(o,", ").concat(c,", ").concat(a,", ").concat(r,")")}return t}function l(r){var t,n=r.key,c=r.baseColor;return(t={})["".concat(n,"-lightest")]=e(.94,c),t["".concat(n,"-lighter")]=e(.92,c),t["".concat(n,"-light")]=e(.7,c),t[n]=c,t["".concat(n,"-dark")]=o(.04,c),t["".concat(n,"-darker")]=o(.08,c),t["".concat(n,"-darkest")]=o(.16,c),t}function v(t,n){return Object.keys(t).map((function(e){var o,c,a,u=t[e];return"string"==typeof u?((o={})[e]=u,c=o):c=Array.isArray(u)?u.reduce((function(t,n,o){var c;return r(r({},t),((c={})["".concat(e,"-").concat(o)]=n,c))}),{}):u.base?Object.keys(u).reduce((function(t,n){var o;return r(r({},t),((o={})["base"===n?e:"".concat(e,"-").concat(n)]=u[n],o))}),{}):Object.keys(u).reduce((function(t,n){var e;return r(r({},t),((e={})[n]=u[n],e))}),{}),n({name:(a=e,a.charAt(0).toUpperCase()+a.slice(1)),colors:c})}))}function m(t){var n=v(t,(function(r){return r.colors})).reduce((function(t,n){return r(r({},t),n)}),{});return Object.keys(n).reduce((function(t,e){var o,c=n[e],a="string"==typeof c?n[c]:void 0;return r(r({},t),((o={})[e]=a?f("colors",c):c,o))}),{})}var p=1e-7;function b(r,t){var e,o=n(t).alpha,u=void 0===o?1:o;if(0===r)e=a(0,0,0,u);else if(1===r)e=a(255,255,255,u);else{var i=20,f=function(t,n){var e=s(.5,t,n),o=c(e);return Math.abs(r-o)<p||!i--?e:o>r?f(t,e):f(e,n)};e=c(t)>r?f("#000",t):f(t,"#fff")}return e}function h(r,t){var n=u(t);return n.saturation+=n.saturation*r,i(n)}function k(r,t){return void 0===t&&(t=.5),function(n){var e=Math.min(Math.max(n,.05),.95);return h(-n*t,b(e,r))}}function y(r,n){var e=k(r,n),o=c(r),a=o/5,u=(1-o)/6,i=[4,3,2,1].map((function(r){return e(r*a)})),s=[5,4,3,2,1,0].map((function(r){return e(o+r*u)}));return t(t([],s,!0),i,!0)}export{b as adjustLightness,h as adjustSaturation,k as createTone,y as createTones,v as eachPalette,m as flattenPalette,l as generateColorScale,d as setAlphaChannel};
+import{__assign as r,__spreadArray as t}from'./../../ext/tslib/tslib.es6.js';import{parseToRgb as n,setLightness as e,darken as c,getLuminance as o,rgba as a,parseToHsl as u,toColorString as i,mix as f}from"polished";import{getCSSProperty as s}from"../../utils.js";function v(r,t){if(void 0!==r){var e=n(t),c=e.red,o=e.green,a=e.blue;return"rgba(".concat(c,", ").concat(o,", ").concat(a,", ").concat(r,")")}return t}function l(r){var t,n=r.key,o=r.baseColor;return(t={})["".concat(n,"-lightest")]=e(.94,o),t["".concat(n,"-lighter")]=e(.92,o),t["".concat(n,"-light")]=e(.7,o),t[n]=o,t["".concat(n,"-dark")]=c(.04,o),t["".concat(n,"-darker")]=c(.08,o),t["".concat(n,"-darkest")]=c(.16,o),t}function d(t,n){return Object.keys(t).map((function(e){var c,o,a,u=t[e];return"string"==typeof u?((c={})[e]=u,o=c):o=Array.isArray(u)?u.reduce((function(t,n,c){var o;return r(r({},t),((o={})["".concat(e,"-").concat(c)]=n,o))}),{}):u.base?Object.keys(u).reduce((function(t,n){var c;return r(r({},t),((c={})["base"===n?e:"".concat(e,"-").concat(n)]=u[n],c))}),{}):Object.keys(u).reduce((function(t,n){var e;return r(r({},t),((e={})[n]=u[n],e))}),{}),n({name:(a=e,a.charAt(0).toUpperCase()+a.slice(1)),colors:o})}))}function m(t){var n=d(t,(function(r){return r.colors})).reduce((function(t,n){return r(r({},t),n)}),{});return Object.keys(n).reduce((function(t,e){var c,o=n[e],a="string"==typeof o?n[o]:void 0;return r(r({},t),((c={})[e]=a?s("colors",o):o,c))}),{})}var p=1e-7;function b(r,t){var e,c=n(t).alpha,u=void 0===c?1:c;if(0===r)e=a(0,0,0,u);else if(1===r)e=a(255,255,255,u);else{var i=20,s=function(t,n){var e=f(.5,t,n),c=o(e);return Math.abs(r-c)<p||!i--?e:c>r?s(t,e):s(e,n)};e=o(t)>r?s("#000",t):s(t,"#fff")}return e}function h(r,t){var n=u(t);return n.saturation+=n.saturation*r,i(n)}function y(r,t){return void 0===t&&(t=.5),function(n){var e=Math.min(Math.max(n,.05),.95);return h(-n*t,b(e,r))}}function k(r,n){var e=y(r,n),c=o(r),a=c/5,u=(1-c)/6,i=[4,3,2,1].map((function(r){return e(r*a)})),f=[5,4,3,2,1,0].map((function(r){return e(c+r*u)}));return t(t([],f,!0),i,!0)}export{b as adjustLightness,h as adjustSaturation,y as createTone,k as createTones,d as eachPalette,m as flattenPalette,l as generateColorScale,v as setAlphaChannel};
 //# sourceMappingURL=utils.js.map

package/dist/system/default-theme.js

@@ -1,2 +1,2 @@
-import*as r from'./../ext/@planningcenter/icons/paths/general.js';import*as e from'./../ext/@planningcenter/icons/paths/tapestry.js';import{boxSizes as o}from"./box-sizes.js";import{buttonThemes as s}from"./button-themes.js";import{colors as a}from"./colors/colors.js";import"../utils.js";var t={fill:"surfaceTertiary",stroke:"separatorSecondary",focusStroke:"blue-5",checkedFill:"primary-light",checkedStroke:"primary"},p={id:"default",boxSizes:o,colors:a,icons:{general:r,tapestry:e},breakpoints:{xs:480,sm:600,md:720,lg:960,xl:1200},button:{themes:s},calendar:{weekStartsOn:0},checkbox:t,radio:t,elevations:["0 2px 5px rgba(219,219,219,0.3)","0 4px 12px rgba(0,0,0,0.12)","0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)","0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)","0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)","0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22)"],fontSizes:[30,21,18,16,14,12,10],lineHeights:[40,32,24,24,20,16,16],group:{radius:3},spinner:{color:"primary",sizes:{xxs:1.5,xs:1.75,sm:2,md:2.5,lg:3,xl:5,xxl:8},thickness:{xxs:3,xs:3,sm:3,md:4,lg:5,xl:7,xxl:9},trackColor:"primary-lighter"},toggleSwitch:{backgroundColor:"interaction66"}};export{p as default};
+import*as r from"@planningcenter/icons/paths/general";import*as e from"@planningcenter/icons/paths/tapestry";import{boxSizes as o}from"./box-sizes.js";import{buttonThemes as s}from"./button-themes.js";import{colors as t}from"./colors/colors.js";import"polished";import"../utils.js";var a={fill:"surfaceTertiary",stroke:"separatorSecondary",focusStroke:"blue-5",checkedFill:"primary-light",checkedStroke:"primary"},p={id:"default",boxSizes:o,colors:t,icons:{general:r,tapestry:e},breakpoints:{xs:480,sm:600,md:720,lg:960,xl:1200},button:{themes:s},calendar:{weekStartsOn:0},checkbox:a,radio:a,elevations:["0 2px 5px rgba(219,219,219,0.3)","0 4px 12px rgba(0,0,0,0.12)","0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23)","0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)","0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22)","0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22)"],fontSizes:[30,21,18,16,14,12,10],lineHeights:[40,32,24,24,20,16,16],group:{radius:3},spinner:{color:"primary",sizes:{xxs:1.5,xs:1.75,sm:2,md:2.5,lg:3,xl:5,xxl:8},thickness:{xxs:3,xs:3,sm:3,md:4,lg:5,xl:7,xxl:9},trackColor:"primary-lighter"},toggleSwitch:{backgroundColor:"interaction66"}};export{p as default};
 //# sourceMappingURL=default-theme.js.map

package/dist/system/parse-styles.js

@@ -1,2 +1,2 @@
-import{__assign as r}from'./../ext/tslib/tslib.es6.js';import o from"./plugins/index.js";import{colorStyleNames as e}from"./style-names.js";import{l as s}from'./../ext/lodash/lodash.js';var t=o.length;function n(e,s,n){void 0===e&&(e={});var i=r({},e);s&&(i=s.getStyles(i,n));for(var u=0;u<t;u++){i=(0,o[u])(i,n)}return i.css&&delete(i=r(r({},i),l(i.css,s,n))).css,i}function i(r,o,t){var l={};for(var u in r){var c=r[u];l[u]=s.includes(e,u)||"object"!=typeof c?c:i(c,o,t)}return n(l,o,t)}function l(o,e,s){return o?o.constructor===Array?o.reduce((function(o,t){return r(r({},o),i(t,e,s))}),{}):i(o,e,s):null}export{l as parseCssStyles,n as parsePluginStyles,i as parseStyles};
+import{__assign as r}from'./../ext/tslib/tslib.es6.js';import t from"./plugins/index.js";import{colorStyleNames as o}from"./style-names.js";import{includes as e}from"lodash";var n=t.length;function s(o,e,s){void 0===o&&(o={});var i=r({},o);e&&(i=e.getStyles(i,s));for(var c=0;c<n;c++){i=(0,t[c])(i,s)}return i.css&&delete(i=r(r({},i),u(i.css,e,s))).css,i}function i(r,t,n){var u={};for(var c in r){var f=r[c];u[c]=e(o,c)||"object"!=typeof f?f:i(f,t,n)}return s(u,t,n)}function u(t,o,e){return t?t.constructor===Array?t.reduce((function(t,n){return r(r({},t),i(n,o,e))}),{}):i(t,o,e):null}export{u as parseCssStyles,s as parsePluginStyles,i as parseStyles};
 //# sourceMappingURL=parse-styles.js.map