@planningcenter/tapestry-react 4.1.0 → 4.2.0

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

package/dist/Table/TableBase.d.ts

@@ -11,11 +11,11 @@ declare class TableBase extends PureComponent<ComponentProps<typeof TableContain
         getClosestColumnPosition: any;
     }) => (direction: any) => {
         onMouseDown: () => void;
-        onMouseUp: () => void;
         onMouseLeave: () => void;
-        onTouchStart: () => void;
-        onTouchEnd: () => void;
+        onMouseUp: () => void;
         onTouchCancel: () => void;
+        onTouchEnd: () => void;
+        onTouchStart: () => void;
     };
     handleBodyScroll: (event: any) => void;
     render(): JSX.Element;

package/dist/Table/TableBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TableBase.d.ts","sourceRoot":"","sources":["../../src/Table/TableBase.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAU5D,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAI7C,cAAM,SAAU,SAAQ,aAAa,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;IAC1E,cAAc,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAA;IAC9C,aAAa,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAA;IAC5C,WAAW,EAAE,WAAW,CAAA;IAExB,YAAY,sBAEX;IAED,WAAW,aAGV;IAED,qBAAqB;;;;;;;;;;MAwBpB;IAED,gBAAgB,uBAEf;IAED,MAAM;CA6GP;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"TableBase.d.ts","sourceRoot":"","sources":["../../src/Table/TableBase.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAS5D,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAI7C,cAAM,SAAU,SAAQ,aAAa,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;IAC1E,cAAc,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAA;IAC9C,aAAa,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAA;IAC5C,WAAW,EAAE,WAAW,CAAA;IAExB,YAAY,sBAEX;IAED,WAAW,aAGV;IAED,qBAAqB;;;;;;;;;;MAwBpB;IAED,gBAAgB,uBAEf;IAED,MAAM;CA6GP;AAED,eAAe,SAAS,CAAA"}

package/dist/Table/TableBase.js

@@ -1,2 +1,2 @@
-import{__extends as e,__rest as r,__assign as t}from'./../ext/tslib/tslib.es6.js';import o,{PureComponent as l}from"react";import"../vendor/react-measure/Measure.js";import n from"../vendor/react-measure/Viewport.js";import i from"./AnimateScroll.js";import a from"./Body.js";import c from"./Header.js";import s from"./HeaderRow.js";import u from"./NavigationArrow.js";import m from"./ScrollShadow.js";import f from"./TableContainer.js";var d=function(l){function d(){var e=null!==l&&l.apply(this,arguments)||this;return Object.defineProperty(e,"scrollInterval",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"scrollTimeout",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"tableHeader",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"setHeaderRef",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.tableHeader=r}}),Object.defineProperty(e,"clearTimers",{enumerable:!0,configurable:!0,writable:!0,value:function(){clearTimeout(e.scrollTimeout),clearInterval(e.scrollInterval)}}),Object.defineProperty(e,"getMouseTouchHandlers",{enumerable:!0,configurable:!0,writable:!0,value:function(r){var t=r.animateScroll,o=r.getClosestColumnPosition;return function(r){var l=function(){e.clearTimers(),e.scrollTimeout=setTimeout((function(){t.moveScrollX(100*r),e.scrollInterval=setInterval((function(){t.moveScrollX(100*r)}),60)}),120)},n=function(){e.clearTimers(),t.setScrollX(o(r))};return{onMouseDown:l,onMouseUp:n,onMouseLeave:e.clearTimers,onTouchStart:l,onTouchEnd:n,onTouchCancel:e.clearTimers}}}}),Object.defineProperty(e,"handleBodyScroll",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.tableHeader.scrollLeft=r.target.scrollLeft}}),e}return e(d,l),Object.defineProperty(d.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,l=this.props,d=l.body,b=l.caption,h=l.columnWidths,p=l.header,g=l.headerColor,v=l.headerHeight,w=l.minHeight,j=l.offsets,H=l.rowWidth,T=r(l,["body","caption","columnWidths","header","headerColor","headerHeight","minHeight","offsets","rowWidth"]);return o.createElement(i,null,(function(r){return o.createElement(n,null,(function(l){var n=H>l.width,i=n?l.scrollX/(H-l.width):null,y=e.getMouseTouchHandlers({animateScroll:r,getClosestColumnPosition:function(e){var r=1===e?l.scrollX+l.width:l.scrollX,t=0,o=0;return h.some((function(l){return(o+=l)>r&&(t=1===e?o:o-l,!0)})),1===e?t-l.width+j.right+28:t-j.left-28}});return o.createElement(f,t({minHeight:w,"aria-label":b},T),n&&o.createElement(m,{position:"left",offset:j.left,progress:i}),o.createElement(c,{innerRef:e.setHeaderRef,backgroundColor:g},o.createElement(s,{style:{minWidth:H}},o.createElement(u,{headerHeight:v,offsets:j,progress:i,mouseTouchHandlers:y,direction:-1}),p,o.createElement(u,{headerHeight:v,offsets:j,progress:i,mouseTouchHandlers:y,direction:1}))),o.createElement(a,{innerRef:l.ref(r.ref),onScroll:e.handleBodyScroll},d),n&&o.createElement(m,{position:"right",offset:j.right,progress:i}))}))}))}}),d}(l);export{d as default};
+import{__extends as e,__rest as r,__assign as t}from'./../ext/tslib/tslib.es6.js';import o,{PureComponent as l}from"react";import"../vendor/react-measure/Measure.js";import n from"../vendor/react-measure/Viewport.js";import i from"./AnimateScroll.js";import a from"./Body.js";import c from"./Header.js";import s from"./HeaderRow.js";import u from"./NavigationArrow.js";import m from"./ScrollShadow.js";import f from"./TableContainer.js";var d=function(l){function d(){var e=null!==l&&l.apply(this,arguments)||this;return Object.defineProperty(e,"scrollInterval",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"scrollTimeout",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"tableHeader",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"setHeaderRef",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.tableHeader=r}}),Object.defineProperty(e,"clearTimers",{enumerable:!0,configurable:!0,writable:!0,value:function(){clearTimeout(e.scrollTimeout),clearInterval(e.scrollInterval)}}),Object.defineProperty(e,"getMouseTouchHandlers",{enumerable:!0,configurable:!0,writable:!0,value:function(r){var t=r.animateScroll,o=r.getClosestColumnPosition;return function(r){var l=function(){e.clearTimers(),e.scrollTimeout=setTimeout((function(){t.moveScrollX(100*r),e.scrollInterval=setInterval((function(){t.moveScrollX(100*r)}),60)}),120)},n=function(){e.clearTimers(),t.setScrollX(o(r))};return{onMouseDown:l,onMouseLeave:e.clearTimers,onMouseUp:n,onTouchCancel:e.clearTimers,onTouchEnd:n,onTouchStart:l}}}}),Object.defineProperty(e,"handleBodyScroll",{enumerable:!0,configurable:!0,writable:!0,value:function(r){e.tableHeader.scrollLeft=r.target.scrollLeft}}),e}return e(d,l),Object.defineProperty(d.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,l=this.props,d=l.body,b=l.caption,h=l.columnWidths,p=l.header,g=l.headerColor,v=l.headerHeight,w=l.minHeight,j=l.offsets,H=l.rowWidth,T=r(l,["body","caption","columnWidths","header","headerColor","headerHeight","minHeight","offsets","rowWidth"]);return o.createElement(i,null,(function(r){return o.createElement(n,null,(function(l){var n=H>l.width,i=n?l.scrollX/(H-l.width):null,y=e.getMouseTouchHandlers({animateScroll:r,getClosestColumnPosition:function(e){var r=1===e?l.scrollX+l.width:l.scrollX,t=0,o=0;return h.some((function(l){return(o+=l)>r&&(t=1===e?o:o-l,!0)})),1===e?t-l.width+j.right+28:t-j.left-28}});return o.createElement(f,t({minHeight:w,"aria-label":b},T),n&&o.createElement(m,{position:"left",offset:j.left,progress:i}),o.createElement(c,{innerRef:e.setHeaderRef,backgroundColor:g},o.createElement(s,{style:{minWidth:H}},o.createElement(u,{headerHeight:v,offsets:j,progress:i,mouseTouchHandlers:y,direction:-1}),p,o.createElement(u,{headerHeight:v,offsets:j,progress:i,mouseTouchHandlers:y,direction:1}))),o.createElement(a,{innerRef:l.ref(r.ref),onScroll:e.handleBodyScroll},d),n&&o.createElement(m,{position:"right",offset:j.right,progress:i}))}))}))}}),d}(l);export{d as default};
 //# sourceMappingURL=TableBase.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 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};
