@planningcenter/tapestry-react 4.1.0 → 4.2.0

package/dist/Button/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Button/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAaN,MAAM,OAAO,CAAA;AAgDd,QAAA,MAAM,WAAW,qGA+HhB,CAAA;AAID,eAAe,WAAW,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Button/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,cAAc,EAEd,YAAY,EACZ,SAAS,EACT,aAAa,EAKd,MAAM,OAAO,CAAA;AAId,OAAO,EAAO,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAKtC,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,GAAG,CAAA;IACV,UAAU,EAAE,GAAG,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,IAAI,EAAE,GAAG,CAAA;CACV,CAAA;AAED,KAAK,cAAc,GAAG,CAAC,UAAU,EAAE,UAAU,KAAK,SAAS,CAAA;AAE3D,KAAK,gBAAgB,GAAG;IAItB,QAAQ,EAAE,cAAc,GAAG,YAAY,CAAC,GAAG,CAAC,CAAA;IAK5C,OAAO,EAAE,MAAM,IAAI,CAAA;IAKnB,MAAM,EAAE,MAAM,IAAI,CAAA;IAKlB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACjC,GAAG,QAAQ,CAAA;AAEZ,KAAK,KAAK,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,cAAc,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAA;AAOxE,QAAA,MAAM,WAAW,uvRA+HhB,CAAA;AAID,eAAe,WAAW,CAAA"}

package/dist/Button/Input.js

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

package/dist/Button/index.d.ts

@@ -1,3 +1,3 @@
-import Button from './Button';
+import { Button } from './Button';
 export default Button;
 //# sourceMappingURL=index.d.ts.map

package/dist/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,eAAe,MAAM,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,eAAe,MAAM,CAAA"}

package/dist/Button/index.js

@@ -1,2 +1,2 @@
-import t from"./Button.js";export{t as default};
+import{Button as t}from"./Button.js";export{t as default};
 //# sourceMappingURL=index.js.map

package/dist/Calendar/Calendar.d.ts

