@planningcenter/tapestry-react 4.1.0 → 4.2.0

package/dist/DataTable/utils/variants.d.ts

@@ -1,167 +1,167 @@
 export declare const defaultVariant: {
-    header: {
-        overflowX: string;
-        scrollbarWidth: string;
-        msOverflowStyle: string;
+    body: {
         '@media print': {
-            position: string;
             overflowX: string;
         };
-        '::-webkit-scrollbar': {
-            width: number;
-            height: number;
-        };
-        backgroundColor: string;
-        borderBottomColor: string;
-        borderBottomStyle: string;
-        borderBottomWidth: number;
-        position: string;
-        top: number;
-        zIndex: number;
+        WebkitOverflowScrolling: string;
+        overflowX: string;
     };
-    headerRow: {
-        display: string;
-        minHeight: string;
+    bodyCell: {
+        alignItems: string;
         backgroundColor: string;
-    };
-    headerCell: ({ isSortable }: {
-        isSortable: any;
-    }) => {
         boxSizing: string;
         display: string;
-        alignItems: string;
+        flexBasis: string;
         flexGrow: number;
         flexShrink: number;
-        flexBasis: string;
+        fontSize: number;
         padding: string;
-        backgroundColor: string;
-        cursor: string;
-        outline: number;
+        whiteSpace: string;
     };
-    footer: {
-        overflowX: string;
-        scrollbarWidth: string;
-        msOverflowStyle: string;
-        '@media print': {
-            position: string;
-            overflowX: string;
+    bodyRow: ({ firstRow, isLink }: {
+        firstRow: any;
+        isLink: any;
+    }) => {
+        '&:focus': {
+            outline: string;
         };
-        '::-webkit-scrollbar': {
-            width: number;
-            height: number;
+        '&:hover': {
+            backgroundColor: string;
         };
         backgroundColor: string;
         borderTopColor: string;
         borderTopStyle: string;
         borderTopWidth: number;
-    };
-    footerRow: {
+        color: string;
+        cursor: string;
         display: string;
-        backgroundColor: string;
+        minHeight: string;
     };
-    footerCell: {
+    bodySubCell: ({ firstRow, lastCell, rowIndex, columnIndex, columnWidth, }: {
+        firstRow: any;
+        lastCell: any;
+        rowIndex: any;
+        columnIndex: any;
+        columnWidth: any;
+    }) => {
+        backgroundColor: string;
         boxSizing: string;
         display: string;
-        alignItems: string;
+        flexBasis: string;
         flexGrow: number;
         flexShrink: number;
-        flexBasis: string;
-        padding: string;
-        whiteSpace: string;
-        backgroundColor: string;
         fontSize: number;
+        padding: string;
+        width: string;
     };
-    body: {
-        overflowX: string;
-        WebkitOverflowScrolling: string;
-        '@media print': {
-            overflowX: string;
-        };
-    };
-    bodyRow: ({ firstRow, isLink }: {
-        firstRow: any;
+    bodySubRow: ({ isLink }: {
         isLink: any;
     }) => {
-        display: string;
-        minHeight: string;
-        color: string;
+        '&:focus': {
+            outline: string;
+        };
+        '&:hover': {
+            backgroundColor: string;
+        } | {
+            backgroundColor?: undefined;
+        };
         backgroundColor: string;
         borderTopColor: string;
         borderTopStyle: string;
         borderTopWidth: number;
+        color: string;
         cursor: string;
-        '&:focus': {
-            outline: string;
+        display: string;
+        minHeight: string;
+    };
+    footer: {
+        '::-webkit-scrollbar': {
+            height: number;
+            width: number;
         };
-        '&:hover': {
-            backgroundColor: string;
+        '@media print': {
+            overflowX: string;
+            position: string;
         };
+        msOverflowStyle: string;
+        overflowX: string;
+        scrollbarWidth: string;
+        backgroundColor: string;
+        borderTopColor: string;
+        borderTopStyle: string;
+        borderTopWidth: number;
     };
-    bodyCell: {
+    footerCell: {
+        alignItems: string;
+        backgroundColor: string;
         boxSizing: string;
         display: string;
-        alignItems: string;
+        flexBasis: string;
         flexGrow: number;
         flexShrink: number;
-        flexBasis: string;
+        fontSize: number;
         padding: string;
         whiteSpace: string;
-        backgroundColor: string;
-        fontSize: number;
     };
-    bodySubRow: ({ isLink }: {
-        isLink: any;
-    }) => {
-        display: string;
-        minHeight: string;
-        color: string;
-        borderTopColor: string;
-        borderTopStyle: string;
-        borderTopWidth: number;
+    footerRow: {
         backgroundColor: string;
-        cursor: string;
-        '&:focus': {
-            outline: string;
+        display: string;
+    };
+    header: {
+        '::-webkit-scrollbar': {
+            height: number;
+            width: number;
         };
-        '&:hover': {
-            backgroundColor: string;
-        } | {
-            backgroundColor?: undefined;
+        '@media print': {
+            overflowX: string;
+            position: string;
         };
+        msOverflowStyle: string;
+        overflowX: string;
+        scrollbarWidth: string;
+        backgroundColor: string;
+        borderBottomColor: string;
+        borderBottomStyle: string;
+        borderBottomWidth: number;
+        position: string;
+        top: number;
+        zIndex: number;
     };
-    bodySubCell: ({ firstRow, lastCell, rowIndex, columnIndex, columnWidth, }: {
-        firstRow: any;
-        lastCell: any;
-        rowIndex: any;
-        columnIndex: any;
-        columnWidth: any;
+    headerCell: ({ isSortable }: {
+        isSortable: any;
     }) => {
+        alignItems: string;
+        backgroundColor: string;
         boxSizing: string;
+        cursor: string;
         display: string;
+        flexBasis: string;
         flexGrow: number;
         flexShrink: number;
-        flexBasis: string;
-        width: string;
+        outline: number;
         padding: string;
+    };
+    headerRow: {
         backgroundColor: string;
-        fontSize: number;
+        display: string;
+        minHeight: string;
     };
 };
 export declare const variants: {
     condensed: {
-        headerCell: {
+        bodyCell: {
             padding: string;
         };
         bodyRow: {
             minHeight: string;
         };
-        bodyCell: {
+        bodySubCell: {
             padding: string;
         };
         bodySubRow: {
             minHeight: string;
         };
-        bodySubCell: {
+        headerCell: {
             padding: string;
         };
     };

package/dist/DataTable/utils/variants.js

@@ -1,2 +1,2 @@
-import{__assign as o}from'./../../ext/tslib/tslib.es6.js';var r={overflowX:"auto",scrollbarWidth:"none",msOverflowStyle:"none","@media print":{position:"relative",overflowX:"visible"},"::-webkit-scrollbar":{width:0,height:0}},e={header:o({backgroundColor:"surfaceSecondary",borderBottomColor:"separatorTertiary",borderBottomStyle:"solid",borderBottomWidth:1,position:"sticky",top:0,zIndex:10},r),headerRow:{display:"flex",minHeight:"48px",backgroundColor:"inherit"},headerCell:function(o){return{boxSizing:"content-box",display:"flex",alignItems:"center",flexGrow:0,flexShrink:0,flexBasis:"auto",padding:"0 16px",backgroundColor:"inherit",cursor:o.isSortable?"pointer":"default",outline:0}},footer:o({backgroundColor:"surfaceSecondary",borderTopColor:"separatorTertiary",borderTopStyle:"solid",borderTopWidth:1},r),footerRow:{display:"flex",backgroundColor:"inherit"},footerCell:{boxSizing:"content-box",display:"flex",alignItems:"center",flexGrow:0,flexShrink:0,flexBasis:"auto",padding:"0 16px",whiteSpace:"nowrap",backgroundColor:"inherit",fontSize:14},body:{overflowX:"auto",WebkitOverflowScrolling:"touch","@media print":{overflowX:"visible"}},bodyRow:function(o){var r=o.firstRow,e=o.isLink;return{display:"flex",minHeight:"64px",color:"inherit",backgroundColor:"surface",borderTopColor:r?void 0:"separatorTertiary",borderTopStyle:r?void 0:"solid",borderTopWidth:r?void 0:1,cursor:e?"pointer":void 0,"&:focus":{outline:"none"},"&:hover":e?{backgroundColor:"linkBackground"}:void 0}},bodyCell:{boxSizing:"content-box",display:"flex",alignItems:"center",flexGrow:0,flexShrink:0,flexBasis:"auto",padding:"0 16px",whiteSpace:"nowrap",backgroundColor:"inherit",fontSize:14},bodySubRow:function(o){var r=o.isLink;return{display:"flex",minHeight:"44px",color:"inherit",borderTopColor:"separatorTertiary",borderTopStyle:"solid",borderTopWidth:1,backgroundColor:"surfaceSecondary",cursor:r?"pointer":void 0,"&:focus":{outline:"none"},"&:hover":r?{backgroundColor:"linkBackground"}:{}}},bodySubCell:function(o){return o.firstRow,o.lastCell,o.rowIndex,o.columnIndex,{boxSizing:"content-box",display:"flex",flexGrow:0,flexShrink:0,flexBasis:"auto",width:o.columnWidth+"px",padding:"12px 16px",backgroundColor:"inherit",fontSize:14}}},i={condensed:{headerCell:{padding:"0 8px"},bodyRow:{minHeight:"40px"},bodyCell:{padding:"0 8px"},bodySubRow:{minHeight:"28px"},bodySubCell:{padding:"4px 8px"}}};export{e as defaultVariant,i as variants};
+import{__assign as o}from'./../../ext/tslib/tslib.es6.js';var r={"::-webkit-scrollbar":{height:0,width:0},"@media print":{overflowX:"visible",position:"relative"},msOverflowStyle:"none",overflowX:"auto",scrollbarWidth:"none"},e={body:{"@media print":{overflowX:"visible"},WebkitOverflowScrolling:"touch",overflowX:"auto"},bodyCell:{alignItems:"center",backgroundColor:"inherit",boxSizing:"content-box",display:"flex",flexBasis:"auto",flexGrow:0,flexShrink:0,fontSize:14,padding:"0 16px",whiteSpace:"nowrap"},bodyRow:function(o){var r=o.firstRow,e=o.isLink;return{"&:focus":{outline:"none"},"&:hover":e?{backgroundColor:"linkBackground"}:void 0,backgroundColor:"surface",borderTopColor:r?void 0:"separatorTertiary",borderTopStyle:r?void 0:"solid",borderTopWidth:r?void 0:1,color:"inherit",cursor:e?"pointer":void 0,display:"flex",minHeight:"64px"}},bodySubCell:function(o){return o.firstRow,o.lastCell,o.rowIndex,o.columnIndex,{backgroundColor:"inherit",boxSizing:"content-box",display:"flex",flexBasis:"auto",flexGrow:0,flexShrink:0,fontSize:14,padding:"12px 16px",width:o.columnWidth+"px"}},bodySubRow:function(o){var r=o.isLink;return{"&:focus":{outline:"none"},"&:hover":r?{backgroundColor:"linkBackground"}:{},backgroundColor:"surfaceSecondary",borderTopColor:"separatorTertiary",borderTopStyle:"solid",borderTopWidth:1,color:"inherit",cursor:r?"pointer":void 0,display:"flex",minHeight:"44px"}},footer:o({backgroundColor:"surfaceSecondary",borderTopColor:"separatorTertiary",borderTopStyle:"solid",borderTopWidth:1},r),footerCell:{alignItems:"center",backgroundColor:"inherit",boxSizing:"content-box",display:"flex",flexBasis:"auto",flexGrow:0,flexShrink:0,fontSize:14,padding:"0 16px",whiteSpace:"nowrap"},footerRow:{backgroundColor:"inherit",display:"flex"},header:o({backgroundColor:"surfaceSecondary",borderBottomColor:"separatorTertiary",borderBottomStyle:"solid",borderBottomWidth:1,position:"sticky",top:0,zIndex:10},r),headerCell:function(o){return{alignItems:"center",backgroundColor:"inherit",boxSizing:"content-box",cursor:o.isSortable?"pointer":"default",display:"flex",flexBasis:"auto",flexGrow:0,flexShrink:0,outline:0,padding:"0 16px"}},headerRow:{backgroundColor:"inherit",display:"flex",minHeight:"48px"}},i={condensed:{bodyCell:{padding:"0 8px"},bodyRow:{minHeight:"40px"},bodySubCell:{padding:"4px 8px"},bodySubRow:{minHeight:"28px"},headerCell:{padding:"0 8px"}}};export{e as defaultVariant,i as variants};
 //# sourceMappingURL=variants.js.map

package/dist/DateField/DateField.d.ts

@@ -1,20 +1,22 @@
 import { ComponentProps } from 'react';
 import Calendar from '../Calendar';
-import Input from '../Input/Input';
+import { InputProps } from '../Input/Input';
 import Popover from '../Popover';
-export type DateFieldProps = ComponentProps<typeof Input> & {
-    formatValue?: string;
+import { MediaQueries, Variants } from '../types';
+interface Props {
+    calendarProps?: ComponentProps<typeof Calendar>;
     defaultOpen?: boolean;
-    minDate?: Date;
+    formatValue?: string;
+    keepInView?: boolean;
+    lockScrollWhileOpen?: boolean;
     maxDate?: Date;
+    minDate?: Date;
     onChange: (date: Date) => void;
     placement?: string;
-    value: Date;
-    lockScrollWhileOpen?: boolean;
-    keepInView?: boolean;
-    calendarProps?: ComponentProps<typeof Calendar>;
     popoverProps?: ComponentProps<typeof Popover>;
-};
-declare function DateField({ formatValue, defaultOpen, keepInView, lockScrollWhileOpen, minDate, maxDate, onChange, placement, value, ...props }: DateFieldProps): JSX.Element;
+    value: Date | undefined | null;
+}
+export type DateFieldProps = Omit<InputProps, keyof Props> & Props;
+declare function DateField({ formatValue, defaultOpen, keepInView, lockScrollWhileOpen, minDate, maxDate, onChange, placement, value, ...props }: DateFieldProps & MediaQueries<DateFieldProps> & Variants<DateFieldProps>): JSX.Element;
 export default DateField;
 //# sourceMappingURL=DateField.d.ts.map

package/dist/DateField/DateField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../src/DateField/DateField.tsx"],"names":[],"mappings":"AAAA,OAAc,EAKZ,cAAc,EACf,MAAM,OAAO,CAAA;AAGd,OAAO,QAAQ,MAAM,aAAa,CAAA;AAGlC,OAAO,KAAK,MAAM,gBAAgB,CAAA;AAClC,OAAO,OAAO,MAAM,YAAY,CAAA;AAMhC,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IAI1D,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,OAAO,CAAC,EAAE,IAAI,CAAA;IAKd,OAAO,CAAC,EAAE,IAAI,CAAA;IAKd,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAK9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAKlB,KAAK,EAAE,IAAI,CAAA;IAKX,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAK7B,UAAU,CAAC,EAAE,OAAO,CAAA;IAKpB,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAA;IAK/C,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;CAC9C,CAAA;AAED,iBAAS,SAAS,CAAC,EACjB,WAA6B,EAC7B,WAAmB,EACnB,UAAU,EACV,mBAA0B,EAC1B,OAAmB,EACnB,OAAmB,EACnB,QAAQ,EACR,SAAqB,EACrB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,eAiKhB;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../src/DateField/DateField.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,cAAc,EAKf,MAAM,OAAO,CAAA;AAEd,OAAO,QAAQ,MAAM,aAAa,CAAA;AAIlC,OAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,OAAO,MAAM,YAAY,CAAA;AAEhC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAKjD,UAAU,KAAK;IAIb,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAA;IAK/C,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,UAAU,CAAC,EAAE,OAAO,CAAA;IAKpB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAK7B,OAAO,CAAC,EAAE,IAAI,CAAA;IAKd,OAAO,CAAC,EAAE,IAAI,CAAA;IAKd,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAK9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAKlB,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IAK7C,KAAK,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;CAC/B;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,KAAK,CAAC,GAAG,KAAK,CAAA;AAElE,iBAAS,SAAS,CAAC,EACjB,WAA6B,EAC7B,WAAmB,EACnB,UAAU,EACV,mBAA0B,EAC1B,OAAmB,EACnB,OAAmB,EACnB,QAAQ,EACR,SAAqB,EACrB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,GAAG,YAAY,CAAC,cAAc,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,eAiK1E;AAED,eAAe,SAAS,CAAA"}

package/dist/DateField/DateField.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as o}from'./../ext/tslib/tslib.es6.js';import r,{useState as n,useRef as t,useCallback as a,useMemo as l}from"react";import i from"../Card/Card.js";import c from"../Calendar/Calendar.js";import u from"../FocusGroup/FocusGroup.js";import d from"../Icon/Icon.js";import s from"../Input/Input.js";import{Popover as m}from"../Popover/Popover.js";import{generateId as p}from"../utils.js";import{useThemeProps as f}from"../system/utils.js";import{useArrowKeysToNavigateCalendar as v}from"./useArrowKeysToNavigateCalendar.js";import{useEditableDate as C}from"./useEditableDate.js";function h(h){var g=h.formatValue,k=void 0===g?"MMMM dd, yyyy":g,D=h.defaultOpen,j=void 0!==D&&D,y=h.keepInView,I=h.lockScrollWhileOpen,b=void 0===I||I,E=h.minDate,B=void 0===E?void 0:E,O=h.maxDate,P=void 0===O?void 0:O,V=h.onChange,w=h.placement,x=void 0===w?void 0:w,F=h.value,R=e(h,["formatValue","defaultOpen","keepInView","lockScrollWhileOpen","minDate","maxDate","onChange","placement","value"]),S=f("dateField",R),K=S.calendarProps;S.color;var M=S.popoverProps;S.sizes,S.thickness,S.trackColor;var q=e(S,["calendarProps","color","popoverProps","sizes","thickness","trackColor"]),z=n(j),T=z[0],W=z[1],G=p("datefield"),A=t(null),N=t(null),_=a((function(){var e,o=null===(e=N.current)||void 0===e?void 0:e.querySelector("input");(null==o?void 0:o.focus)&&o.focus()}),[]),H=a((function(){q.disabled||W(!0)}),[q.disabled]),J=a((function(){W(!1)}),[]),L=a((function(e){return!!e&&(!(B&&e<B)&&!(P&&e>P))}),[B,P]),Q=C({date:F,dateFormat:k,dateValidator:L,onChange:V}),U=Q.formattedDate,X=Q.setDate,Y=Q.clearKeyBuffer,Z=Q.invalidKeyBuffer,$=a((function(e){_(),X(e),J()}),[_,X,J]),ee=a((function(e){X(e)}),[X]),oe=v({date:F,calendarIsOpen:T,closeCalendar:J,openCalendar:H,onChange:X}),re=a((function(e){X(e.currentTarget.value)}),[X]),ne=a((function(){Y(),J()}),[Y,J]),te=l((function(){return Z?{color:"error-darker",backgroundColor:"error-lighter"}:{}}),[Z]);return r.createElement(u,{onBlur:ne},(function(e){var n=e.requestBlur,t=e.setRef;return r.createElement(m,o({},M,{ref:function(e){A.current=e},as:i,elevation:2,innerRef:function(e){A.current=e,t("".concat(G,"-popover"))(e)},keepInView:y,lockScrollWhileOpen:b,onBlur:n,onRequestClose:J,open:T,placement:x,tabIndex:-1,anchorElement:r.createElement(s,o({innerRef:function(e){N.current=e,t("".concat(G,"-input"))(e)},onBlur:n,onFocus:H,onChange:re,onKeyDown:oe,value:U,renderRight:r.createElement(d,{name:"general.calendar",color:"foregroundTertiary",onClick:H})},te,q))}),r.createElement(c,o({size:"sm"},K,{date:F,selected:F,minDate:B,maxDate:P,onDateSelect:$,onDateChange:ee})))}))}export{h as default};
+import{__rest as e,__assign as o}from'./../ext/tslib/tslib.es6.js';import r,{useState as n,useRef as t,useCallback as a,useMemo as l}from"react";import i from"../Calendar/Calendar.js";import{Card as c}from"../Card/Card.js";import u from"../FocusGroup/FocusGroup.js";import d from"../Icon/Icon.js";import s from"../Input/Input.js";import{Popover as m}from"../Popover/Popover.js";import{useThemeProps as p}from"../system/utils.js";import{generateId as f}from"../utils.js";import{useArrowKeysToNavigateCalendar as v}from"./useArrowKeysToNavigateCalendar.js";import{useEditableDate as C}from"./useEditableDate.js";function h(h){var g=h.formatValue,k=void 0===g?"MMMM dd, yyyy":g,D=h.defaultOpen,j=void 0!==D&&D,y=h.keepInView,I=h.lockScrollWhileOpen,b=void 0===I||I,E=h.minDate,B=void 0===E?void 0:E,O=h.maxDate,P=void 0===O?void 0:O,V=h.onChange,w=h.placement,x=void 0===w?void 0:w,F=h.value,R=e(h,["formatValue","defaultOpen","keepInView","lockScrollWhileOpen","minDate","maxDate","onChange","placement","value"]),S=p("dateField",R),K=S.calendarProps;S.color;var M=S.popoverProps;S.sizes,S.thickness,S.trackColor;var q=e(S,["calendarProps","color","popoverProps","sizes","thickness","trackColor"]),z=n(j),T=z[0],W=z[1],G=f("datefield"),A=t(null),N=t(null),_=a((function(){var e,o=null===(e=N.current)||void 0===e?void 0:e.querySelector("input");(null==o?void 0:o.focus)&&o.focus()}),[]),H=a((function(){q.disabled||W(!0)}),[q.disabled]),J=a((function(){W(!1)}),[]),L=a((function(e){return!!e&&(!(B&&e<B)&&!(P&&e>P))}),[B,P]),Q=C({date:F,dateFormat:k,dateValidator:L,onChange:V}),U=Q.formattedDate,X=Q.setDate,Y=Q.clearKeyBuffer,Z=Q.invalidKeyBuffer,$=a((function(e){_(),X(e),J()}),[_,X,J]),ee=a((function(e){X(e)}),[X]),oe=v({calendarIsOpen:T,closeCalendar:J,date:F,onChange:X,openCalendar:H}),re=a((function(e){X(e.currentTarget.value)}),[X]),ne=a((function(){Y(),J()}),[Y,J]),te=l((function(){return Z?{backgroundColor:"error-lighter",color:"error-darker"}:{}}),[Z]);return r.createElement(u,{onBlur:ne},(function(e){var n=e.requestBlur,t=e.setRef;return r.createElement(m,o({},M,{ref:function(e){A.current=e},as:c,elevation:2,innerRef:function(e){A.current=e,t("".concat(G,"-popover"))(e)},keepInView:y,lockScrollWhileOpen:b,onBlur:n,onRequestClose:J,open:T,placement:x,tabIndex:-1,anchorElement:r.createElement(s,o({innerRef:function(e){N.current=e,t("".concat(G,"-input"))(e)},onBlur:n,onFocus:H,onChange:re,onKeyDown:oe,value:U,renderRight:r.createElement(d,{name:"general.calendar",color:"foregroundTertiary",onClick:H})},te,q))}),r.createElement(i,o({size:"sm"},K,{date:F,selected:F,minDate:B,maxDate:P,onDateSelect:$,onDateChange:ee})))}))}export{h as default};
 //# sourceMappingURL=DateField.js.map

package/dist/DateField/parse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"parse.d.ts","sourceRoot":"","sources":["../../src/DateField/parse.ts"],"names":[],"mappings":"AAIA,UAAU,MAAM;IAId,IAAI,EAAE,MAAM,CAAA;IAQZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,SAAS,qBAAsB,MAAM,KAAG,IAAI,GAAG,IAO3D,CAAA;AAED,eAAO,MAAM,WAAW,SAAU,MAAM,YAEvC,CAAA;AAED,eAAO,MAAM,UAAU,gBAAiB,MAAM,KAAG,MA4BhD,CAAA"}
+{"version":3,"file":"parse.d.ts","sourceRoot":"","sources":["../../src/DateField/parse.ts"],"names":[],"mappings":"AAIA,UAAU,MAAM;IAId,IAAI,EAAE,MAAM,CAAA;IAQZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,SAAS,qBAAsB,MAAM,KAAG,IAAI,GAAG,IAO3D,CAAA;AAED,eAAO,MAAM,WAAW,SAAU,MAAM,YAEvC,CAAA;AAED,eAAO,MAAM,UAAU,gBAAiB,MAAM,KAAG,MA+BhD,CAAA"}

package/dist/DateField/parse.js

@@ -1,2 +1,2 @@
-var r=/^(0?[1-9]|1[0-2]|(?:(?:jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)[a-z]*))(?:-|\/|\s)(0?[1-9]|[1-2][0-9]|3[0-1])(?:-|\/|,\s)(\d{4})$/i,a=/^(0?[1-9]|[1-2][0-9]|3[0-1])(?:-|\/|\s)(0?[1-9]|1[0-2]|(?:(?:jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)[a-z]*))(?:-|\/|,\s)(\d{4})$/i,e=/^(\d{4})[-/](0?[1-9]|1[0-2])[-/](0?[1-9]|[1-2][0-9]|3[0-1])$/,t=function(r){var a=r.date,e=r.format;try{var t=o(a,e),n=t.year,s=t.month,c=t.day;return new Date(n,s-1,c)}catch(r){return null}},n=function(r){var a={jan:1,feb:2,mar:3,apr:4,may:5,jun:6,jul:7,aug:8,sep:9,oct:10,nov:11,dec:12},e=r.toLowerCase().replace(/^0/,"").slice(0,3);if(/^\d+$/.test(e)){var t=parseInt(e,10);if(t>=1&&t<=12)return t}else if(e in a)return a[e];throw new Error("Invalid month string: ".concat(r))},o=function(t,o){if((null==o?void 0:o.match(/d.*M/))&&a.test(t)){var s=a.exec(t),c=s[1],u=s[2],d=s[3];return{year:parseInt(d,10),month:n(u),day:parseInt(c,10)}}if(r.test(t)){var i=r.exec(t);u=i[1],c=i[2],d=i[3];return{year:parseInt(d,10),month:n(u),day:parseInt(c,10)}}if(e.test(t)){var p=e.exec(t);d=p[1],u=p[2],c=p[3];return{year:parseInt(d,10),month:n(u),day:parseInt(c,10)}}throw new Error("Invalid date: ".concat(t))};export{t as parseDate,n as parseMonth};
+var r=/^(0?[1-9]|1[0-2]|(?:(?:jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)[a-z]*))(?:-|\/|\s)(0?[1-9]|[1-2][0-9]|3[0-1])(?:-|\/|,\s)(\d{4})$/i,a=/^(0?[1-9]|[1-2][0-9]|3[0-1])(?:-|\/|\s)(0?[1-9]|1[0-2]|(?:(?:jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)[a-z]*))(?:-|\/|,\s)(\d{4})$/i,e=/^(\d{4})[-/](0?[1-9]|1[0-2])[-/](0?[1-9]|[1-2][0-9]|3[0-1])$/,t=function(r){var a=r.date,e=r.format;try{var t=o(a,e),n=t.year,s=t.month,c=t.day;return new Date(n,s-1,c)}catch(r){return null}},n=function(r){var a={apr:4,aug:8,dec:12,feb:2,jan:1,jul:7,jun:6,mar:3,may:5,nov:11,oct:10,sep:9},e=r.toLowerCase().replace(/^0/,"").slice(0,3);if(/^\d+$/.test(e)){var t=parseInt(e,10);if(t>=1&&t<=12)return t}else if(e in a)return a[e];throw new Error("Invalid month string: ".concat(r))},o=function(t,o){if((null==o?void 0:o.match(/d.*M/))&&a.test(t)){var s=a.exec(t),c=s[1],u=s[2],d=s[3];return{day:parseInt(c,10),month:n(u),year:parseInt(d,10)}}if(r.test(t)){var i=r.exec(t);u=i[1],c=i[2],d=i[3];return{day:parseInt(c,10),month:n(u),year:parseInt(d,10)}}if(e.test(t)){var p=e.exec(t);d=p[1],u=p[2],c=p[3];return{day:parseInt(c,10),month:n(u),year:parseInt(d,10)}}throw new Error("Invalid date: ".concat(t))};export{t as parseDate,n as parseMonth};
 //# sourceMappingURL=parse.js.map

package/dist/DateField/useArrowKeysToNavigateCalendar.d.ts

@@ -1,9 +1,9 @@
 interface Props {
-    date: Date;
     calendarIsOpen: boolean;
-    openCalendar: () => void;
     closeCalendar: () => void;
+    date: Date;
     onChange: (date: Date) => void;
+    openCalendar: () => void;
 }
 export declare const useArrowKeysToNavigateCalendar: ({ date, calendarIsOpen, closeCalendar, openCalendar, onChange, }: Props) => (event: React.KeyboardEvent<HTMLInputElement>) => void;
 export {};

package/dist/DateField/useArrowKeysToNavigateCalendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useArrowKeysToNavigateCalendar.d.ts","sourceRoot":"","sources":["../../src/DateField/useArrowKeysToNavigateCalendar.ts"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,IAAI,EAAE,IAAI,CAAA;IACV,cAAc,EAAE,OAAO,CAAA;IACvB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CAC/B;AAED,eAAO,MAAM,8BAA8B,qEAMxC,KAAK,aAaI,mBAAmB,CAAC,gBAAgB,CAAC,SA6BhD,CAAA"}
+{"version":3,"file":"useArrowKeysToNavigateCalendar.d.ts","sourceRoot":"","sources":["../../src/DateField/useArrowKeysToNavigateCalendar.ts"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,cAAc,EAAE,OAAO,CAAA;IACvB,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,IAAI,EAAE,IAAI,CAAA;IACV,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAC9B,YAAY,EAAE,MAAM,IAAI,CAAA;CACzB;AAED,eAAO,MAAM,8BAA8B,qEAMxC,KAAK,aAaI,mBAAmB,CAAC,gBAAgB,CAAC,SA6BhD,CAAA"}

package/dist/DateField/useEditableDate.d.ts

@@ -4,11 +4,11 @@ interface Params {
     dateValidator: (date: Date) => boolean;
     onChange: (date: Date) => void;
 }
-export declare const useEditableDate: ({ date, dateFormat, dateValidator, onChange }: Params) => {
-    formattedDate: string;
-    setDate: (date: Date | string) => void;
+export declare const useEditableDate: ({ date, dateFormat, dateValidator, onChange, }: Params) => {
     clearKeyBuffer: () => void;
+    formattedDate: string;
     invalidKeyBuffer: boolean;
+    setDate: (date: Date | string) => void;
 };
 export {};
 //# sourceMappingURL=useEditableDate.d.ts.map

package/dist/DateField/useEditableDate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useEditableDate.d.ts","sourceRoot":"","sources":["../../src/DateField/useEditableDate.ts"],"names":[],"mappings":"AAIA,UAAU,MAAM;IAId,IAAI,EAAE,IAAI,CAAA;IAKV,UAAU,EAAE,MAAM,CAAA;IAKlB,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAA;IAKtC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CAC/B;AAED,eAAO,MAAM,eAAe,kDAAmD,MAAM;;oBA4B1E,IAAI,GAAG,MAAM;;;CA0BvB,CAAA"}
+{"version":3,"file":"useEditableDate.d.ts","sourceRoot":"","sources":["../../src/DateField/useEditableDate.ts"],"names":[],"mappings":"AAKA,UAAU,MAAM;IAId,IAAI,EAAE,IAAI,CAAA;IAKV,UAAU,EAAE,MAAM,CAAA;IAKlB,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAA;IAKtC,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CAC/B;AAED,eAAO,MAAM,eAAe,mDAKzB,MAAM;;;;oBA4BE,IAAI,GAAG,MAAM;CA0BvB,CAAA"}

package/dist/DateField/useEditableDate.js

@@ -1,2 +1,2 @@
-import{useState as t,useMemo as r,useCallback as a}from"react";import{format as e}from"date-fns";import{parseDate as o}from"./parse.js";var f=function(f){var n=f.date,i=f.dateFormat,d=f.dateValidator,m=f.onChange,u=t(),c=u[0],v=u[1],p=t(!1),s=p[0],l=p[1],y=r((function(){return void 0!==c?c:n?e(n,i):""}),[n,i,c]),g=a((function(t){v(t),t&&!d(o({date:t,format:i}))?l(!0):l(!1)}),[i,d]),B=a((function(t){var r;"string"==typeof t?(g(t),r=o({date:t,format:i})):(g(void 0),r=t),d(r)&&m&&m(r)}),[m,g,d,i]);return{formattedDate:y,setDate:B,clearKeyBuffer:a((function(){g(void 0)}),[]),invalidKeyBuffer:s}};export{f as useEditableDate};
+import{format as t}from"date-fns";import{useState as r,useMemo as a,useCallback as e}from"react";import{parseDate as o}from"./parse.js";var f=function(f){var n=f.date,i=f.dateFormat,d=f.dateValidator,m=f.onChange,u=r(),c=u[0],v=u[1],p=r(!1),s=p[0],l=p[1],y=a((function(){return void 0!==c?c:n?t(n,i):""}),[n,i,c]),g=e((function(t){v(t),t&&!d(o({date:t,format:i}))?l(!0):l(!1)}),[i,d]),B=e((function(t){var r;"string"==typeof t?(g(t),r=o({date:t,format:i})):(g(void 0),r=t),d(r)&&m&&m(r)}),[m,g,d,i]);return{clearKeyBuffer:e((function(){g(void 0)}),[]),formattedDate:y,invalidKeyBuffer:s,setDate:B}};export{f as useEditableDate};
 //# sourceMappingURL=useEditableDate.js.map

package/dist/Dialog/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,MAAM,MAAM,WAAW,GAAG;IAIxB,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IAK9B,UAAU,CAAC,EAAE,MAAM,CAAA;IAKnB,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAA;IAKpD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAK1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IAKzB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAK3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAK3B,UAAU,CAAC,EAAE,OAAO,CAAA;IAKpB,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAKjB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAaD,eAAO,MAAM,MAAM,sKAchB,WAAW,KAAG,WAoEhB,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,MAAM,MAAM,WAAW,GAAG;IAIxB,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IAK9B,UAAU,CAAC,EAAE,MAAM,CAAA;IAKnB,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAA;IAKpD,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAK1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IAKzB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAK3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAK3B,UAAU,CAAC,EAAE,OAAO,CAAA;IAKpB,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAKjB,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAaD,eAAO,MAAM,MAAM,sKAchB,WAAW,KAAG,WAoEhB,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/Dialog/Dialog.js

@@ -1,2 +1,2 @@
-import{jsx as i}from"@emotion/react";import o from"../Button/Button.js";import{StackView as e}from"../StackView/StackView.js";import t from"../Heading/Heading.js";import{Divider as n}from"../Divider/Divider.js";import{Box as r}from"../Box/Box.js";var a={padding:0,minWidth:"400px",borderRadius:"8px",border:"none",boxShadow:"0px 0px 20px 0px hsla(0, 0%, 0%, 0.15)","&::backdrop":{backgroundColor:"rgba(0, 0, 0, 0.4)"}},l=function(l){var d=l.body,c=l.cancelText,s=void 0===c?"Cancel":c,p=l.confirmText,u=void 0===p?"Done":p,g=l.destroyText,m=void 0===g?"Delete":g,x=l.dialogRef,v=l.onCancelClick,f=void 0===v?function(){return x.current.close()}:v,h=l.onCloseClick,C=void 0===h?function(){return x.current.close()}:h,k=l.onConfirmClick,b=void 0===k?function(){return x.current.close()}:k,w=l.onDestroyClick,y=void 0===w?function(){return x.current.close()}:w,z=l.showCancel,D=void 0!==z&&z,H=l.showDestroy,j=void 0!==H&&H,S=l.subtitle,B=void 0===S?"":S,T=l.title;return i("dialog",{ref:x,css:a},i(r,{paddingTop:3,paddingHorizontal:4},i(e,{axis:"horizontal",distribution:"space-between"},i(t,{level:1,margin:0,fontSize:"25px",lineHeight:"35px",weight:500},T),i(o,{title:"Close",icon:{name:"general.x",color:"grey-7"},radius:"circle",height:4,width:4,variant:"naked",onClick:C})),B&&i(t,{level:2,fontSize:"16px",lineHeight:"26px",weight:500,color:"grey-8"},B)),i(r,{padding:4},d),i(n,null),i(r,{paddingVertical:3,paddingHorizontal:4},i(e,{axis:"horizontal",distribution:"space-between"},j?i(o,{onClick:y,title:m,theme:"error",variant:"outline"}):i(r,null),i(e,{axis:"horizontal",spacing:2},D&&i(o,{title:s,variant:"naked",onClick:f}),i(o,{title:u,onClick:b,theme:"primary"})))))};export{l as Dialog,l as default};
+import{jsx as i}from"@emotion/react";import{Box as o}from"../Box/Box.js";import{Button as e}from"../Button/Button.js";import{Divider as t}from"../Divider/Divider.js";import n from"../Heading/Heading.js";import{StackView as r}from"../StackView/StackView.js";var a={"&::backdrop":{backgroundColor:"rgba(0, 0, 0, 0.4)"},border:"none",borderRadius:"8px",boxShadow:"0px 0px 20px 0px hsla(0, 0%, 0%, 0.15)",minWidth:"400px",padding:0},l=function(l){var d=l.body,c=l.cancelText,s=void 0===c?"Cancel":c,p=l.confirmText,u=void 0===p?"Done":p,g=l.destroyText,m=void 0===g?"Delete":g,x=l.dialogRef,v=l.onCancelClick,f=void 0===v?function(){return x.current.close()}:v,h=l.onCloseClick,C=void 0===h?function(){return x.current.close()}:h,k=l.onConfirmClick,b=void 0===k?function(){return x.current.close()}:k,w=l.onDestroyClick,y=void 0===w?function(){return x.current.close()}:w,z=l.showCancel,D=void 0!==z&&z,H=l.showDestroy,j=void 0!==H&&H,S=l.subtitle,B=void 0===S?"":S,T=l.title;return i("dialog",{ref:x,css:a},i(o,{paddingTop:3,paddingHorizontal:4},i(r,{axis:"horizontal",distribution:"space-between"},i(n,{level:1,margin:0,fontSize:"25px",lineHeight:"35px",weight:500},T),i(e,{title:"Close",icon:{color:"grey-7",name:"general.x"},radius:"circle",height:4,width:4,variant:"naked",onClick:C})),B&&i(n,{level:2,fontSize:"16px",lineHeight:"26px",weight:500,color:"grey-8"},B)),i(o,{padding:4},d),i(t,null),i(o,{paddingVertical:3,paddingHorizontal:4},i(r,{axis:"horizontal",distribution:"space-between"},j?i(e,{onClick:y,title:m,theme:"error",variant:"outline"}):i(o,null),i(r,{axis:"horizontal",spacing:2},D&&i(e,{title:s,variant:"naked",onClick:f}),i(e,{title:u,onClick:b,theme:"primary"})))))};export{l as Dialog,l as default};
 //# sourceMappingURL=Dialog.js.map

package/dist/Divider/Divider.js

@@ -1,2 +1,2 @@
-import{__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import i from"react";import{Box as t}from"../Box/Box.js";function a(a){var e=a.axis,n=void 0===e?"horizontal":e,l=a.color,s=void 0===l?"separatorTertiary":l,m=a.margin,d=void 0===m?0:m,c=a.size,g=void 0===c?1:c,p=o(a,["axis","color","margin","size"]),x={as:"div",alignSelf:"stretch",backgroundColor:s};return"horizontal"===n?(x.height=g+"px",x.marginVertical=d):(x.width=g+"px",x.marginHorizontal=d),i.createElement(t,r({},x,p))}export{a as Divider};
+import{__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import i from"react";import{Box as t}from"../Box/Box.js";function a(a){var e=a.axis,n=void 0===e?"horizontal":e,l=a.color,s=void 0===l?"separatorTertiary":l,m=a.margin,d=void 0===m?0:m,c=a.size,g=void 0===c?1:c,p=o(a,["axis","color","margin","size"]),x={alignSelf:"stretch",as:"div",backgroundColor:s};return"horizontal"===n?(x.height=g+"px",x.marginVertical=d):(x.width=g+"px",x.marginHorizontal=d),i.createElement(t,r({},x,p))}export{a as Divider};
 //# sourceMappingURL=Divider.js.map

package/dist/DragDrop/DragDrop.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode, ComponentProps } from 'react';
 import * as RBDND from '@planningcenter/react-beautiful-dnd';
+import { ComponentProps, ReactNode } from 'react';
 type ProviderProps = ComponentProps<typeof RBDND.DragDropContext> & {
     children: ReactNode;
 };
@@ -25,9 +25,9 @@ declare function StaticList({ children, variants: _variants, id, ...props }: {
     id: any;
 }): JSX.Element;
 declare const _default: {
-    Provider: typeof Provider;
-    Droppable: typeof Droppable;
     Draggable: typeof Draggable;
+    Droppable: typeof Droppable;
+    Provider: typeof Provider;
     StaticList: typeof StaticList;
     useDragDrop: typeof useDragDrop;
 };

package/dist/DragDrop/DragDrop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DragDrop.d.ts","sourceRoot":"","sources":["../../src/DragDrop/DragDrop.tsx"],"names":[],"mappings":"AAAA,OAAc,EAOZ,SAAS,EACT,cAAc,EACf,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,KAAK,MAAM,qCAAqC,CAAA;AAO5D,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,eAAe,CAAC,GAAG;IAClE,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,SAAS,CAAC,GAAG;IAC7D,WAAW,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,SAAS,CAAC,GAAG;IAC7D,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,WAAW,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,SAAS,CAAA;CAC9B,CAAA;AAgBD,iBAAS,WAAW,YAGnB;AAED,iBAAS,QAAQ,CAAC,EAChB,WAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAiD7B;AAED,iBAAS,SAAS,CAAC,EACjB,QAAQ,EACR,UAAU,EACV,WAAW,EACX,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACT,EAAE,cAAc,eA4ChB;AAED,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,eAuB3E;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE;;;;;CAAA,eA2ClE;;;;;;;;AAED,wBAMC"}
+{"version":3,"file":"DragDrop.d.ts","sourceRoot":"","sources":["../../src/DragDrop/DragDrop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,qCAAqC,CAAA;AAE5D,OAAc,EAEZ,cAAc,EAId,SAAS,EAGV,MAAM,OAAO,CAAA;AAOd,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,eAAe,CAAC,GAAG;IAClE,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,SAAS,CAAC,GAAG;IAC7D,WAAW,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,KAAK,cAAc,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,SAAS,CAAC,GAAG;IAC7D,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,WAAW,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,SAAS,CAAA;CAC9B,CAAA;AAgBD,iBAAS,WAAW,YAGnB;AAED,iBAAS,QAAQ,CAAC,EAChB,WAAW,EACX,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAiD7B;AAED,iBAAS,SAAS,CAAC,EACjB,QAAQ,EACR,UAAU,EACV,WAAW,EACX,SAAS,EACT,MAAM,EACN,GAAG,KAAK,EACT,EAAE,cAAc,eA4ChB;AAED,iBAAS,SAAS,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,eAuB3E;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE;;;;;CAAA,eA2ClE;;;;;;;;AAED,wBAMC"}

package/dist/DragDrop/DragDrop.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import n,{createContext as t,useContext as a,useEffect as o,Fragment as i,Children as d,createElement as l}from"react";import{createPortal as c}from"react-dom";import*as u from"@planningcenter/react-beautiful-dnd";import p from"mitt";import{getThemeDataAttribute as s}from"../ThemeProvider/styles.js";import{useThemeValue as g}from"../system/utils.js";import{StackView as f}from"../StackView/StackView.js";var m=t(!1),D=t(!1),b=p(),v={},E=null,y=0;function h(){return a(m)}function I(t){var a=t.children,i=t.sourceOnly,d=t.onDragStart,l=t.onDragEnd,c=t.onDrop,p=e(t,["children","sourceOnly","onDragStart","onDragEnd","onDrop"]);return o((function(){function e(e){d&&e.source.droppableId===p.droppableId&&d(e)}return b.on("dragStart",e),function(){b.off("dragStart",e)}}),[d]),o((function(){function e(e){l&&e.source.droppableId===p.droppableId&&l(e),c&&e.destination&&e.destination.droppableId===p.droppableId&&c(e)}return b.on("dragEnd",e),function(){b.off("dragEnd",e)}}),[l,c]),n.createElement(D.Provider,{value:i},n.createElement(u.Droppable,r({isDropDisabled:i},p),(function(e,r){return i&&(e.placeholder=n.createElement("div",{style:{display:"none"}},e.placeholder)),a(e,r)})))}function S(t){var d=t.children,l=t.placeholder,p=t.data,s=e(t,["children","placeholder","data"]),g=a(D);return o((function(){return function(e,r){return v[e]=r,function(){delete v[e]}}(s.draggableId,p)}),[p]),n.createElement(u.Draggable,r({},s),(function(e,r){g&&(e.draggableProps.style=r.isDragging?e.draggableProps.style:{transform:"none",transition:"none"});var t=d(e,r);return r.isDragging?n.createElement(i,null,c(t,E),g&&l&&l()):t}))}var P={Provider:function(t){var a=t.onDragStart,i=t.onDragEnd,d=e(t,["onDragStart","onDragEnd"]),l=h(),c=g("id");return"undefined"!=typeof document&&null===E&&((E=document.createElement("div")).id="rbd-portal",E.className="tapestry-react-reset",E.setAttribute(s(c),"true"),document.body.appendChild(E)),o((function(){return y+=1,function(){0===(y-=1)&&(E=null)}}),[]),l?d.children:n.createElement(m.Provider,{value:!0},n.createElement(u.DragDropContext,r({onDragStart:function(e){var n=r(r({},e),{data:v[e.draggableId]||null});b.emit("dragStart",n),a&&a(n)},onDragEnd:function(e){var n=r(r({},e),{data:v[e.draggableId]||null});b.emit("dragEnd",n),i&&i(n)}},d)))},Droppable:I,Draggable:S,StaticList:function(t){var a=t.children,o=t.variants,c=t.id,u=e(t,["children","variants","id"]),p=r({item:function(e){return e},placeholder:{opacity:.5}},o);return n.createElement(I,{droppableId:c,isDropDisabled:!0},(function(t){return n.createElement(f,r({innerRef:t.innerRef},u),d.map(a,(function(t,a){var o=t.props,d=o.id,c=e(o,["id"]);return n.createElement(S,{key:t.key,draggableId:d,index:a},(function(e,a){return n.createElement(i,null,l(t.type,r(r(r(r({},c),e.draggableProps),e.dragHandleProps),{innerRef:e.innerRef,style:p.item(a.isDragging?e.draggableProps.style:{transform:"none",transition:"none"},a)})),a.isDragging&&l(t.type,r(r({},c),p.placeholder)))}))})),n.createElement("div",{style:{display:"none"}},t.placeholder))}))},useDragDrop:h};export{P as default};
+import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import*as n from"@planningcenter/react-beautiful-dnd";import t from"mitt";import a,{createContext as o,useContext as i,useEffect as d,Fragment as l,Children as c,createElement as u}from"react";import{createPortal as p}from"react-dom";import{StackView as s}from"../StackView/StackView.js";import{useThemeValue as g}from"../system/utils.js";import{getThemeDataAttribute as f}from"../ThemeProvider/styles.js";var m=o(!1),D=o(!1),b=t(),v={},E=null,y=0;function h(){return i(m)}function I(t){var o=t.children,i=t.sourceOnly,l=t.onDragStart,c=t.onDragEnd,u=t.onDrop,p=e(t,["children","sourceOnly","onDragStart","onDragEnd","onDrop"]);return d((function(){function e(e){l&&e.source.droppableId===p.droppableId&&l(e)}return b.on("dragStart",e),function(){b.off("dragStart",e)}}),[l]),d((function(){function e(e){c&&e.source.droppableId===p.droppableId&&c(e),u&&e.destination&&e.destination.droppableId===p.droppableId&&u(e)}return b.on("dragEnd",e),function(){b.off("dragEnd",e)}}),[c,u]),a.createElement(D.Provider,{value:i},a.createElement(n.Droppable,r({isDropDisabled:i},p),(function(e,r){return i&&(e.placeholder=a.createElement("div",{style:{display:"none"}},e.placeholder)),o(e,r)})))}function S(t){var o=t.children,c=t.placeholder,u=t.data,s=e(t,["children","placeholder","data"]),g=i(D);return d((function(){return function(e,r){return v[e]=r,function(){delete v[e]}}(s.draggableId,u)}),[u]),a.createElement(n.Draggable,r({},s),(function(e,r){g&&(e.draggableProps.style=r.isDragging?e.draggableProps.style:{transform:"none",transition:"none"});var n=o(e,r);return r.isDragging?a.createElement(l,null,p(n,E),g&&c&&c()):n}))}var P={Draggable:S,Droppable:I,Provider:function(t){var o=t.onDragStart,i=t.onDragEnd,l=e(t,["onDragStart","onDragEnd"]),c=h(),u=g("id");return"undefined"!=typeof document&&null===E&&((E=document.createElement("div")).id="rbd-portal",E.className="tapestry-react-reset",E.setAttribute(f(u),"true"),document.body.appendChild(E)),d((function(){return y+=1,function(){0===(y-=1)&&(E=null)}}),[]),c?l.children:a.createElement(m.Provider,{value:!0},a.createElement(n.DragDropContext,r({onDragStart:function(e){var n=r(r({},e),{data:v[e.draggableId]||null});b.emit("dragStart",n),o&&o(n)},onDragEnd:function(e){var n=r(r({},e),{data:v[e.draggableId]||null});b.emit("dragEnd",n),i&&i(n)}},l)))},StaticList:function(n){var t=n.children,o=n.variants,i=n.id,d=e(n,["children","variants","id"]),p=r({item:function(e){return e},placeholder:{opacity:.5}},o);return a.createElement(I,{droppableId:i,isDropDisabled:!0},(function(n){return a.createElement(s,r({innerRef:n.innerRef},d),c.map(t,(function(n,t){var o=n.props,i=o.id,d=e(o,["id"]);return a.createElement(S,{key:n.key,draggableId:i,index:t},(function(e,t){return a.createElement(l,null,u(n.type,r(r(r(r({},d),e.draggableProps),e.dragHandleProps),{innerRef:e.innerRef,style:p.item(t.isDragging?e.draggableProps.style:{transform:"none",transition:"none"},t)})),t.isDragging&&u(n.type,r(r({},d),p.placeholder)))}))})),a.createElement("div",{style:{display:"none"}},n.placeholder))}))},useDragDrop:h};export{P as default};
 //# sourceMappingURL=DragDrop.js.map

package/dist/Dropdown/Dropdown.d.ts

@@ -1,48 +1,45 @@
+import { Placement } from '@popperjs/core';
 import React, { Component, ComponentProps, KeyboardEventHandler, MouseEventHandler } from 'react';
 import Button from '../Button';
+import { ButtonProps } from '../Button/Button';
+import Icon from '../Icon';
 import { ItemList } from '../ItemList';
+import { StyleProps } from '../types';
 import Item from './Item';
 import Link from './Link';
-import { Placement } from '@popperjs/core';
-import { StyleProps } from '../types';
-import Icon from '../Icon';
-type Props = ComponentProps<typeof Button> & {
+type Props = {
     as?: never;
-    children?: React.ReactNode;
-    triggerElement?: React.ElementType | string | React.ComponentClass<any, any> | React.FunctionComponent<any>;
-    icon?: {
-        name: string;
-    };
-    innerRef?: any;
     closeOnSelect?: boolean;
-    forceOpen?: boolean;
     defaultOpen?: boolean;
-    onOpen?: () => void;
+    fontSize?: StyleProps['fontSize'];
+    fontWeight?: StyleProps['fontWeight'];
+    forceOpen?: boolean;
+    iconLeft?: string | ComponentProps<typeof Icon>;
+    innerRef?: any;
+    keepInView?: boolean;
+    lockScrollWhileOpen?: boolean;
+    matchWidths?: boolean | 'minimum';
     onClick?: MouseEventHandler;
     onClose?: () => void;
     onKeyDown?: KeyboardEventHandler;
+    onOpen?: () => void;
     onSearch?: (event: KeyboardEvent) => void;
     onSelect?: (data: any) => void;
-    keepInView?: boolean;
-    lockScrollWhileOpen?: boolean;
-    matchWidths?: boolean | 'minimum';
-    placement?: Placement;
-    renderTo?: HTMLElement | string;
-    popoverProps?: object;
-    fontSize?: StyleProps['fontSize'];
-    fontWeight?: StyleProps['fontWeight'];
-    iconLeft?: string | ComponentProps<typeof Icon>;
     paddingLeft?: StyleProps['paddingLeft'];
     paddingVertical?: StyleProps['paddingVertical'];
+    placement?: Placement;
+    popoverProps?: object;
+    renderTo?: HTMLElement | string;
     spinner?: boolean;
-    theme?: string | false;
-    title?: string;
+    title?: JSX.Element | string;
     tooltip?: {
         title: string;
     };
+    triggerElement?: React.ReactElement | React.ElementType | string | React.ComponentClass<any, any> | React.FunctionComponent<any>;
     variant?: string;
 };
-declare class Dropdown extends Component<Props, {
+type DropdownProps = Omit<ButtonProps, keyof Props | 'ref'> & Props;
+declare class Dropdown extends Component<DropdownProps, {
     isPopoverOpen: boolean;
     preventBlur: boolean;
 }> {
@@ -54,9 +51,9 @@ declare class Dropdown extends Component<Props, {
         focusAnchor: () => void;
     };
     static defaultProps: {
-        triggerElement: React.FunctionComponent<any>;
         closeOnSelect: boolean;
         defaultOpen: boolean;
+        triggerElement: typeof Button;
     };
     constructor(props: Props);
     openPopover: () => void;

package/dist/Dropdown/Dropdown.d.ts.map

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

package/dist/Dropdown/Dropdown.js

@@ -1,2 +1,2 @@
-import{__extends as e,__rest as o,__assign as n}from'./../ext/tslib/tslib.es6.js';import t,{cloneElement as r,createElement as i,Component as l}from"react";import p from"../Button/Button.js";import a from"../FocusGroup/FocusGroup.js";import c from"../ItemList/ItemList.js";import u from"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import s from"../Menu/Menu.js";import{Popover as f}from"../Popover/Popover.js";import{generateId as m,cloneChildren as d}from"../utils.js";import v,{ITEM_DISPLAY_NAME as b}from"./Item.js";import g,{LINK_DISPLAY_NAME as h}from"./Link.js";var O=function(l){function O(e){var o=l.call(this,e)||this;return Object.defineProperty(o,"id",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"popover",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"openPopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.props.onOpen&&o.props.onOpen(),o.setState({isPopoverOpen:!0})}}),Object.defineProperty(o,"closePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.props.onClose&&o.props.onClose(),o.props.forceOpen||o.setState({isPopoverOpen:!1})}}),Object.defineProperty(o,"togglePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.setState({preventBlur:!1}),o.state.isPopoverOpen?o.closePopover():o.openPopover()}}),Object.defineProperty(o,"handleSelect",{enumerable:!0,configurable:!0,writable:!0,value:function(e,n){var t=n.node;o.props.closeOnSelect&&(o.itemList.clearHighlightedIndex(),o.closePopover(),o.popover.focusAnchor()),"A"===t.tagName&&"click"!==event.type?t.click():o.props.onSelect&&o.props.onSelect(e)}}),o.state={isPopoverOpen:e.defaultOpen||e.forceOpen,preventBlur:!1},o.id=m("dropdown"),o}return e(O,l),Object.defineProperty(O.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,l=this.props;l.forceOpen,l.closeOnSelect;var p=l.children;l.as,l.defaultOpen;var m=l.innerRef,v=l.keepInView,g=l.lockScrollWhileOpen,O=l.matchWidths,P=l.onClick;l.onClose,l.onKeyDown,l.onOpen;var w=l.onSearch,y=l.placement,j=l.popoverProps,I=l.renderTo,S=l.triggerElement,k=o(l,["forceOpen","closeOnSelect","children","as","defaultOpen","innerRef","keepInView","lockScrollWhileOpen","matchWidths","onClick","onClose","onKeyDown","onOpen","onSearch","placement","popoverProps","renderTo","triggerElement"]),B=this.state.isPopoverOpen,R=!k.icon&&!k.title,C=-1;return t.createElement(a,{onBlur:this.closePopover},(function(o){var l=o.requestBlur,a=o.setRef;return t.createElement(c,{ref:function(o){return e.itemList=o},onSelect:e.handleSelect},(function(o){var c=o.getItemByText,L=o.moveHighlightedIndex,x=o.selectHighlightedItem,D=o.setHighlightedIndex,E=o.stringSearch;return t.createElement(f,n({},j,{as:s,ref:function(o){e.popover=o},innerRef:function(o){a("".concat(e.id,"-popover"))(o)},role:"menu",tabIndex:-1,elevation:2,display:Boolean(k.spinner)?"none":void 0,onBlur:l,matchWidths:O,keepInView:v,lockScrollWhileOpen:g,placement:y,renderTo:I,open:B,onRequestClose:function(){e.closePopover(),e.popover.focusAnchor()},anchorElement:function(o){return t.createElement(u,null,(function(p){var u,s=p.getHighlightedItemId,f=n(((u={innerRef:function(n){"function"==typeof o.innerRef?o.innerRef(n):o.innerRef&&o.innerRef.current&&(o.innerRef.current=n),a("".concat(e.id,"-button"))(n),m&&m(n)},"aria-activedescendant":s(),"aria-owns":s(),"aria-haspopup":!0,"aria-expanded":B})[R?"icon":"iconRight"]={name:B?"general.upCaret":"general.downCaret",size:"sm"},u.title=R?"arrow down":k.title,u.tabIndex=0,u.cursor=k.disabled?"not-allowed":"pointer",u.onBlur=function(o){e.state.preventBlur?e.setState({preventBlur:!1}):l(o)},u.onClick=function(o){e.togglePopover(),B||e.popover.focusAnchor(),P&&P(o)},u.onKeyDown=function(n){switch(o.onKeyDown(n),n.key){case"ArrowUp":n.preventDefault(),B?L(-1):(e.openPopover(),setTimeout((function(){L(-1)})));break;case"ArrowDown":n.preventDefault(),B?L(1):(e.openPopover(),setTimeout((function(){L(1)})));break;case"Enter":B&&(n.preventDefault(),x());break;case" ":n.preventDefault(),e.togglePopover();break;default:w?w(n):E(n).then((function(e){var o=c(e);o&&D(o.props.index)}))}},u.onMouseDown=function(){e.setState({preventBlur:!0})},u),k);return t.isValidElement(S)?r(S,f):i(S,f)}))}}),d(p,(function(e){return e.type.displayName===b||e.type.displayName===h?{index:++C}:{}})))}))}))}}),Object.defineProperty(O,"Item",{enumerable:!0,configurable:!0,writable:!0,value:v}),Object.defineProperty(O,"Link",{enumerable:!0,configurable:!0,writable:!0,value:g}),Object.defineProperty(O,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{triggerElement:p,closeOnSelect:!0,defaultOpen:!1}}),O}(l);export{O as default};
+import{__extends as e,__rest as o,__assign as n}from'./../ext/tslib/tslib.es6.js';import t,{cloneElement as r,createElement as i,Component as l}from"react";import{Button as p}from"../Button/Button.js";import a from"../FocusGroup/FocusGroup.js";import c from"../ItemList/ItemList.js";import u from"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import s from"../Menu/Menu.js";import{Popover as f}from"../Popover/Popover.js";import{generateId as m,cloneChildren as d}from"../utils.js";import v,{ITEM_DISPLAY_NAME as b}from"./Item.js";import g,{LINK_DISPLAY_NAME as h}from"./Link.js";var O=function(l){function O(e){var o=l.call(this,e)||this;return Object.defineProperty(o,"id",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"popover",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"openPopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.props.onOpen&&o.props.onOpen(),o.setState({isPopoverOpen:!0})}}),Object.defineProperty(o,"closePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.props.onClose&&o.props.onClose(),o.props.forceOpen||o.setState({isPopoverOpen:!1})}}),Object.defineProperty(o,"togglePopover",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.setState({preventBlur:!1}),o.state.isPopoverOpen?o.closePopover():o.openPopover()}}),Object.defineProperty(o,"handleSelect",{enumerable:!0,configurable:!0,writable:!0,value:function(e,n){var t=n.node;o.props.closeOnSelect&&(o.itemList.clearHighlightedIndex(),o.closePopover(),o.popover.focusAnchor()),"A"===t.tagName&&"click"!==event.type?t.click():o.props.onSelect&&o.props.onSelect(e)}}),o.state={isPopoverOpen:e.defaultOpen||e.forceOpen,preventBlur:!1},o.id=m("dropdown"),o}return e(O,l),Object.defineProperty(O.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,l=this.props;l.forceOpen,l.closeOnSelect;var p=l.children;l.as,l.defaultOpen;var m=l.innerRef,v=l.keepInView,g=l.lockScrollWhileOpen,O=l.matchWidths,P=l.onClick;l.onClose,l.onKeyDown,l.onOpen;var w=l.onSearch,y=l.placement,j=l.popoverProps,I=l.renderTo,S=l.triggerElement,k=o(l,["forceOpen","closeOnSelect","children","as","defaultOpen","innerRef","keepInView","lockScrollWhileOpen","matchWidths","onClick","onClose","onKeyDown","onOpen","onSearch","placement","popoverProps","renderTo","triggerElement"]),B=this.state.isPopoverOpen,R=!k.icon&&!k.title,C=-1;return t.createElement(a,{onBlur:this.closePopover},(function(o){var l=o.requestBlur,a=o.setRef;return t.createElement(c,{ref:function(o){return e.itemList=o},onSelect:e.handleSelect},(function(o){var c=o.getItemByText,L=o.moveHighlightedIndex,x=o.selectHighlightedItem,D=o.setHighlightedIndex,E=o.stringSearch;return t.createElement(f,n({},j,{as:s,ref:function(o){e.popover=o},innerRef:function(o){a("".concat(e.id,"-popover"))(o)},role:"menu",tabIndex:-1,elevation:2,display:k.spinner?"none":void 0,onBlur:l,matchWidths:O,keepInView:v,lockScrollWhileOpen:g,placement:y,renderTo:I,open:B,onRequestClose:function(){e.closePopover(),e.popover.focusAnchor()},anchorElement:function(o){return t.createElement(u,null,(function(p){var u,s=p.getHighlightedItemId,f=n(((u={"aria-activedescendant":s(),"aria-expanded":B,"aria-haspopup":!0,"aria-owns":s(),cursor:k.disabled?"not-allowed":"pointer"})[R?"icon":"iconRight"]={name:B?"general.upCaret":"general.downCaret",size:"sm"},u.innerRef=function(n){"function"==typeof o.innerRef?o.innerRef(n):o.innerRef&&o.innerRef.current&&(o.innerRef.current=n),a("".concat(e.id,"-button"))(n),m&&m(n)},u.onBlur=function(o){e.state.preventBlur?e.setState({preventBlur:!1}):l(o)},u.onClick=function(o){e.togglePopover(),B||e.popover.focusAnchor(),P&&P(o)},u.onKeyDown=function(n){switch(o.onKeyDown(n),n.key){case"ArrowUp":n.preventDefault(),B?L(-1):(e.openPopover(),setTimeout((function(){L(-1)})));break;case"ArrowDown":n.preventDefault(),B?L(1):(e.openPopover(),setTimeout((function(){L(1)})));break;case"Enter":B&&(n.preventDefault(),x());break;case" ":n.preventDefault(),e.togglePopover();break;default:w?w(n):E(n).then((function(e){var o=c(e);o&&D(o.props.index)}))}},u.onMouseDown=function(){e.setState({preventBlur:!0})},u.tabIndex=0,u.title=R?"arrow down":k.title,u),k);return t.isValidElement(S)?r(S,f):i(S,f)}))}}),d(p,(function(e){return e.type.displayName===b||e.type.displayName===h?{index:++C}:{}})))}))}))}}),Object.defineProperty(O,"Item",{enumerable:!0,configurable:!0,writable:!0,value:v}),Object.defineProperty(O,"Link",{enumerable:!0,configurable:!0,writable:!0,value:g}),Object.defineProperty(O,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{closeOnSelect:!0,defaultOpen:!1,triggerElement:p}}),O}(l);export{O as default};
 //# sourceMappingURL=Dropdown.js.map