+import{__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import t from"react";import{useHover as e}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";import{StackView as i}from"../StackView/StackView.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as s}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@emotion/react";import"../system/cxs.js";function 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=e(),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(i,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 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};
+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"lodash/includes";import{useThemeProps as n}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@emotion/react";import"../system/cxs.js";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",x="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,onFocus:function(){return v(e)},onKeyDown:function(t){t.key===b&&(t.preventDefault(),f(-1)),t.key===x&&(t.preventDefault(),f(1)),"Home"===t.key&&(t.preventDefault(),f(0)),"End"===t.key&&(t.preventDefault(),f(i.count(d)-1))},tabIndex:t.props.disabled?void 0:e!==l?-1:0})})))}c.displayName=a;export{a as TABLIST_DISPLAY_NAME,c as default};
 //# sourceMappingURL=TabList.js.map

package/dist/Tabs/TabPanel.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"../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";function i(i){var a=r("tabs.tabPanel",i),m=a.activeId,l=t(a,["activeId"]);return o.createElement(s,e({role:"tabpanel",id:"".concat(m,"-panel"),"aria-labelledby":m,tabIndex:0},l))}export{i as default};
+import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import s from"react";import{Box as o}from"../Box/Box.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as r}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@emotion/react";import"../system/cxs.js";function i(i){var a=r("tabs.tabPanel",i),m=a.activeId,n=t(a,["activeId"]);return s.createElement(o,e({role:"tabpanel",id:"".concat(m,"-panel"),"aria-labelledby":m,tabIndex:0},n))}export{i as default};
 //# sourceMappingURL=TabPanel.js.map

package/dist/Tabs/TabPanels.js

@@ -1,2 +1,2 @@
-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};
+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"lodash/includes";import{useThemeProps as r}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@emotion/react";import"../system/cxs.js";var n="TabPanels";function a(n){var a=r("tabs.tabPanels",n),m=a.activeIndex,l=a.children,c=a.id,p=t(a,["activeIndex","children","id"]),d=l[m];return e.createElement(i,s({},p),d?o(d,{activeId:"".concat(c,"-").concat(m)}):null)}a.displayName=n;export{n as TABPANELS_DISPLAY_NAME,a as default};
 //# sourceMappingURL=TabPanels.js.map

package/dist/Tabs/Tabs.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import TabList from './TabList';
-import TabPanels from './TabPanels';
 import Tab from './Tab';
+import TabList from './TabList';
 import TabPanel from './TabPanel';
+import TabPanels from './TabPanels';
 type Props = {
-    children?: React.ReactNode;
     activeIndex?: number;
+    children?: React.ReactNode;
     defaultActiveIndex?: number;
     onChange?: Function;
 };

package/dist/Tabs/Tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAMtE,OAAO,OAAiC,MAAM,WAAW,CAAA;AACzD,OAAO,SAAqC,MAAM,aAAa,CAAA;AAC/D,OAAO,GAAG,MAAM,OAAO,CAAA;AACvB,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,KAAK,KAAK,GAAG;IAIX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAK1B,WAAW,CAAC,EAAE,MAAM,CAAA;IAIpB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAM3B,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,CAAA;AAED,iBAAS,IAAI,CAAC,KAAK,EAAE,KAAK,eAsFzB;kBAtFQ,IAAI;;;;;;;SA8FN,UAAU;aACN,cAAc;cACb,eAAe;eACd,gBAAgB;;AAJ7B,wBAKC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAA;AAKtE,OAAO,GAAG,MAAM,OAAO,CAAA;AACvB,OAAO,OAAiC,MAAM,WAAW,CAAA;AACzD,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,SAAqC,MAAM,aAAa,CAAA;AAE/D,KAAK,KAAK,GAAG;IAIX,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAI1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAM3B,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,CAAA;AAED,iBAAS,IAAI,CAAC,KAAK,EAAE,KAAK,eAsFzB;kBAtFQ,IAAI;;;;;;;SA8FN,UAAU;aACN,cAAc;cACb,eAAe;eACd,gBAAgB;;AAJ7B,wBAKC"}

package/dist/Tabs/Tabs.js

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

package/dist/Text/Text.d.ts