@@ -5,8 +5,8 @@ export type CalendarProps = {
     calendarRef?: React.RefObject<HTMLDivElement>;
     date?: Date;
     initialDate?: Date;
-    minDate?: Date;
     maxDate?: Date;
+    minDate?: Date;
     onDateChange?: (date: Date) => void;
     onDateSelect?: (date: Date) => void;
     renderDay?: (props: Object) => void;
@@ -19,29 +19,29 @@ declare function isAfterDay(date: DateInput, dateToCompare: DateInput): boolean;
 declare function isBeforeDay(date: DateInput, dateToCompare: DateInput): boolean;
 declare function isSameDayWrapper(dateLeft: DateInput, dateRight: DateInput): boolean;
 declare function isWithinRange(date: DateInput, { start, end }: {
-    start: DateInput;
     end: DateInput;
+    start: DateInput;
 }): boolean;
 declare const _default: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>> & {
-    TODAY: Date;
     Day: {
         ({ backgroundColor, cellSize, children, color, date, disabled, fontSize, fontWeight, inSameMonth, isMinDate, isMaxDate, isSelected, isToday, selectDate, selectedColor, statusColor, statuses, statusOffset, ...restProps }: PublicProps): JSX.Element;
         displayName: string;
     };
-    getNextOccurrenceOfDay: (day: number, date: Date, weekStartsOn?: number) => Date;
+    TODAY: Date;
     getMonthWeeks: typeof getMonthWeeks;
-    isBeforeDay: (date: Date, dateToCompare: Date) => boolean;
+    getNextOccurrenceOfDay: (day: number, date: Date, weekStartsOn?: number) => Date;
     isAfterDay: (date: Date, dateToCompare: Date) => boolean;
+    isBeforeDay: (date: Date, dateToCompare: Date) => boolean;
     isSameDay: (dateLeft: Date, dateRight: Date) => boolean;
     isWithinRange: (date: Date, range: {
-        start: Date;
         end: Date;
+        start: Date;
     }) => boolean;
 } & {
     Day: typeof Day;
     TODAY: typeof TODAY;
-    getNextOccurrenceOfDay: typeof getNextOccurrenceOfDay;
     getMonthWeeks: typeof getMonthWeeks;
+    getNextOccurrenceOfDay: typeof getNextOccurrenceOfDay;
     isAfterDay: typeof isAfterDay;
     isBeforeDay: typeof isBeforeDay;
     isSameDay: typeof isSameDayWrapper;

package/dist/Calendar/Calendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAA;AAsBd,OAAO,GAAG,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAEL,aAAa,EACb,sBAAsB,EAOtB,KAAK,EACN,MAAM,SAAS,CAAA;AA2ChB,MAAM,MAAM,aAAa,GAAG;IAI1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAM7C,IAAI,CAAC,EAAE,IAAI,CAAA;IAKX,WAAW,CAAC,EAAE,IAAI,CAAA;IAKlB,OAAO,CAAC,EAAE,IAAI,CAAA;IAMd,OAAO,CAAC,EAAE,IAAI,CAAA;IAMd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAKnC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAMnC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAKnC,QAAQ,CAAC,EAAE,IAAI,CAAA;IAKf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAKzB,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CACzC,CAAA;AAkWD,KAAK,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAA;AAEjD,iBAAS,UAAU,CAAC,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,WAE5D;AACD,iBAAS,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,WAE7D;AACD,iBAAS,gBAAgB,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,WAElE;AACD,iBAAS,aAAa,CACpB,IAAI,EAAE,SAAS,EACf,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,GAAG,EAAE,SAAS,CAAA;CAAE,WAKrD;;;;;;;;;;;;;;;;;SAYM,UAAU;WACR,YAAY;4BACK,6BAA6B;mBACtC,oBAAoB;gBACvB,iBAAiB;iBAChB,kBAAkB;eACpB,uBAAuB;mBACnB,oBAAoB;;AARrC,wBASC"}
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"AAYA,OAAO,KAON,MAAM,OAAO,CAAA;AASd,OAAO,GAAG,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAEL,aAAa,EACb,sBAAsB,EAOtB,KAAK,EACN,MAAM,SAAS,CAAA;AA2ChB,MAAM,MAAM,aAAa,GAAG;IAI1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAM7C,IAAI,CAAC,EAAE,IAAI,CAAA;IAKX,WAAW,CAAC,EAAE,IAAI,CAAA;IAMlB,OAAO,CAAC,EAAE,IAAI,CAAA;IAKd,OAAO,CAAC,EAAE,IAAI,CAAA;IAMd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAKnC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAMnC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAKnC,QAAQ,CAAC,EAAE,IAAI,CAAA;IAKf,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAKzB,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CACzC,CAAA;AAkWD,KAAK,SAAS,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAA;AAEjD,iBAAS,UAAU,CAAC,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,WAE5D;AACD,iBAAS,WAAW,CAAC,IAAI,EAAE,SAAS,EAAE,aAAa,EAAE,SAAS,WAE7D;AACD,iBAAS,gBAAgB,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,WAElE;AACD,iBAAS,aAAa,CACpB,IAAI,EAAE,SAAS,EACf,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,SAAS,CAAA;CAAE,WAKrD;;;;;;;;;;;;;;;;;SAYM,UAAU;WACR,YAAY;mBACJ,oBAAoB;4BACX,6BAA6B;gBACzC,iBAAiB;iBAChB,kBAAkB;eACpB,uBAAuB;mBACnB,oBAAoB;;AARrC,wBASC"}

package/dist/Calendar/Calendar.js

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

package/dist/Calendar/Day.d.ts

@@ -1,16 +1,16 @@
 import { MouseEventHandler } from 'react';
 export type PublicProps = {
-    children?: any;
     backgroundColor?: string;
     cellSize?: number;
+    children?: any;
     color?: string;
     date?: Date;
     disabled?: boolean;
     fontSize?: number | string;
     fontWeight?: number | string;
     inSameMonth?: boolean;
-    isMinDate?: boolean;
     isMaxDate?: boolean;
+    isMinDate?: boolean;
     isSelected?: boolean;
     isToday?: boolean;
     onClick?: MouseEventHandler<HTMLDivElement>;

package/dist/Calendar/Day.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Day.d.ts","sourceRoot":"","sources":["../../src/Calendar/Day.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAMhD,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAId,eAAe,CAAC,EAAE,MAAM,CAAA;IAIxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAIjB,KAAK,CAAC,EAAE,MAAM,CAAA;IAId,IAAI,CAAC,EAAE,IAAI,CAAA;IAIX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAIlB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAI1B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAI5B,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,SAAS,CAAC,EAAE,OAAO,CAAA;IAInB,UAAU,CAAC,EAAE,OAAO,CAAA;IAIpB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAE3C,WAAW,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAI/C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAIjC,aAAa,CAAC,EAAE,MAAM,CAAA;IAItB,WAAW,CAAC,EAAE,MAAM,CAAA;IAIpB,YAAY,EAAE,MAAM,GAAG,MAAM,CAAA;IAI7B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,GAAG;iOAoBN,WAAW;;CA4Eb,CAAA;AAGD,eAAe,GAAG,CAAA"}
+{"version":3,"file":"Day.d.ts","sourceRoot":"","sources":["../../src/Calendar/Day.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAMhD,MAAM,MAAM,WAAW,GAAG;IAIxB,eAAe,CAAC,EAAE,MAAM,CAAA;IAIxB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAId,KAAK,CAAC,EAAE,MAAM,CAAA;IAId,IAAI,CAAC,EAAE,IAAI,CAAA;IAIX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAIlB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAI1B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAI5B,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,SAAS,CAAC,EAAE,OAAO,CAAA;IAInB,UAAU,CAAC,EAAE,OAAO,CAAA;IAIpB,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAE3C,WAAW,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAI/C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAIjC,aAAa,CAAC,EAAE,MAAM,CAAA;IAItB,WAAW,CAAC,EAAE,MAAM,CAAA;IAIpB,YAAY,EAAE,MAAM,GAAG,MAAM,CAAA;IAI7B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,GAAG;iOAoBN,WAAW;;CA4Eb,CAAA;AAGD,eAAe,GAAG,CAAA"}

package/dist/Calendar/utils.d.ts

@@ -16,8 +16,8 @@ export declare function getMonthWeekDays({ trimWeekdays, weekStartsOn }: {
     trimmed: string;
 }[];
 export declare function getMonthWeeks(date: any, { forceSixWeeks, weekStartsOn, locale, }?: {
-    locale?: Locale;
     forceSixWeeks?: boolean;
+    locale?: Locale;
     weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
 }): any[];
 export declare function getNextOccurrenceOfDay(dayOfWeek: any): Date;

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/Calendar/utils.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,KAAK,MAAyB,CAAA;AAE3C,eAAO,MAAM,cAAc,KAAK,CAAA;AAEhC,eAAO,MAAM,YAAY,IAAI,CAAA;AAE7B,eAAO,MAAM,iBAAiB,KAAK,CAAA;AAEnC,eAAO,MAAM,iBAAiB,IAAI,CAAA;AAElC,eAAO,MAAM,iBAAiB,KAAK,CAAA;AAEnC,eAAO,MAAM,gBAAgB,OAAO,CAAA;AAEpC,eAAO,MAAM,gBAAgB,OAAO,CAAA;AAEpC,eAAO,MAAM,MAAM,UAalB,CAAA;AAED,eAAO,MAAM,QAAQ,UAQpB,CAAA;AAED,wBAAgB,gBAAgB,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE;;;CAAA;;;IAS9D;AAED,wBAAgB,aAAa,CAC3B,IAAI,KAAA,EACJ,EACE,aAAoB,EACpB,YAAgB,EAChB,MAAkB,GACnB,GAAE;IACD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CACpC,SAgCP;AAED,wBAAgB,sBAAsB,CAAC,SAAS,KAAA,QAG/C;AAED,wBAAgB,QAAQ,CAAC,UAAU,KAAA,SAOlC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/Calendar/utils.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,KAAK,MAAyB,CAAA;AAE3C,eAAO,MAAM,cAAc,KAAK,CAAA;AAEhC,eAAO,MAAM,YAAY,IAAI,CAAA;AAE7B,eAAO,MAAM,iBAAiB,KAAK,CAAA;AAEnC,eAAO,MAAM,iBAAiB,IAAI,CAAA;AAElC,eAAO,MAAM,iBAAiB,KAAK,CAAA;AAEnC,eAAO,MAAM,gBAAgB,OAAO,CAAA;AAEpC,eAAO,MAAM,gBAAgB,OAAO,CAAA;AAEpC,eAAO,MAAM,MAAM,UAalB,CAAA;AAED,eAAO,MAAM,QAAQ,UAQpB,CAAA;AAED,wBAAgB,gBAAgB,CAAC,EAAE,YAAY,EAAE,YAAY,EAAE;;;CAAA;;;IAS9D;AAED,wBAAgB,aAAa,CAC3B,IAAI,KAAA,EACJ,EACE,aAAoB,EACpB,YAAgB,EAChB,MAAkB,GACnB,GAAE;IACD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CACpC,SAgCP;AAED,wBAAgB,sBAAsB,CAAC,SAAS,KAAA,QAG/C;AAED,wBAAgB,QAAQ,CAAC,UAAU,KAAA,SAOlC"}

package/dist/Calendar/utils.js

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

package/dist/Card/Card.d.ts

@@ -1,17 +1,16 @@
-import * as React from 'react';
-import { StackViewProps } from '../StackView';
-import { Section } from './Section';
-export type CardProps = {
-    children?: React.ReactNode;
-    subdued?: boolean;
+import { StackViewProps, StackViewUniqueProps } from '../StackView';
+import { As, AsProps, MediaQueries, Variants } from '../types';
+type Props = {
     radius?: number | string;
-} & StackViewProps;
-declare function Card({ children, subdued, radius, ...restProps }: CardProps): JSX.Element;
-declare namespace Card {
+    subdued?: boolean;
+};
+export type CardUniqueProps = Props & Omit<StackViewUniqueProps, keyof Props>;
+export type CardProps<E extends As = 'div'> = ({
+    as?: never;
+} & Omit<StackViewProps<'div'>, keyof Props> & Props) | AsProps<E, CardUniqueProps>;
+export declare function Card<E extends As = 'div'>({ children, subdued, radius, ...restProps }: CardProps<E> & MediaQueries<CardProps<E>> & Variants<CardProps<E>>): JSX.Element;
+export declare namespace Card {
     var Section: typeof import("./Section").Section;
 }
-declare const _default: typeof Card & {
-    Section: typeof Section;
-};
-export default _default;
+export {};
 //# sourceMappingURL=Card.d.ts.map

package/dist/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAGnC,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAG1B,OAAO,CAAC,EAAE,OAAO,CAAA;IAGjB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACzB,GAAG,cAAc,CAAA;AAElB,iBAAS,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAU,EAAE,GAAG,SAAS,EAAE,EAAE,SAAS,eA6DvE;kBA7DQ,IAAI;;;;aAiEmC,cAAc;;AAA9D,wBAAgE"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/Card/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,cAAc,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAE9E,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAI9D,KAAK,KAAK,GAAG;IAEX,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAGxB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AACD,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,KAAK,CAAC,CAAA;AAC7E,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,IACtC,CAAC;IAAE,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC,GAAG,KAAK,CAAC,GACnE,OAAO,CAAC,CAAC,EAAE,eAAe,CAAC,CAAA;AAE/B,wBAAgB,IAAI,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,EAAE,EACzC,QAAQ,EACR,OAAO,EACP,MAAU,EACV,GAAG,SAAS,EACb,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,eA6DpE;yBAlEe,IAAI"}

package/dist/Card/Card.js

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

package/dist/Card/Section.d.ts

@@ -1,11 +1,12 @@
-import * as React from 'react';
-import { StackViewProps } from '../StackView';
-export type SectionProps = {
-    children?: React.ReactNode;
+import { StackViewUniqueProps } from '../StackView';
+import { As, AsProps, MediaQueries, Variants } from '../types';
+interface Props {
     subdued?: boolean;
-} & StackViewProps & React.RefAttributes<any> & React.HTMLAttributes<any>;
-export declare function Section({ subdued, ...restProps }: SectionProps): JSX.Element;
+}
+export type SectionProps<E extends As = 'div'> = AsProps<E, Props & Omit<StackViewUniqueProps, keyof Props>>;
+export declare function Section<E extends As = 'div'>({ subdued, ...restProps }: SectionProps<E> & MediaQueries<SectionProps<E>> & Variants<SectionProps<E>>): JSX.Element;
 export declare namespace Section {
     var displayName: string;
 }
+export {};
 //# sourceMappingURL=Section.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/Card/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAA;AAExD,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAG1B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,cAAc,GAChB,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACxB,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;AAE3B,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,EAAE,YAAY,eAS9D;yBATe,OAAO"}
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../src/Card/Section.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA6B,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAC9E,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAE9D,UAAU,KAAK;IAEb,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AACD,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI,OAAO,CACtD,CAAC,EACD,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,KAAK,CAAC,CAChD,CAAA;AAED,wBAAgB,OAAO,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,EAAE,EAC5C,OAAO,EACP,GAAG,SAAS,EACb,EAAE,YAAY,CAAC,CAAC,CAAC,GAChB,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GAC7B,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,eAS1B;yBAde,OAAO"}

package/dist/Card/index.d.ts

@@ -1,4 +1,4 @@
-import Card from './Card';
+import { Card } from './Card';
 export * from './Card';
 export default Card;
 //# sourceMappingURL=index.d.ts.map

package/dist/Card/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,cAAc,QAAQ,CAAA;AAEtB,eAAe,IAAI,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,cAAc,QAAQ,CAAA;AAEtB,eAAe,IAAI,CAAA"}

package/dist/Card/index.js

@@ -1,2 +1,2 @@
-import r from"./Card.js";export{r as default};
+import{Card as r}from"./Card.js";export{r as Card,r as default};
 //# sourceMappingURL=index.js.map

package/dist/Checkbox/Checkbox.d.ts

@@ -1,17 +1,17 @@
 import React, { ComponentProps } from 'react';
 import StackView from '../StackView';
 export type CheckboxProps = ComponentProps<typeof StackView> & {
+    checked?: boolean;
     disabled?: boolean;
-    label?: string | null;
     id?: string | number;
     indeterminate?: boolean;
-    checked?: boolean;
+    label?: string | null;
     name?: string;
-    value?: any;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    onBlur?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onFocus?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onBlur?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    value?: any;
 };
 declare const Checkbox: ({ checked, disabled, id, indeterminate, label, name, onBlur, onChange, onFocus, size, value, ...restProps }: CheckboxProps) => JSX.Element;
 export default Checkbox;

package/dist/Checkbox/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAKZ,cAAc,EACf,MAAM,OAAO,CAAA;AAMd,OAAO,SAAS,MAAM,cAAc,CAAA;AAcpC,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAI7D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAOlB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAKrB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKpB,aAAa,CAAC,EAAE,OAAO,CAAA;IAKvB,OAAO,CAAC,EAAE,OAAO,CAAA;IAKjB,IAAI,CAAC,EAAE,MAAM,CAAA;IAKb,KAAK,CAAC,EAAE,GAAG,CAAA;IAKX,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAKvC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAK/D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAK9D,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC9D,CAAA;AAED,QAAA,MAAM,QAAQ,gHAaX,aAAa,KAAG,WA4JlB,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,cAAc,EAKf,MAAM,OAAO,CAAA;AAOd,OAAO,SAAS,MAAM,cAAc,CAAA;AAapC,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAI7D,OAAO,CAAC,EAAE,OAAO,CAAA;IAKjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKpB,aAAa,CAAC,EAAE,OAAO,CAAA;IAOvB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAKrB,IAAI,CAAC,EAAE,MAAM,CAAA;IAKb,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAK7D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAK/D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAK9D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAKvC,KAAK,CAAC,EAAE,GAAG,CAAA;CACZ,CAAA;AAED,QAAA,MAAM,QAAQ,gHAaX,aAAa,KAAG,WA4JlB,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/Checkbox/Checkbox.js

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

package/dist/CheckboxCard/CheckboxCard.d.ts

@@ -1,7 +1,7 @@
 import { InputProps } from '../types';
 type Props = Pick<InputProps, 'checked' | 'onChange'> & {
-    title?: string;
     subtitle?: string;
+    title?: string;
 };
 declare function CheckboxCard({ checked, onChange, subtitle, title, ...restProps }: Props): JSX.Element;
 export default CheckboxCard;

package/dist/CheckboxCard/CheckboxCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxCard.d.ts","sourceRoot":"","sources":["../../src/CheckboxCard/CheckboxCard.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,KAAK,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,UAAU,CAAC,GAAG;IAEtD,KAAK,CAAC,EAAE,MAAM,CAAA;IAGd,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,iBAAS,YAAY,CAAC,EACpB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAG,SAAS,EACb,EAAE,KAAK,eA0CP;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"CheckboxCard.d.ts","sourceRoot":"","sources":["../../src/CheckboxCard/CheckboxCard.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,KAAK,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,GAAG,UAAU,CAAC,GAAG;IAEtD,QAAQ,CAAC,EAAE,MAAM,CAAA;IAGjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,iBAAS,YAAY,CAAC,EACpB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,GAAG,SAAS,EACb,EAAE,KAAK,eA0CP;AAED,eAAe,YAAY,CAAA"}

package/dist/CheckboxCard/CheckboxCard.js

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

package/dist/CheckboxGroup/CheckboxGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAM/D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAKzB,IAAI,EAAE,MAAM,CAAA;IAKZ,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAKnC,KAAK,EAAE,MAAM,EAAE,CAAA;CAChB,CAAA;AAED,QAAA,MAAM,aAAa,yCAKhB,kBAAkB,KAAG,WAqCvB,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAK/D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAKzB,IAAI,EAAE,MAAM,CAAA;IAKZ,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAKnC,KAAK,EAAE,MAAM,EAAE,CAAA;CAChB,CAAA;AAED,QAAA,MAAM,aAAa,yCAKhB,kBAAkB,KAAG,WAqCvB,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/CheckboxGroup/CheckboxGroup.js

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

package/dist/CheckboxGroup/CheckboxGroupContext.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 export type CheckboxGroupContextValue = {
     name: string;
-    value: string[];
     onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    value: string[];
 };
 declare const CheckboxGroupContext: import("react").Context<CheckboxGroupContextValue>;
 export default CheckboxGroupContext;

package/dist/CheckboxGroup/CheckboxGroupContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupContext.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/CheckboxGroupContext.tsx"],"names":[],"mappings":";AAEA,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC/D,CAAA;AAED,QAAA,MAAM,oBAAoB,oDAEd,CAAA;AAEZ,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"CheckboxGroupContext.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/CheckboxGroupContext.tsx"],"names":[],"mappings":";AAEA,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC9D,KAAK,EAAE,MAAM,EAAE,CAAA;CAChB,CAAA;AAED,QAAA,MAAM,oBAAoB,oDAEd,CAAA;AAEZ,eAAe,oBAAoB,CAAA"}

package/dist/ChurchCenterStatus/ChurchCenterStatus.js

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

package/dist/Collapse/Collapse.d.ts

@@ -1,9 +1,9 @@
 import { DivProps } from '../types';
 export type Props = Partial<Pick<DivProps, 'children' | 'style' | 'role'>> & {
-    open?: boolean;
-    lazy?: boolean;
     instant?: boolean;
+    lazy?: boolean;
     onComplete?: Function;
+    open?: boolean;
 };
 declare function Collapse(props: Props): JSX.Element;
 export default Collapse;

package/dist/Collapse/Collapse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.d.ts","sourceRoot":"","sources":["../../src/Collapse/Collapse.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAInC,MAAM,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC,GAAG;IAI3E,IAAI,CAAC,EAAE,OAAO,CAAA;IAId,IAAI,CAAC,EAAE,OAAO,CAAA;IAId,OAAO,CAAC,EAAE,OAAO,CAAA;IAIjB,UAAU,CAAC,EAAE,QAAQ,CAAA;CACtB,CAAA;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,KAAK,eA2F7B;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Collapse.d.ts","sourceRoot":"","sources":["../../src/Collapse/Collapse.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAInC,MAAM,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC,GAAG;IAI3E,OAAO,CAAC,EAAE,OAAO,CAAA;IAIjB,IAAI,CAAC,EAAE,OAAO,CAAA;IAId,UAAU,CAAC,EAAE,QAAQ,CAAA;IAIrB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,KAAK,eA2F7B;AAED,eAAe,QAAQ,CAAA"}

package/dist/ColumnView/ColumnView.js

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

package/dist/Combobox/Combobox.d.ts

@@ -11,8 +11,8 @@ type ComboboxProps = {
 declare function Combobox(props: ComboboxProps): JSX.Element;
 declare namespace Combobox {
     var Input: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<{
-        focus: () => void;
         blur: () => void;
+        focus: () => void;
     }>>;
     var Item: typeof ComboboxItem;
     var Items: typeof ComboboxItems;
@@ -22,7 +22,7 @@ declare const _default: typeof Combobox & {
     Input: typeof ComboboxInput;
     Item: typeof ComboboxItem;
     Items: typeof ComboboxItems;
-    Popover: typeof ComboboxPopover;
+    Popover: ComboboxPopover;
 };
 export default _default;
 //# sourceMappingURL=Combobox.d.ts.map

package/dist/Combobox/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAE/C,KAAK,aAAa,GAAG;IAInB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAKzB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IAK7B,aAAa,EAAE,GAAG,CAAA;CACnB,CAAA;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,eAcrC;kBAdQ,QAAQ;;;;;;;;;;WAsBR,oBAAoB;UACrB,mBAAmB;WAClB,oBAAoB;aAClB,sBAAsB;;AAJjC,wBAKC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAE/C,KAAK,aAAa,GAAG;IAInB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAKzB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IAK7B,aAAa,EAAE,GAAG,CAAA;CACnB,CAAA;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,eAcrC;kBAdQ,QAAQ;;;;;;;;;;WAsBR,oBAAoB;UACrB,mBAAmB;WAClB,oBAAoB;aAClB,eAAe;;AAJ1B,wBAKC"}

package/dist/Combobox/ComboboxInput.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 type ComboboxInputRef = {
-    focus: () => void;
     blur: () => void;
+    focus: () => void;
 };
 declare const ComboboxInput: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<ComboboxInputRef>>;
 export default ComboboxInput;

package/dist/Combobox/ComboboxInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAA;AA8Bd,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB,CAAA;AAED,QAAA,MAAM,aAAa,8GA0HlB,CAAA;AAID,eAAe,aAAa,CAAA"}
+{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAA;AA8Bd,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,aAAa,8GA0HlB,CAAA;AAID,eAAe,aAAa,CAAA"}

package/dist/Combobox/ComboboxInput.js

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

package/dist/Combobox/ComboboxItems.d.ts

@@ -1,11 +1,11 @@
 import { ReactElement } from 'react';
 type Props<Item extends object> = {
-    items: Item[];
-    value?: string;
     filter?: string;
-    title?: string;
+    items: Item[];
     renderEmpty?: (value: string) => null;
     renderItem?: (item: Item, index: number) => ReactElement;
+    title?: string;
+    value?: string;
 };
 declare function ComboboxItems<Item extends object>(props: Props<Item>): JSX.Element;
 declare namespace ComboboxItems {

package/dist/Combobox/ComboboxItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxItems.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxItems.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAiC,YAAY,EAAE,MAAM,OAAO,CAAA;AAyB1E,KAAK,KAAK,CAAC,IAAI,SAAS,MAAM,IAAI;IAIhC,KAAK,EAAE,IAAI,EAAE,CAAA;IAKb,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,MAAM,CAAC,EAAE,MAAM,CAAA;IAKf,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAKrC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,YAAY,CAAA;CACzD,CAAA;AAED,iBAAS,aAAa,CAAC,IAAI,SAAS,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,eAsC7D;kBAtCQ,aAAa;;;AAwCtB,eAAe,aAAa,CAAA"}
+{"version":3,"file":"ComboboxItems.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxItems.tsx"],"names":[],"mappings":"AACA,OAAc,EAAY,YAAY,EAAuB,MAAM,OAAO,CAAA;AAuB1E,KAAK,KAAK,CAAC,IAAI,SAAS,MAAM,IAAI;IAIhC,MAAM,CAAC,EAAE,MAAM,CAAA;IAKf,KAAK,EAAE,IAAI,EAAE,CAAA;IAKb,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAKrC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,YAAY,CAAA;IAKxD,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,iBAAS,aAAa,CAAC,IAAI,SAAS,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,eAsC7D;kBAtCQ,aAAa;;;AAwCtB,eAAe,aAAa,CAAA"}

package/dist/Combobox/ComboboxItems.js

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

package/dist/Combobox/ComboboxPopover.d.ts

@@ -1,9 +1,9 @@
 import { Component, ComponentProps, RefCallback } from 'react';
-import { ItemList } from '../ItemList';
+import { InputProps } from '..';
 import Button from '../Button';
+import { ItemList } from '../ItemList';
 import Popover from '../Popover';
 import ComboboxInput from './ComboboxInput';
-import { InputProps } from '..';
 type Props = Omit<InputProps, 'onSelect' | 'ref'> & Pick<ComponentProps<typeof Popover>, 'lockScrollWhileOpen' | 'placement' | 'relativeTo' | 'renderTo'> & Omit<ComponentProps<typeof ComboboxInput>, 'ref'> & {
     closeButton?: Partial<ComponentProps<typeof Button>>;
     closeOnSelect?: boolean;

package/dist/Combobox/ComboboxPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxPopover.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxPopover.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,MAAM,MAAM,WAAW,CAAA;AAG9B,OAAO,OAAO,MAAM,YAAY,CAAA;AAGhC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAA;AAE/B,KAAK,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,KAAK,CAAC,GAC/C,IAAI,CACF,cAAc,CAAC,OAAO,OAAO,CAAC,EAC9B,qBAAqB,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,CAChE,GACD,IAAI,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG;IAKlD,WAAW,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,CAAA;IAEpD,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IAE9B,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAEH,cAAM,eAAgB,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC5C,QAAQ,EAAE,QAAQ,CAAA;IAClB,KAAK,EAAE,gBAAgB,CAAA;IAEvB,MAAM,CAAC,WAAW,SAAqB;IAEvC,MAAM,CAAC,YAAY;;;MAGlB;IAED,KAAK;;MAEJ;IAED,EAAE,SAAyB;IAE3B,SAAS,MAAO;IAEhB,YAAY,UAAQ;IAEpB,cAAc,MAAO;IAErB,kBAAkB,CAAC,SAAS,KAAA;IAkB5B,oBAAoB;IAMpB,cAAc,2BAEb;IAED,WAAW,2BAEV;IAED,WAAW,aAIV;IAED,YAAY,aAOX;IAED,UAAU,uBAMT;IAED,YAAY,uBAOX;IAED,MAAM;CA6HP;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"ComboboxPopover.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxPopover.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAA;AAC/B,OAAO,MAAM,MAAM,WAAW,CAAA;AAE9B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,OAAO,OAAO,MAAM,YAAY,CAAA;AAEhC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAE3C,KAAK,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,KAAK,CAAC,GAC/C,IAAI,CACF,cAAc,CAAC,OAAO,OAAO,CAAC,EAC9B,qBAAqB,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,CAChE,GACD,IAAI,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG;IAKlD,WAAW,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,CAAA;IAEpD,aAAa,CAAC,EAAE,OAAO,CAAA;IAEvB,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IAE9B,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAEH,cAAM,eAAgB,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC5C,QAAQ,EAAE,QAAQ,CAAA;IAClB,KAAK,EAAE,gBAAgB,CAAA;IAEvB,MAAM,CAAC,WAAW,SAAqB;IAEvC,MAAM,CAAC,YAAY;;;MAGlB;IAED,KAAK;;MAEJ;IAED,EAAE,SAAyB;IAE3B,SAAS,MAAO;IAEhB,YAAY,UAAQ;IAEpB,cAAc,MAAO;IAErB,kBAAkB,CAAC,SAAS,KAAA;IAkB5B,oBAAoB;IAMpB,cAAc,2BAEb;IAED,WAAW,2BAEV;IAED,WAAW,aAIV;IAED,YAAY,aAOX;IAED,UAAU,uBAMT;IAED,YAAY,uBAOX;IAED,MAAM;CA6HP;AAED,eAAe,eAAe,CAAA"}