@planningcenter/tapestry-react 4.1.0-rc.1 → 4.2.0-rc.0

package/dist/ActionsDropdown/ActionsDropdown.d.ts

@@ -10,8 +10,8 @@ type ActionsDropdownProps = {
     duplicatesButtonProps?: object;
     inactive?: {
         date?: Date;
-        reason: string;
         linkProps: object;
+        reason: string;
     };
     inactiveButtonProps?: object;
     isBelowManager?: boolean;

package/dist/ActionsDropdown/ActionsDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsDropdown.d.ts","sourceRoot":"","sources":["../../src/ActionsDropdown/ActionsDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,QAAQ,MAAM,aAAa,CAAA;AAOlC,KAAK,oBAAoB,GAAG;IAE1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAG1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAG3B,UAAU,CAAC,EAAE;QAEX,MAAM,EAAE,MAAM,CAAA;QAGd,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;IAGD,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAG9B,QAAQ,CAAC,EAAE;QAET,IAAI,CAAC,EAAE,IAAI,CAAA;QAGX,MAAM,EAAE,MAAM,CAAA;QAGd,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;IAGD,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAG5B,cAAc,CAAC,EAAE,OAAO,CAAA;IAGxB,eAAe,CAAC,EAAE,OAAO,CAAA;IAGzB,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAA;CACzE,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,kBAA4D,EAC5D,UAAU,EACV,qBAKC,EACD,QAAQ,EACR,mBAGC,EACD,cAAc,EACd,eAAe,EACf,eAAe,GAChB,EAAE,oBAAoB,eA0GtB"}
+{"version":3,"file":"ActionsDropdown.d.ts","sourceRoot":"","sources":["../../src/ActionsDropdown/ActionsDropdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,QAAQ,MAAM,aAAa,CAAA;AAQlC,KAAK,oBAAoB,GAAG;IAE1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAG1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAG3B,UAAU,CAAC,EAAE;QAEX,MAAM,EAAE,MAAM,CAAA;QAGd,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;IAGD,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAG9B,QAAQ,CAAC,EAAE;QAET,IAAI,CAAC,EAAE,IAAI,CAAA;QAGX,SAAS,EAAE,MAAM,CAAA;QAGjB,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;IAGD,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAG5B,cAAc,CAAC,EAAE,OAAO,CAAA;IAGxB,eAAe,CAAC,EAAE,OAAO,CAAA;IAGzB,eAAe,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CAAA;CACzE,CAAA;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,kBAA4D,EAC5D,UAAU,EACV,qBAKC,EACD,QAAQ,EACR,mBAGC,EACD,cAAc,EACd,eAAe,EACf,eAAe,GAChB,EAAE,oBAAoB,eA0GtB"}

package/dist/ActionsDropdown/ActionsDropdown.js

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

package/dist/Alert/Alert.d.ts

@@ -3,8 +3,8 @@ import { MediaQueries } from '../index';
 import { StackViewProps } from '../StackView';
 export type AlertProps = {
     children?: any;
-    type?: 'warning' | 'success' | 'error';
     mediaQueries?: object;
+    type?: 'warning' | 'success' | 'error';
 } & StackViewProps;
 type Props = React.RefAttributes<any> & React.HTMLAttributes<any> & AlertProps & MediaQueries<AlertProps>;
 export declare function Alert(props: Props): JSX.Element;

package/dist/Alert/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAA;AAExD,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAGd,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IAGtC,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,GAAG,cAAc,CAAA;AAElB,KAAK,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACnC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GACzB,UAAU,GACV,YAAY,CAAC,UAAU,CAAC,CAAA;AAE1B,wBAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,eAgBjC;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAA;AAExD,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAGd,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;CACvC,GAAG,cAAc,CAAA;AAElB,KAAK,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACnC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GACzB,UAAU,GACV,YAAY,CAAC,UAAU,CAAC,CAAA;AAE1B,wBAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,eAgBjC;AAED,eAAe,KAAK,CAAA"}

package/dist/Avatar/Avatar.js

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

package/dist/Badge/Badge.d.ts

@@ -1,19 +1,20 @@
 import React from 'react';
 import { StackViewProps } from '../StackView';
+import { FlattenedPalette } from '../system/colors/utils';
 import Status from './Status';
 export type BadgeProps = {
     children?: any;
-    color?: string;
+    color?: string | FlattenedPalette;
+    onClick?: Function;
+    radius?: number | string;
+    renderLeft?: React.ReactNode;
+    renderRight?: React.ReactNode;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     square?: boolean;
     title?: string;
-    renderLeft?: React.ReactNode;
-    renderRight?: React.ReactNode;
-    onClick?: Function;
-    radius?: number | string;
-} & StackViewProps;
+} & Omit<StackViewProps, 'color'>;
 declare const _default: {
-    ({ children, renderLeft, renderRight, onClick, title, ...restProps }: any): JSX.Element;
+    ({ children, renderLeft, renderRight, onClick, title, ...restProps }: BadgeProps): JSX.Element;
     Status: {
         ({ light, onClearRequest, size, status, title, ...restProps }: import("./Status").StatusProps): JSX.Element;
         displayName: string;

package/dist/Badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAA;AAI3C,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAA;AAIxD,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAKd,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAKvC,MAAM,CAAC,EAAE,OAAO,CAAA;IAKhB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAK5B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAS7B,OAAO,CAAC,EAAE,QAAQ,CAAA;IAKlB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACzB,GAAG,cAAc,CAAA;;;;;;;;YAoJ+B,aAAa;;AAA9D,wBAAgE"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAA;AAG3C,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAA;AAExD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AAIzD,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAKd,KAAK,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAA;IASjC,OAAO,CAAC,EAAE,QAAQ,CAAA;IAKlB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAK5B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAK7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAKvC,MAAM,CAAC,EAAE,OAAO,CAAA;IAKhB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,CAAA;;;;;;;;YAoJgB,aAAa;;AAA9D,wBAAgE"}

package/dist/Badge/Badge.js

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

package/dist/Badge/Status.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../src/Badge/Status.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAoB,UAAU,EAAE,MAAM,SAAS,CAAA;AAOtD,MAAM,MAAM,WAAW,GAAG;IAIxB,KAAK,CAAC,EAAE,OAAO,CAAA;IAKf,cAAc,EAAE,MAAM,IAAI,CAAA;IAK1B,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAKzB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAK5B,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,QAAA,MAAM,MAAM;mEAOT,WAAW,GAAG,WAAW;;CAyC3B,CAAA;AAID,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../src/Badge/Status.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAoB,MAAM,SAAS,CAAA;AAOtD,MAAM,MAAM,WAAW,GAAG;IAIxB,KAAK,CAAC,EAAE,OAAO,CAAA;IAKf,cAAc,EAAE,MAAM,IAAI,CAAA;IAK1B,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAKzB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAK5B,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,QAAA,MAAM,MAAM;mEAOT,WAAW,GAAG,WAAW;;CAwC3B,CAAA;AAID,eAAe,MAAM,CAAA"}

package/dist/Badge/Status.js

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

package/dist/Box/Box.d.ts

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

package/dist/Box/Box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,OAAO,EAAE,UAAU,EAA0B,MAAM,UAAU,CAAA;AAI7D,MAAM,MAAM,QAAQ,CAClB,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,IAC7C,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG;IAC5B,EAAE,CAAC,EAAE,CAAC,CAAA;IAKN,MAAM,CAAC,EAAE,OAAO,CAAA;IAKhB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAKzB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAKjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,UAAU,CAAA;AAOd,eAAO,MAAM,GAAG;;aAjCL,OAAO;eAKL,MAAM,GAAG,CAAC,GAAG,CAAC;YAKjB,MAAM;mBAKC,MAAM;eAKV,MAAM;cAKP,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA6BlB,CAAA"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/Box/Box.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAG1E,KAAK,mBAAmB,CAAC,CAAC,SAAS,EAAE,IAAI,KAAK,CAAC,qBAAqB,CAClE,CAAC,CACF,SAAS,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,GACnC,CAAC,GACD,KAAK,CAAA;AAET,KAAK,KAAK,GAAG;IAIX,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAK3B,MAAM,CAAC,EAAE,OAAO,CAAA;IAKhB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,cAAc,CAAC,CAAC,SAAS,EAAE,IAAI,OAAO,CAAC,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC,CAAA;AAElE,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI;IAC3C,EAAE,CAAC,EAAE,CAAC,CAAA;CACP,GAAG,cAAc,CAAC,CAAC,CAAC,GACnB,KAAK,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,CAAA;AAO1D,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yEAoBf,CAAA"}

package/dist/Button/Button.d.ts

@@ -1,40 +1,90 @@
-import * as React from 'react';
+import React from 'react';
 import Icon from '../Icon';
-import { BoxSizes, MediaQueries } from '../index';
+import { StackViewUniqueProps } from '../StackView';
+import Tooltip from '../Tooltip';
+import { As, AsProps, BoxSizes, MediaQueries } from '../types';
 import Input from './Input';
-import { StackViewProps } from '../StackView';
-export type ButtonProps = {
-    children?: any;
+interface Props {
     disabled?: boolean;
     external?: boolean;
-    active?: object;
-    focus?: object;
     focusVisible?: object;
-    hover?: object;
+    href?: string;
     icon?: string | React.ComponentProps<typeof Icon>;
     iconLeft?: string | React.ComponentProps<typeof Icon>;
     iconRight?: string | React.ComponentProps<typeof Icon>;
+    mediaQueries?: object;
     size?: keyof BoxSizes;
     spinner?: any;
     square?: boolean;
-    theme?: string | boolean;
+    theme?: string | false;
     title?: string | number;
     to?: string;
-    href?: string;
-    tooltip?: string | Object;
+    tooltip?: string | React.ComponentProps<typeof Tooltip>;
     type?: 'button' | 'submit' | 'reset';
     variant?: 'fill' | 'outline' | 'naked';
-    onClick?: Function;
-    onKeyDown?: Function;
-    mediaQueries?: object;
-} & StackViewProps;
-type Props = React.RefAttributes<any> & React.HTMLAttributes<any> & ButtonProps & MediaQueries<ButtonProps>;
-declare function Button({ children, disabled, external, icon, iconLeft, iconRight, onClick, onKeyDown, size, spinner, square, theme, title, to, tooltip, type, variant, ...restProps }: Props): JSX.Element;
-declare namespace Button {
-    var Input: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
 }
-declare const _default: typeof Button & {
+type ButtonUniqueProps = Props & Omit<StackViewUniqueProps, keyof Props>;
+export type ButtonProps<E extends As = 'button' | 'a'> = AsProps<E, ButtonUniqueProps>;
+export declare function Button<E extends As = 'button' | 'a'>({ children, disabled, external, icon, iconLeft, iconRight, onClick, onKeyDown, size, spinner, square, theme, title, to, tooltip: unformattedTooltip, type, variant, ...restProps }: ButtonProps<E> & MediaQueries<ButtonProps<E>>): JSX.Element;
+export declare namespace Button {
+    var Input: React.ForwardRefExoticComponent<Pick<React.RefAttributes<any> & React.HTMLAttributes<any> & {
+        children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | ((inputProps: {
+            close: any;
+            inputProps: any;
+            isOpen: boolean;
+            open: any;
+        }) => React.ReactNode);
+        onClose: () => void;
+        onOpen: () => void;
+        size?: "xs" | "sm" | "md" | "lg";
+    } & {
+        as?: "div";
+    } & {
+        as?: "div";
+    } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "borderWidth" | "borderTopWidth" | "borderRightWidth" | "borderBottomWidth" | "borderLeftWidth" | "radius" | "radiusTop" | "radiusRight" | "radiusBottom" | "radiusLeft" | "visible" | "color" | "left" | "right" | "bottom" | "top" | "contain" | "clip" | "column" | "content" | "inline" | "flex" | "row" | "wrap" | "fill" | "stroke" | "x" | "y" | "uppercase" | "clear" | "border" | "padding" | "active" | "focus" | "resize" | "overflow" | "overflowX" | "overflowY" | "alignContent" | "alignItems" | "alignSelf" | "alignmentBaseline" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "baselineShift" | "borderBottom" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderCollapse" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderLeft" | "borderLeftStyle" | "borderRadius" | "borderRight" | "borderRightStyle" | "borderSpacing" | "borderStyle" | "borderTop" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "clipPath" | "clipRule" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "counterIncrement" | "counterReset" | "cursor" | "direction" | "display" | "fillOpacity" | "fillRule" | "filter" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontSize" | "fontStretch" | "fontStyle" | "fontVariant" | "fontVariantCaps" | "fontVariantLigatures" | "fontVariantNumeric" | "fontWeight" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "imageRendering" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lightingColor" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "mask" | "maskType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "mixBlendMode" | "motion" | "objectFit" | "objectPosition" | "opacity" | "order" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowWrap" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAlign" | "textDecoration" | "textIndent" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textTransform" | "touchAction" | "transform" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "verticalAlign" | "visibility" | "userSelect" | "WebkitOverflowScrolling" | "writingMode" | "whiteSpace" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "zIndex" | "backgroundColor" | "borderColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderTopColor" | "hover" | "paddingHorizontal" | "paddingVertical" | "rotate" | "scale" | "elevation" | "basis" | "grow" | "shrink" | "marginHorizontal" | "marginVertical" | "strokeAlign" | "strokeWeight" | "as" | "columnEnd" | "columnStart" | "css" | "rowEnd" | "rowStart"> & {
+        hover?: import("../types").StyleProps;
+        inline?: boolean;
+        visible?: boolean;
+    } & Pick<React.CSSProperties, "borderWidth" | "borderTopWidth" | "borderRightWidth" | "borderBottomWidth" | "borderLeftWidth" | "left" | "right" | "bottom" | "top" | "contain" | "clip" | "content" | "flex" | "clear" | "border" | "padding" | "resize" | "overflow" | "overflowX" | "overflowY" | "alignContent" | "alignItems" | "alignSelf" | "alignmentBaseline" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "baselineShift" | "borderBottom" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderCollapse" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderLeft" | "borderLeftStyle" | "borderRadius" | "borderRight" | "borderRightStyle" | "borderSpacing" | "borderStyle" | "borderTop" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "clipPath" | "clipRule" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "counterIncrement" | "counterReset" | "cursor" | "direction" | "display" | "fillOpacity" | "fillRule" | "filter" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontSize" | "fontStretch" | "fontStyle" | "fontVariant" | "fontVariantCaps" | "fontVariantLigatures" | "fontVariantNumeric" | "fontWeight" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "imageRendering" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lightingColor" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "mask" | "maskType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "mixBlendMode" | "motion" | "objectFit" | "objectPosition" | "opacity" | "order" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowWrap" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAlign" | "textDecoration" | "textIndent" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textTransform" | "touchAction" | "transform" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "verticalAlign" | "visibility" | "userSelect" | "WebkitOverflowScrolling" | "writingMode" | "whiteSpace" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "zIndex"> & Partial<Record<"color" | "fill" | "stroke" | "outlineColor" | "backgroundColor" | "borderColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderTopColor", import("../types").ColorProp>> & {
+        basis?: import("csstype").Property.FlexBasis<string | number>;
+        column?: import("csstype").Property.GridColumn;
+        columnEnd?: import("csstype").Property.GridColumnEnd;
+        columnStart?: import("csstype").Property.GridColumnStart;
+        css?: any;
+        elevation?: number;
+        grow?: import("csstype").Property.FlexGrow;
+        marginHorizontal?: string | number;
+        marginVertical?: string | number;
+        paddingHorizontal?: string | number;
+        paddingVertical?: string | number;
+        radius?: import("csstype").Property.BorderRadius<string | number>;
+        radiusBottom?: string | number;
+        radiusLeft?: string | number;
+        radiusRight?: string | number;
+        radiusTop?: string | number;
+        rotate?: number;
+        row?: import("csstype").Property.GridRow;
+        rowEnd?: import("csstype").Property.GridRowEnd;
+        rowStart?: import("csstype").Property.GridRowStart;
+        scale?: number;
+        shrink?: import("csstype").Property.FlexShrink;
+        strokeAlign?: "center" | "inside" | "outside";
+        strokeWeight?: number;
+        uppercase?: boolean;
+        visible?: boolean;
+        wrap?: string | boolean;
+        x?: string | number;
+        y?: string | number;
+    } & {
+        active?: import("../types").StyleProps;
+        focus?: import("../types").StyleProps;
+        hover?: import("../types").StyleProps;
+    } & {
+        innerRef?: React.Ref<HTMLDivElement>;
+    }, "borderWidth" | "borderTopWidth" | "borderRightWidth" | "borderBottomWidth" | "borderLeftWidth" | "radius" | "radiusTop" | "radiusRight" | "radiusBottom" | "radiusLeft" | "hidden" | "visible" | "color" | "left" | "right" | "bottom" | "top" | "contain" | "clip" | "column" | "content" | "size" | "style" | "inline" | "flex" | "row" | "wrap" | "fill" | "stroke" | "x" | "y" | "uppercase" | "clear" | "border" | "padding" | "active" | "focus" | "resize" | "slot" | "title" | "overflow" | "overflowX" | "overflowY" | "key" | "className" | "innerRef" | "alignContent" | "alignItems" | "alignSelf" | "alignmentBaseline" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "baselineShift" | "borderBottom" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderCollapse" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderLeft" | "borderLeftStyle" | "borderRadius" | "borderRight" | "borderRightStyle" | "borderSpacing" | "borderStyle" | "borderTop" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "clipPath" | "clipRule" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "counterIncrement" | "counterReset" | "cursor" | "direction" | "display" | "fillOpacity" | "fillRule" | "filter" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontSize" | "fontStretch" | "fontStyle" | "fontVariant" | "fontVariantCaps" | "fontVariantLigatures" | "fontVariantNumeric" | "fontWeight" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "imageRendering" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lightingColor" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "mask" | "maskType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "mixBlendMode" | "motion" | "objectFit" | "objectPosition" | "opacity" | "order" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowWrap" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAlign" | "textDecoration" | "textIndent" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textTransform" | "touchAction" | "transform" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "verticalAlign" | "visibility" | "userSelect" | "WebkitOverflowScrolling" | "writingMode" | "whiteSpace" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "zIndex" | "backgroundColor" | "borderColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderTopColor" | "hover" | "paddingHorizontal" | "paddingVertical" | "rotate" | "scale" | "translate" | "elevation" | "basis" | "grow" | "shrink" | "marginHorizontal" | "marginVertical" | "strokeAlign" | "strokeWeight" | "children" | "as" | "columnEnd" | "columnStart" | "css" | "rowEnd" | "rowStart" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "onClose" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "onOpen"> & React.RefAttributes<unknown>>;
+}
+export interface Button<E extends As = 'button' | 'a'> extends React.FC<ButtonProps<E> & MediaQueries<ButtonProps<E>>> {
     Input: typeof Input;
-};
-export default _default;
+}
+export {};
 //# sourceMappingURL=Button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,IAAI,MAAM,SAAS,CAAA;AAC1B,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACjD,OAAO,KAAK,MAAM,SAAS,CAAA;AAG3B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAA;AAMxD,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAKd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,MAAM,CAAC,EAAE,MAAM,CAAA;IAKf,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,KAAK,CAAC,EAAE,MAAM,CAAA;IAMd,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAKjD,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAKrD,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAKtD,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;IAKrB,OAAO,CAAC,EAAE,GAAG,CAAA;IAKb,MAAM,CAAC,EAAE,OAAO,CAAA;IAKhB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAKxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKvB,EAAE,CAAC,EAAE,MAAM,CAAA;IAKX,IAAI,CAAC,EAAE,MAAM,CAAA;IAKb,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKzB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IAKpC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;IAEtC,OAAO,CAAC,EAAE,QAAQ,CAAA;IAElB,SAAS,CAAC,EAAE,QAAQ,CAAA;IAGpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,GAAG,cAAc,CAAA;AAElB,KAAK,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACnC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GACzB,WAAW,GACX,YAAY,CAAC,WAAW,CAAC,CAAA;AAE3B,iBAAS,MAAM,CAAC,EACd,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,IAAI,EACJ,OAAO,EACP,MAAM,EACN,KAAiB,EACjB,KAAK,EACL,EAAE,EACF,OAAO,EACP,IAAe,EACf,OAAO,EACP,GAAG,SAAS,EACb,EAAE,KAAK,eAyRP;kBA5SQ,MAAM;;;;WAgTmC,YAAY;;AAA9D,wBAAgE"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,IAAI,MAAM,SAAS,CAAA;AAG1B,OAAO,EAAa,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAE9D,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAE9D,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,UAAU,KAAK;IAIb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,IAAI,CAAC,EAAE,MAAM,CAAA;IAMb,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAKjD,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAKrD,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAGtD,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;IAKrB,OAAO,CAAC,EAAE,GAAG,CAAA;IAKb,MAAM,CAAC,EAAE,OAAO,CAAA;IAKhB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAKtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKvB,EAAE,CAAC,EAAE,MAAM,CAAA;IAKX,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IAKvD,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IAKpC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;CACvC;AACD,KAAK,iBAAiB,GAAG,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,KAAK,CAAC,CAAA;AACxE,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,IAAI,OAAO,CAC9D,CAAC,EACD,iBAAiB,CAClB,CAAA;AAED,wBAAgB,MAAM,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,EAAE,EACpD,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,IAAI,EACJ,OAAO,EACP,MAAM,EACN,KAAiB,EACjB,KAAK,EACL,EAAE,EACF,OAAO,EAAE,kBAAkB,EAC3B,IAAe,EACf,OAAO,EACP,GAAG,SAAS,EACb,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,eAqR/C;yBAxSe,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4StB,MAAM,WAAW,MAAM,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,CACnD,SAAQ,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/D,KAAK,EAAE,OAAO,KAAK,CAAA;CACpB"}

package/dist/Button/Button.js

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

package/dist/Button/Input.d.ts

@@ -1,4 +1,19 @@
-import React from 'react';
-declare const ButtonInput: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+import React, { HTMLAttributes, ReactElement, ReactNode, RefAttributes } from 'react';
+import { BoxProps } from '../Box';
+type InputProps = {
+    close: any;
+    inputProps: any;
+    isOpen: boolean;
+    open: any;
+};
+type InputSignature = (inputProps: InputProps) => ReactNode;
+type ButtonInputProps = {
+    children: InputSignature | ReactElement<any>;
+    onClose: () => void;
+    onOpen: () => void;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+} & BoxProps;
+type Props = RefAttributes<any> & HTMLAttributes<any> & ButtonInputProps;
+declare const ButtonInput: React.ForwardRefExoticComponent<Pick<Props, "borderWidth" | "borderTopWidth" | "borderRightWidth" | "borderBottomWidth" | "borderLeftWidth" | "radius" | "radiusTop" | "radiusRight" | "radiusBottom" | "radiusLeft" | "hidden" | "visible" | "color" | "left" | "right" | "bottom" | "top" | "contain" | "clip" | "column" | "content" | "size" | "style" | "inline" | "flex" | "row" | "wrap" | "fill" | "stroke" | "x" | "y" | "uppercase" | "clear" | "border" | "padding" | "active" | "focus" | "resize" | "slot" | "title" | "overflow" | "overflowX" | "overflowY" | "key" | "className" | "innerRef" | "alignContent" | "alignItems" | "alignSelf" | "alignmentBaseline" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "baselineShift" | "borderBottom" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderCollapse" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderLeft" | "borderLeftStyle" | "borderRadius" | "borderRight" | "borderRightStyle" | "borderSpacing" | "borderStyle" | "borderTop" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "clipPath" | "clipRule" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "counterIncrement" | "counterReset" | "cursor" | "direction" | "display" | "fillOpacity" | "fillRule" | "filter" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontSize" | "fontStretch" | "fontStyle" | "fontVariant" | "fontVariantCaps" | "fontVariantLigatures" | "fontVariantNumeric" | "fontWeight" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "imageRendering" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lightingColor" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "mask" | "maskType" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "mixBlendMode" | "motion" | "objectFit" | "objectPosition" | "opacity" | "order" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowWrap" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAlign" | "textDecoration" | "textIndent" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textTransform" | "touchAction" | "transform" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "verticalAlign" | "visibility" | "userSelect" | "WebkitOverflowScrolling" | "writingMode" | "whiteSpace" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "zIndex" | "backgroundColor" | "borderColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderTopColor" | "hover" | "paddingHorizontal" | "paddingVertical" | "rotate" | "scale" | "translate" | "elevation" | "basis" | "grow" | "shrink" | "marginHorizontal" | "marginVertical" | "strokeAlign" | "strokeWeight" | "children" | "as" | "columnEnd" | "columnStart" | "css" | "rowEnd" | "rowStart" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "onClose" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "nonce" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "onOpen"> & React.RefAttributes<unknown>>;
 export default ButtonInput;
 //# sourceMappingURL=Input.d.ts.map