@@ -1,19 +1,18 @@
 import { jsx } from '@emotion/react';
-import * as React from 'react';
-import { BoxProps } from '../Box';
-export type TextProps<E extends React.ElementType = React.ElementType> = BoxProps<E> & {
-    as?: E;
-    innerRef?: Function | Object;
-    inline?: boolean;
+import { As, AsProps, StyleProps } from '../types';
+export interface TextUniqueProps extends StyleProps {
     align?: 'left' | 'center' | 'right';
+    inline?: boolean;
+    innerRef?: Function | Object;
     italic?: boolean;
-    truncate?: boolean;
+    mediaQueries?: object;
     size?: number | string;
+    truncate?: boolean;
     underline?: string;
+    variants?: object;
     weight?: number | string;
     wrap?: boolean;
-    variants?: object;
-    mediaQueries?: object;
-};
-export declare const Text: <E extends React.ElementType<any> = "p">({ as, innerRef, ...props }: TextProps<E>) => jsx.JSX.Element;
+}
+export type TextProps<E extends As = 'p'> = AsProps<E, TextUniqueProps>;
+export declare const Text: <E extends As = "p">({ as, innerRef, ...props }: TextProps<E>) => jsx.JSX.Element;
 //# sourceMappingURL=Text.d.ts.map

package/dist/Text/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAqDjC,MAAM,MAAM,SAAS,CACnB,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,IAC7C,QAAQ,CAAC,CAAC,CAAC,GAAG;IAIhB,EAAE,CAAC,EAAE,CAAC,CAAA;IAIN,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IAI5B,MAAM,CAAC,EAAE,OAAO,CAAA;IAIhB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAInC,MAAM,CAAC,EAAE,OAAO,CAAA;IAIhB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAIlB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAItB,SAAS,CAAC,EAAE,MAAM,CAAA;IAIlB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAIxB,IAAI,CAAC,EAAE,OAAO,CAAA;IAId,QAAQ,CAAC,EAAE,MAAM,CAAA;IAIjB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAID,eAAO,MAAM,IAAI,uGAsBhB,CAAA"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAIpC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAmDlD,MAAM,WAAW,eAAgB,SAAQ,UAAU;IAIjD,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAInC,MAAM,CAAC,EAAE,OAAO,CAAA;IAIhB,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAA;IAI5B,MAAM,CAAC,EAAE,OAAO,CAAA;IAIhB,YAAY,CAAC,EAAE,MAAM,CAAA;IAIrB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAItB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAIlB,SAAS,CAAC,EAAE,MAAM,CAAA;IAIlB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAIjB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAIxB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,GAAG,IAAI,OAAO,CAAC,CAAC,EAAE,eAAe,CAAC,CAAA;AAIvE,eAAO,MAAM,IAAI,mFAsBhB,CAAA"}

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"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};
+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"lodash/includes";import{useThemeProps as r}from"../system/utils.js";import"../system/style-names.js";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={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},styleProps:["italic","truncate","size","underline","weight","wrap"]},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"]),u=a||"p",y=s();return e(u,t({ref:p},n(t({display:d?"inline-block":"block",lineHeight:"20px",plugin:o,shrink:1,variant:y},f))))};export{l as Text};
 //# sourceMappingURL=Text.js.map

package/dist/ThemeProvider/ThemeProvider.d.ts

@@ -8,8 +8,8 @@ export declare const themeStorage: {
 };
 export declare const themeInitializerScript = "\ntry {\n  var theme = window.localStorage.getItem('tapestry-react-theme')\n  if (theme) {\n    document.documentElement.dataset.theme = theme\n  }\n} catch (e) {}\n";
 type Props = {
-    theme?: Theme;
     children: React.ReactNode;
+    theme?: Theme;
 } & BoxProps;
 export declare function ThemeProvider({ theme, children, ...boxProps }: Props): JSX.Element;
 export declare namespace ThemeProvider {

package/dist/ThemeProvider/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAA;AAIjE,OAAO,EAAO,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAItC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,OAAO,EAAyB,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAa3E,eAAO,MAAM,YAAY;;;CAGxB,CAAA;AAED,eAAO,MAAM,sBAAsB,0KAOlC,CAAA;AAyBD,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,GAAG,QAAQ,CAAA;AAEZ,wBAAgB,aAAa,CAAC,EAC5B,KAAkB,EAClB,QAAQ,EACR,GAAG,QAAQ,EACZ,EAAE,KAAK,eAmCP;yBAvCe,aAAa;;;;;;;;;;AA+C7B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA6C,MAAM,OAAO,CAAA;AAEjE,OAAO,EAAO,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAIhC,OAAO,EAAyB,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAY3E,eAAO,MAAM,YAAY;;;CAGxB,CAAA;AAED,eAAO,MAAM,sBAAsB,0KAOlC,CAAA;AA+BD,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,KAAK,CAAC,EAAE,KAAK,CAAA;CACd,GAAG,QAAQ,CAAA;AAEZ,wBAAgB,aAAa,CAAC,EAC5B,KAAkB,EAClB,QAAQ,EACR,GAAG,QAAQ,EACZ,EAAE,KAAK,eAmCP;yBAvCe,aAAa;;;;;;;;;;AA+C7B,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,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 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};
+import{__rest as e,__assign as t,__spreadArray as o}from'./../ext/tslib/tslib.es6.js';import{CacheProvider as r,ThemeProvider as s}from"@emotion/react";import i from"lodash/merge";import n,{useState as m,useMemo as l,useLayoutEffect as c}from"react";import{Box as a}from"../Box/Box.js";import{createCache as d}from"../createCache.js";import"../system/colors/colors.js";import{flattenPalette as u}from"../system/colors/utils.js";import"lodash/includes";import{objectToCSSProperties as p,shallowEqual as h}from"../utils.js";import"lodash/get";import"polished";import v from"../system/default-theme.js";import"../system/style-names.js";import"../system/cxs.js";import{setRootStyles as f,getThemeDataAttribute as y,styleReset as g}from"./styles.js";var j="tapestry-react-theme",b={default:d({key:"tapestry-react"})};function w(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return i.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 i,u=o.theme,g=void 0===u?x:u,j=o.children,w=e(o,["theme","children"]),S=m((function(){return z(v,g)})),k=S[0],E=S[1],I=l((function(){return b[g.id]||(b[g.id]=d({key:"tapestry-react-".concat(g.id)})),b[g.id]}),[g.id]);return c((function(){var e=z(v,g);f(e.id,p("colors",e.colors)),h(k,e)||E(e)}),[g]),n.createElement(r,{value:I},n.createElement(s,{theme:k},n.createElement(a,t({className:"tapestry-react-reset"},w,((i={})["".concat(y(k.id))]=!0,i)),j)))}E.cache=b.default,E.setRootStyles=f,E.styleReset=g,E.themeInitializerScript=k,E.themeStorage=S;export{E as ThemeProvider,f as setRootStyles,g 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 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};
+import"../system/colors/colors.js";import{flattenPalette as t}from"../system/colors/utils.js";import"lodash/includes";import{objectToCSSProperties as e}from"../utils.js";import"@emotion/react";import"lodash/get";import"polished";import"react";import n from"../system/default-theme.js";import"../system/style-names.js";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=e("colors",t(n.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.d.ts

@@ -1,15 +1,15 @@
 import { jsx } from '@emotion/react';
 import * as React from 'react';
 import { BoxProps } from '../Box';
-import { MediaQueries, Variants } from '../index';
+import { MediaQueries, Variants } from '../types';
 export type TileViewProps = {
-    children?: any;
     as?: any;
+    children?: any;
+    innerRef?: any;
+    mediaQueries?: object;
     minCellWidth?: number;
     spacing?: number | string;
-    innerRef?: any;
     variants?: object;
-    mediaQueries?: object;
 } & BoxProps;
 type Props = React.RefAttributes<any> & React.HTMLAttributes<any> & TileViewProps & MediaQueries<TileViewProps> & Variants<TileViewProps>;
 export declare function TileView({ as, innerRef, ...props }: Props): jsx.JSX.Element;

package/dist/TileView/TileView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TileView.d.ts","sourceRoot":"","sources":["../../src/TileView/TileView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAGjC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAiBjD,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,GAAG,CAAA;IAGd,EAAE,CAAC,EAAE,GAAG,CAAA;IAGR,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAGzB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAGd,QAAQ,CAAC,EAAE,MAAM,CAAA;IAGjB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,GAAG,QAAQ,CAAA;AAEZ,KAAK,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACnC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GACzB,aAAa,GACb,YAAY,CAAC,aAAa,CAAC,GAC3B,QAAQ,CAAC,aAAa,CAAC,CAAA;AAIzB,wBAAgB,QAAQ,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,mBAgBzD"}
+{"version":3,"file":"TileView.d.ts","sourceRoot":"","sources":["../../src/TileView/TileView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAGjC,OAAO,EAAM,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAiBrD,MAAM,MAAM,aAAa,GAAG;IAE1B,EAAE,CAAC,EAAE,GAAG,CAAA;IAER,QAAQ,CAAC,EAAE,GAAG,CAAA;IAGd,QAAQ,CAAC,EAAE,GAAG,CAAA;IAGd,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAGzB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,GAAG,QAAQ,CAAA;AAEZ,KAAK,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACnC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GACzB,aAAa,GACb,YAAY,CAAC,aAAa,CAAC,GAC3B,QAAQ,CAAC,aAAa,CAAC,CAAA;AAIzB,wBAAgB,QAAQ,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,mBAgBzD"}

package/dist/TileView/TileView.js

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

package/dist/TimeField/TimeField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../../src/TimeField/TimeField.tsx"],"names":[],"mappings":"AAAA,OAAc,EAKZ,cAAc,EACf,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAClC,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AAKxC,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,eAAe,EAChB,MAAM,SAAS,CAAA;AAEhB,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAChD,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IAKhC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IAEtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAKjB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ,GAAG,CAAC,EAAE,MAAM,CAAA;IAKZ,QAAQ,EAAE,CAAC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAA;IAKrD,eAAe,CAAC,EAAE,OAAO,CAAA;IAMzB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACxB,CAAA;AASH,QAAA,MAAM,SAAS;iGAUZ,cAAc;;;;;CA4QhB,CAAA;AAOD,eAAe,SAAS,CAAA"}
+{"version":3,"file":"TimeField.d.ts","sourceRoot":"","sources":["../../src/TimeField/TimeField.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,cAAc,EAKf,MAAM,OAAO,CAAA;AAGd,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAClC,OAAO,QAAQ,MAAM,mBAAmB,CAAA;AAIxC,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,eAAe,EAChB,MAAM,SAAS,CAAA;AAEhB,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAChD,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IAKhC,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IAEtB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAKjB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ,GAAG,CAAC,EAAE,MAAM,CAAA;IAKZ,QAAQ,EAAE,CAAC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAA;IAKrD,eAAe,CAAC,EAAE,OAAO,CAAA;IAMzB,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACxB,CAAA;AASH,QAAA,MAAM,SAAS;iGAUZ,cAAc;;;;;CA+QhB,CAAA;AAOD,eAAe,SAAS,CAAA"}

package/dist/TimeField/TimeField.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as n}from'./../ext/tslib/tslib.es6.js';import o,{useRef as t,useState as r,useEffect as i}from"react";import{Box as a}from"../Box/Box.js";import u from"../Input/Input.js";import l from"../Input/InputBox.js";import c from"../Input/InputField.js";import d from"../NumberField/NumberField.js";import{padNumber as m,noop as s}from"../utils.js";import{addHoursToTime as v,addMinutesToTime as f,addTimeToDate as p,getTimeFromDate as w}from"./utils.js";var y="undefined"!=typeof window&&/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),g=function(v){var f=v.ignoredKeys;v.interval;var p=v.isIOS,w=void 0!==p&&p;v.max,v.min;var g=v.onChange,h=v.twelveHourClock,A=void 0===h||h,k=v.value,M=e(v,["ignoredKeys","interval","isIOS","max","min","onChange","twelveHourClock","value"]),x=t(null),b=r(k[0]),I=b[0],C=b[1],D=r(k[1]),j=D[0],K=D[1],P=r(I<12?"AM":"PM"),T=P[0],B=P[1],E=r(A&&I>12?I-12:I),O=E[0],F=E[1],H=function(e){var n=I-e;A?n>12?(C(n),F(n-12)):n<=12&&n>0?(C(n),F(n)):0===n?(C(n),F(12)):(C(23),F(11)):n<0?(C(23),F(23)):(C(n),F(n))},L=function(e){var n=I+e;A?n>0&&n<=12?(C(n),F(n)):n>12&&n<24?(C(n),F(n-12)):(C(0),F(12)):n<24?(C(n),F(n)):(C(0),F(0))};return i((function(){B(I<12?"AM":"PM"),function(e){var n=e[0],o=e[1];g([n,o])}([I,j])}),[I,j]),y||w?o.createElement(u,n({},M,{type:"time",autoWidth:"".concat(I,":").concat(m(j,2)," ").concat(T),value:"".concat(m(I,2),":").concat(m(j,2)),onChange:function(e){var n=e.target.value.split(":"),o=n[0],t=n[1];o||t?(C(o),K(t)):(C(0),K(0))}})):o.createElement(l,n({ref:x,inline:!0},M),o.createElement(d,{"aria-label":"Hours",autoWidth:!1,fontVariantNumeric:"tabular-nums",grow:0,max:A?12:23,min:0,moveFocusOnMax:!0,onBlur:function(e){var n=parseInt(e.target.value);A?0===n?(C(0),F(12)):I<=12?(C(n),F(n)):12===n?(C(12),F(12)):(C(n+12),F(n)):(C(n),F(n))},onChange:function(e){F(e),!A&&C(e)},onKeyDown:function(e){var n;f&&f.includes(e.key)||("Backspace"===e.key&&e.preventDefault(),"ArrowRight"===e.key&&(null===(n=x.current)||void 0===n?void 0:n.node.children[2]).focus(),"ArrowUp"===e.key&&L(1),"ArrowDown"===e.key&&H(1))},pad:2,textAlign:"center",value:O,width:"2ch",ignoredKeys:f}),o.createElement(a,{as:"span",width:.5,textAlign:"center",userSelect:"none"},":"),o.createElement(d,{"aria-label":"Minutes",autoWidth:!1,fontVariantNumeric:"tabular-nums",grow:0,max:59,min:0,moveFocusOnMax:!0,onChange:function(e){return K(parseInt(e,10))},onKeyDown:function(e){var n,o,t;"ArrowLeft"===e.key&&(null===(n=x.current)||void 0===n?void 0:n.node.children[0]).focus(),"ArrowRight"===e.key&&(null===(o=x.current)||void 0===o?void 0:o.node.children[3]).focus(),"ArrowUp"===e.key&&((t=j+1)<=59?K(t):(K(0),L(1))),"ArrowDown"===e.key&&function(e){var n=j-e;n>=0?K(n):(K(59),H(1))}(1)},pad:2,textAlign:"center",value:j,width:"2ch",ignoredKeys:f}),A&&o.createElement(c,{"aria-label":"AM/PM",grow:0,highlightOnInteraction:!0,onChange:s,onKeyDown:function(e){var n;f&&f.includes(e.key)||("Tab"===e.key||e.metaKey&&"r"===e.key||e.preventDefault(),"ArrowLeft"===e.key&&(null===(n=x.current)||void 0===n?void 0:n.node.children[2]).focus(),("a"===e.key.toLowerCase()&&"PM"===T||"p"===e.key.toLowerCase()&&"AM"===T||"ArrowUp"===e.key||"ArrowDown"===e.key)&&("AM"===T?(B("PM"),I>=0&&I<=12&&C(I+12)):(B("AM"),I>=12&&I<24&&C(I-12))))},textAlign:"center",value:T,width:"2em"}))};g.addHoursToTime=v,g.addMinutesToTime=f,g.addTimeToDate=p,g.getTimeFromDate=w;export{g as default};
+import{__rest as e,__assign as n}from'./../ext/tslib/tslib.es6.js';import t,{useRef as o,useState as r,useEffect as i}from"react";import{Box as a}from"../Box/Box.js";import u from"../Input/Input.js";import l from"../Input/InputBox.js";import c from"../Input/InputField.js";import d from"../NumberField/NumberField.js";import{padNumber as m,noop as s}from"../utils.js";import{addHoursToTime as v,addMinutesToTime as f,addTimeToDate as p,getTimeFromDate as w}from"./utils.js";var y="undefined"!=typeof window&&/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),g=function(v){var f=v.ignoredKeys;v.interval;var p=v.isIOS,w=void 0!==p&&p;v.max,v.min;var g=v.onChange,h=v.twelveHourClock,A=void 0===h||h,k=v.value,M=e(v,["ignoredKeys","interval","isIOS","max","min","onChange","twelveHourClock","value"]),x=o(null),I=r(k[0]),b=I[0],C=I[1],D=r(k[1]),j=D[0],K=D[1],P=r(b<12?"AM":"PM"),T=P[0],B=P[1],E=r(A&&b>12?b-12:b),O=E[0],F=E[1],H=function(e){var n=b-e;A?n>12?(C(n),F(n-12)):n<=12&&n>0?(C(n),F(n)):0===n?(C(n),F(12)):(C(23),F(11)):n<0?(C(23),F(23)):(C(n),F(n))},L=function(e){var n=b+e;A?n>0&&n<=12?(C(n),F(n)):n>12&&n<24?(C(n),F(n-12)):(C(0),F(12)):n<24?(C(n),F(n)):(C(0),F(0))};return i((function(){B(b<12?"AM":"PM"),function(e){var n=e[0],t=e[1];g([n,t])}([b,j])}),[b,j]),y||w?t.createElement(u,n({},M,{type:"time",autoWidth:"".concat(b,":").concat(m(j,2)," ").concat(T),value:"".concat(m(b,2),":").concat(m(j,2)),onChange:function(e){var n=e.target.value.split(":"),t=n[0],o=n[1];t||o?(C(t),K(o)):(C(0),K(0))}})):t.createElement(l,n({ref:x,inline:!0},M),t.createElement(d,{"aria-label":"Hours",autoWidth:!1,fontVariantNumeric:"tabular-nums",grow:0,max:A?12:23,min:0,moveFocusOnMax:!0,onBlur:function(e){var n=parseInt(e.target.value);A?0===n?(C(0),F(12)):b<=12?(C(n),F(n)):12===n?(C(12),F(12)):(C(n+12),F(n)):(C(n),F(n))},onChange:function(e){var n="string"==typeof e?parseInt(e,10):e;F(n),!A&&C(n)},onKeyDown:function(e){var n;f&&f.includes(e.key)||("Backspace"===e.key&&e.preventDefault(),"ArrowRight"===e.key&&(null===(n=x.current)||void 0===n?void 0:n.node.children[2]).focus(),"ArrowUp"===e.key&&L(1),"ArrowDown"===e.key&&H(1))},pad:2,textAlign:"center",value:O,width:"2ch",ignoredKeys:f}),t.createElement(a,{as:"span",width:.5,textAlign:"center",userSelect:"none"},":"),t.createElement(d,{"aria-label":"Minutes",autoWidth:!1,fontVariantNumeric:"tabular-nums",grow:0,max:59,min:0,moveFocusOnMax:!0,onChange:function(e){return K("string"==typeof e?parseInt(e,10):e)},onKeyDown:function(e){var n,t,o;"ArrowLeft"===e.key&&(null===(n=x.current)||void 0===n?void 0:n.node.children[0]).focus(),"ArrowRight"===e.key&&(null===(t=x.current)||void 0===t?void 0:t.node.children[3]).focus(),"ArrowUp"===e.key&&((o=j+1)<=59?K(o):(K(0),L(1))),"ArrowDown"===e.key&&function(e){var n=j-e;n>=0?K(n):(K(59),H(1))}(1)},pad:2,textAlign:"center",value:j,width:"2ch",ignoredKeys:f}),A&&t.createElement(c,{"aria-label":"AM/PM",grow:0,highlightOnInteraction:!0,onChange:s,onKeyDown:function(e){var n;f&&f.includes(e.key)||("Tab"===e.key||e.metaKey&&"r"===e.key||e.preventDefault(),"ArrowLeft"===e.key&&(null===(n=x.current)||void 0===n?void 0:n.node.children[2]).focus(),("a"===e.key.toLowerCase()&&"PM"===T||"p"===e.key.toLowerCase()&&"AM"===T||"ArrowUp"===e.key||"ArrowDown"===e.key)&&("AM"===T?(B("PM"),b>=0&&b<=12&&C(b+12)):(B("AM"),b>=12&&b<24&&C(b-12))))},textAlign:"center",value:T,width:"2em"}))};g.addHoursToTime=v,g.addMinutesToTime=f,g.addTimeToDate=p,g.getTimeFromDate=w;export{g as default};
 //# sourceMappingURL=TimeField.js.map

package/dist/ToggleSwitch/ToggleSwitch.js

@@ -1,2 +1,2 @@
-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};
+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{StackView as r}from"../StackView/StackView.js";import{colors as s}from"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{useThemeProps as l}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@emotion/react";import"../system/cxs.js";import{Text as a}from"../Text/Text.js";import n from"../Tooltip/Tooltip.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=l("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(n,{title:x},e.createElement(r,{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?s.grays.light.neutral81:g?y:s.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(a,{size:"xs"===k?5:"sm"===k?4:3},f)))}export{m as ToggleSwitch,m as default};
 //# sourceMappingURL=ToggleSwitch.js.map

package/dist/TokenInput/DefaultToken.d.ts

@@ -1,5 +1,17 @@
-import { ComponentProps } from 'react';
+import { ComponentProps, ReactNode } from 'react';
 import Badge from '../Badge';
-declare function DefaultToken({ keyboardControls, removeToken, selectFirstToken, selectLastToken, selectPreviousToken, selectNextToken, token, tokenIndex, ...restProps }: ComponentProps<typeof Badge>): JSX.Element;
+interface Props {
+    keyboardControls?: ComponentProps<typeof Badge>;
+    removeToken: (notUsed: false) => void;
+    selectFirstToken?: () => void;
+    selectLastToken?: () => void;
+    selectNextToken?: () => void;
+    selectPreviousToken?: () => void;
+    token?: ReactNode;
+    tokenIndex?: number;
+}
+type InheritedProps = Omit<ComponentProps<typeof Badge>, keyof Props>;
+type DefaultTokenProps = Props & InheritedProps;
+declare function DefaultToken({ keyboardControls, removeToken, selectFirstToken, selectLastToken, selectPreviousToken, selectNextToken, token, tokenIndex, ...restProps }: DefaultTokenProps): JSX.Element;
 export default DefaultToken;
 //# sourceMappingURL=DefaultToken.d.ts.map

package/dist/TokenInput/DefaultToken.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultToken.d.ts","sourceRoot":"","sources":["../../src/TokenInput/DefaultToken.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,KAAK,MAAM,UAAU,CAAA;AAG5B,iBAAS,YAAY,CAAC,EACpB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,eAAe,EACf,KAAK,EACL,UAAU,EACV,GAAG,SAAS,EACb,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,eAkB9B;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"DefaultToken.d.ts","sourceRoot":"","sources":["../../src/TokenInput/DefaultToken.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3E,OAAO,KAAK,MAAM,UAAU,CAAA;AAG5B,UAAU,KAAK;IAEb,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAA;IAG/C,WAAW,EAAE,CAAC,OAAO,EAAE,KAAK,KAAK,IAAI,CAAA;IAGrC,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAA;IAG7B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAG5B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAG5B,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAGhC,KAAK,CAAC,EAAE,SAAS,CAAA;IAGjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AACD,KAAK,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC,CAAA;AACrE,KAAK,iBAAiB,GAAG,KAAK,GAAG,cAAc,CAAA;AAE/C,iBAAS,YAAY,CAAC,EACpB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACnB,eAAe,EACf,KAAK,EACL,UAAU,EACV,GAAG,SAAS,EACb,EAAE,iBAAiB,eAkBnB;AAED,eAAe,YAAY,CAAA"}

package/dist/TokenInput/TokenInput.d.ts

@@ -1,20 +1,20 @@
 import { Component } from 'react';
-import { defaultRenderToken, defaultRenderInput } from './default-renders';
+import { defaultRenderInput, defaultRenderToken } from './default-renders';
 import DefaultToken from './DefaultToken';
 type Props = {
-    tokens: Array<any>;
     onChange: Function;
-    renderToken?: Function;
     renderInput?: Function;
+    renderToken?: Function;
     size: string;
+    tokens: Array<any>;
 };
 declare class TokenInput extends Component<Props> {
     static Token: typeof DefaultToken;
     static defaultProps: {
-        tokens: any;
-        renderToken: typeof defaultRenderToken;
         renderInput: typeof defaultRenderInput;
+        renderToken: typeof defaultRenderToken;
         size: string;
+        tokens: any;
     };
     inputBox: HTMLInputElement;
     state: {

package/dist/TokenInput/TokenInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenInput.d.ts","sourceRoot":"","sources":["../../src/TokenInput/TokenInput.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAgB,MAAM,OAAO,CAAA;AAMtD,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAC1E,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,KAAK,KAAK,GAAG;IAKX,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;IAYlB,QAAQ,EAAE,QAAQ,CAAA;IAgBlB,WAAW,CAAC,EAAE,QAAQ,CAAA;IAQtB,WAAW,CAAC,EAAE,QAAQ,CAAA;IAEtB,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,cAAM,UAAW,SAAQ,SAAS,CAAC,KAAK,CAAC;IACvC,MAAM,CAAC,KAAK,sBAAe;IAE3B,MAAM,CAAC,YAAY;;;;;MAKlB;IAED,QAAQ,EAAE,gBAAgB,CAAA;IAE1B,KAAK;;MAEJ;IAED,kBAAkB,CAAC,SAAS,KAAA;IAM5B,eAAe,aAEd;IAED,QAAQ,uBAkBP;IAED,WAAW,wCAiCV;IAED,kBAAkB,mBAWjB;IAED,iBAAiB,mBAEhB;IAED,IAAI,aAEH;IAED,KAAK,uBAEJ;IAED,eAAe,aAEd;IAED,cAAc,aAEb;IAED,MAAM;CAwFP;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"TokenInput.d.ts","sourceRoot":"","sources":["../../src/TokenInput/TokenInput.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtD,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAC1E,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,KAAK,KAAK,GAAG;IAYX,QAAQ,EAAE,QAAQ,CAAA;IAQlB,WAAW,CAAC,EAAE,QAAQ,CAAA;IAgBtB,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,IAAI,EAAE,MAAM,CAAA;IAMZ,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAA;CACnB,CAAA;AAED,cAAM,UAAW,SAAQ,SAAS,CAAC,KAAK,CAAC;IACvC,MAAM,CAAC,KAAK,sBAAe;IAE3B,MAAM,CAAC,YAAY;;;;;MAKlB;IAED,QAAQ,EAAE,gBAAgB,CAAA;IAE1B,KAAK;;MAEJ;IAED,kBAAkB,CAAC,SAAS,KAAA;IAM5B,eAAe,aAEd;IAED,QAAQ,uBAkBP;IAED,WAAW,wCAiCV;IAED,kBAAkB,mBAWjB;IAED,iBAAiB,mBAEhB;IAED,IAAI,aAEH;IAED,KAAK,uBAEJ;IAED,eAAe,aAEd;IAED,cAAc,aAEb;IAED,MAAM;CAwFP;AAED,eAAe,UAAU,CAAA"}

package/dist/TokenInput/TokenInput.js

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

package/dist/TokenInput/default-renders.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-renders.d.ts","sourceRoot":"","sources":["../../src/TokenInput/default-renders.tsx"],"names":[],"mappings":"AAMA,wBAAgB,kBAAkB,CAChC,KAAK,KAAA,EACL,EACE,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,UAAU,GACX;;;;;;;;CAAA,eAcF;AAED,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE;;;CAAA,EAAE,EAAE,QAAQ,EAAE;;CAAA,eAc3E"}
+{"version":3,"file":"default-renders.d.ts","sourceRoot":"","sources":["../../src/TokenInput/default-renders.tsx"],"names":[],"mappings":"AAKA,wBAAgB,kBAAkB,CAChC,KAAK,KAAA,EACL,EACE,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,UAAU,GACX;;;;;;;;CAAA,eAcF;AAED,wBAAgB,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE;;;CAAA,EAAE,EAAE,QAAQ,EAAE;;CAAA,eAe3E"}

package/dist/TokenInput/default-renders.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as o}from'./../ext/tslib/tslib.es6.js';import t from"react";import n from"../Input/InputField.js";import r from"./DefaultToken.js";function s(e,o){var n=o.keyboardControls,s=o.removeToken,l=o.selectFirstToken,k=o.selectLastToken,a=o.selectNextToken,c=o.selectPreviousToken,i=o.tokenIndex;return t.createElement(r,{keyboardControls:n,removeToken:s,selectFirstToken:l,selectLastToken:k,selectNextToken:a,selectPreviousToken:c,token:e,tokenIndex:i})}function l(r,s){var l=r.onKeyDown,k=e(r,["onKeyDown"]),a=s.addToken;return t.createElement(n,o({onKeyDown:function(e){""!==e.target.value&&"Enter"===e.key&&a(e.target.value),l&&l(e)}},k))}export{l as defaultRenderInput,s as defaultRenderToken};
+import{__rest as e,__assign as o}from'./../ext/tslib/tslib.es6.js';import t from"react";import n from"../Input/InputField.js";import r from"./DefaultToken.js";function s(e,o){var n=o.keyboardControls,s=o.removeToken,l=o.selectFirstToken,k=o.selectLastToken,a=o.selectNextToken,c=o.selectPreviousToken,i=o.tokenIndex;return t.createElement(r,{keyboardControls:n,removeToken:s,selectFirstToken:l,selectLastToken:k,selectNextToken:a,selectPreviousToken:c,token:e,tokenIndex:i})}function l(r,s){var l=r.onKeyDown,k=e(r,["onKeyDown"]),a=s.addToken;return t.createElement(n,o({onKeyDown:function(e){var o=e.target;""!==o.value&&"Enter"===e.key&&a(o.value),l&&l(e)}},k))}export{l as defaultRenderInput,s as defaultRenderToken};
 //# sourceMappingURL=default-renders.js.map

package/dist/Toolbar/Action.js

@@ -1,2 +1,2 @@
-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};
+import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import r from"react";import{Button as 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/Toolbar/Toolbar.d.ts

@@ -1,14 +1,14 @@
-import { Component, ReactNode, ReactElement, ComponentProps } from 'react';
+import { Component, ComponentProps, ReactElement, ReactNode } from 'react';
 import StackView from '../StackView';
 import ToolbarAction from './Action';
 export type ToolbarProps = ComponentProps<typeof StackView> & {
-    title: ReactNode;
-    helpContent?: string | ReactNode;
     actions?: ReactElement | Array<ReactElement>;
     count?: number;
     countColor?: string;
+    helpContent?: string | ReactNode;
     onStatusClearRequest?: () => null;
     status?: 'error' | 'success';
+    title: ReactNode;
 };
 declare class Toolbar extends Component<ToolbarProps> {
     static Action: typeof ToolbarAction;

package/dist/Toolbar/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,SAAS,EAGT,SAAS,EACT,YAAY,EACZ,cAAc,EACf,MAAM,OAAO,CAAA;AAId,OAAO,SAAS,MAAM,cAAc,CAAA;AAGpC,OAAO,aAAa,MAAM,UAAU,CAAA;AAEpC,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAI5D,KAAK,EAAE,SAAS,CAAA;IAKhB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAMhC,OAAO,CAAC,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC,CAAA;IAK5C,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,UAAU,CAAC,EAAE,MAAM,CAAA;IAKnB,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IAKjC,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC7B,CAAA;AAED,cAAM,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC3C,MAAM,CAAC,MAAM,uBAAgB;IAE7B,cAAc,SAAsC;IAEpD,MAAM,CAAC,YAAY;;MAA2B;IAE9C,MAAM;CAiFP;AASD,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../src/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAGZ,SAAS,EACT,cAAc,EACd,YAAY,EACZ,SAAS,EACV,MAAM,OAAO,CAAA;AAId,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,OAAO,aAAa,MAAM,UAAU,CAAA;AAEpC,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAK5D,OAAO,CAAC,EAAE,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC,CAAA;IAK5C,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,UAAU,CAAC,EAAE,MAAM,CAAA;IAKnB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAKhC,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAA;IAKjC,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAK5B,KAAK,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,cAAM,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC3C,MAAM,CAAC,MAAM,uBAAgB;IAE7B,cAAc,SAAsC;IAEpD,MAAM,CAAC,YAAY;;MAA2B;IAE9C,MAAM;CAiFP;AASD,eAAe,OAAO,CAAA"}

package/dist/Toolbar/Toolbar.js

@@ -1,2 +1,2 @@
-import{__extends as e,__rest as t,__assign as r}from'./../ext/tslib/tslib.es6.js';import a,{Children as n,cloneElement as o,Component as i}from"react";import l from"../Badge/Badge.js";import s from"../HelperDrawer/HelperDrawer.js";import{StackView as c}from"../StackView/StackView.js";import{generateId as u}from"../utils.js";import p from"./Action.js";var m=function(i){function m(){var e=null!==i&&i.apply(this,arguments)||this;return Object.defineProperty(e,"helperDrawerId",{enumerable:!0,configurable:!0,writable:!0,value:u("toolbar-helper-drawer")}),e}return e(m,i),Object.defineProperty(m.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,i=e.actions,u=e.count,p=e.countColor,m=e.helpContent,f=e.onStatusClearRequest,d=e.status,b=e.title,g=t(e,["actions","count","countColor","helpContent","onStatusClearRequest","status","title"]);return a.createElement(c,r({},g),a.createElement(c,{alignment:"center",axis:"horizontal",distribution:"space-between",spacing:1},a.createElement(c,{alignment:"center",axis:"horizontal",grow:1,shrink:1},b,u&&a.createElement(l,{color:p,marginLeft:.75,radius:"circle",size:"xs",title:u}),m&&a.createElement(s.Toggle,{drawerId:this.helperDrawerId,marginLeft:.25,tooltip:{title:"More info",triggerOnFocus:!1}})),(d||i)&&a.createElement(c,{axis:"horizontal",spacing:d&&i?1:0},d&&a.createElement(l.Status,{onClearRequest:f,size:"xs",status:d,title:"success"===d?"Saved":"Error"}),i&&a.createElement(c,{axis:"horizontal",spacing:Array.isArray(i)&&i.length>1?1:0},n.map(i,(function(e){return"ToolbarAction"===function(e){if(!(null==e?void 0:e.type)||"string"==typeof e.type)return;var t=e.type;return t.displayName}(e)?e:o(e,{size:e.props.size||"xs",theme:e.props.theme||"primary",variant:e.props.variant||"outline"})}))))),m&&a.createElement(s,{children:m,id:this.helperDrawerId,marginTop:1}))}}),Object.defineProperty(m,"Action",{enumerable:!0,configurable:!0,writable:!0,value:p}),Object.defineProperty(m,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{countColor:"grey-7"}}),m}(i);export{m as default};
+import{__extends as e,__rest as t,__assign as r}from'./../ext/tslib/tslib.es6.js';import a,{Children as n,cloneElement as o,Component as i}from"react";import l from"../Badge/Badge.js";import s from"../HelperDrawer/HelperDrawer.js";import{StackView as c}from"../StackView/StackView.js";import{generateId as u}from"../utils.js";import p from"./Action.js";var m=function(i){function m(){var e=null!==i&&i.apply(this,arguments)||this;return Object.defineProperty(e,"helperDrawerId",{enumerable:!0,configurable:!0,writable:!0,value:u("toolbar-helper-drawer")}),e}return e(m,i),Object.defineProperty(m.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,i=e.actions,u=e.count,p=e.countColor,m=e.helpContent,f=e.onStatusClearRequest,d=e.status,b=e.title,g=t(e,["actions","count","countColor","helpContent","onStatusClearRequest","status","title"]);return a.createElement(c,r({},g),a.createElement(c,{alignment:"center",axis:"horizontal",distribution:"space-between",spacing:1},a.createElement(c,{alignment:"center",axis:"horizontal",grow:1,shrink:1},b,u&&a.createElement(l,{color:p,marginLeft:.75,radius:"circle",size:"xs",title:"".concat(u)}),m&&a.createElement(s.Toggle,{drawerId:this.helperDrawerId,marginLeft:.25,tooltip:{title:"More info",triggerOnFocus:!1}})),(d||i)&&a.createElement(c,{axis:"horizontal",spacing:d&&i?1:0},d&&a.createElement(l.Status,{onClearRequest:f,size:"xs",status:d,title:"success"===d?"Saved":"Error"}),i&&a.createElement(c,{axis:"horizontal",spacing:Array.isArray(i)&&i.length>1?1:0},n.map(i,(function(e){return"ToolbarAction"===function(e){if(!(null==e?void 0:e.type)||"string"==typeof e.type)return;var t=e.type;return t.displayName}(e)?e:o(e,{size:e.props.size||"xs",theme:e.props.theme||"primary",variant:e.props.variant||"outline"})}))))),m&&a.createElement(s,{children:m,id:this.helperDrawerId,marginTop:1}))}}),Object.defineProperty(m,"Action",{enumerable:!0,configurable:!0,writable:!0,value:p}),Object.defineProperty(m,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{countColor:"grey-7"}}),m}(i);export{m as default};
 //# sourceMappingURL=Toolbar.js.map