@planningcenter/tapestry-react 4.5.2-rc.9 → 4.6.0-qa-688.0

package/README.md

@@ -0,0 +1,7 @@
+# ⚛️ Tapestry-React Library
+
+A collection of flexible React components to help you build resilient, accessible user interfaces quickly and effectively.
+
+## Development
+
+Please see the [contributing guide](../../CONTRIBUTING.md) to learn more about local development and how to contribute changes.

package/dist/ActionsDropdown/ActionsDropdown.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import Dropdown from '../Dropdown';
+type ActionsDropdownProps = {
+    children?: React.ReactNode;
+    defaultButtonProps?: object;
+    duplicates?: {
+        amount: number;
+        linkProps: object;
+    };
+    duplicatesButtonProps?: object;
+    inactive?: {
+        date?: Date;
+        linkProps: object;
+        reason: string;
+    };
+    inactiveButtonProps?: object;
+    isBelowManager?: boolean;
+    isPeopleProduct?: boolean;
+    onDeleteProfile?: React.ComponentProps<typeof Dropdown.Item>['onSelect'];
+};
+export declare function ActionsDropdown({ children, defaultButtonProps, duplicates, duplicatesButtonProps, inactive, inactiveButtonProps, isBelowManager, isPeopleProduct, onDeleteProfile, }: ActionsDropdownProps): JSX.Element;
+export {};
+//# sourceMappingURL=ActionsDropdown.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+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/ActionsDropdown/ActionsDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionsDropdown.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/ActionsDropdown/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ActionsDropdown';
+export { ActionsDropdown as default } from './ActionsDropdown';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ActionsDropdown/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/Alert/Alert.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { StackViewProps } from '../StackView';
+export type AlertProps = {
+    children?: any;
+    mediaQueries?: object;
+    type?: 'warning' | 'success' | 'error';
+} & StackViewProps;
+type Props = React.RefAttributes<any> & React.HTMLAttributes<any> & AlertProps;
+export declare function Alert(props: Props): JSX.Element;
+export default Alert;
+//# sourceMappingURL=Alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,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,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,UAAU,CAAA;AAE9E,wBAAgB,KAAK,CAAC,KAAK,EAAE,KAAK,eAgBjC;AAED,eAAe,KAAK,CAAA"}

package/dist/Alert/Alert.js

@@ -0,0 +1,2 @@
+import{__rest as r,__assign as e}from'./../ext/tslib/tslib.es6.js';import*as t from"react";import{StackView as o}from"../StackView/StackView.js";function i(i){var a=i.children,c=i.type,n=r(i,["children","type"]);return t.createElement(o,e({padding:1,radius:3,stroke:"".concat(c,"-dark"),strokeAlign:"inside",strokeWeight:1,color:"dark-9",backgroundColor:"".concat(c,"-lighter")},n),a)}export{i as Alert,i as default};
+//# sourceMappingURL=Alert.js.map

package/dist/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Alert/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Alert';
+export { Alert as default } from './Alert';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Alert/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,SAAS,CAAA"}

package/dist/Avatar/Avatar.d.ts

@@ -0,0 +1,9 @@
+import { BoxProps } from '../Box';
+type AvatarProps = BoxProps<'img'> & {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    source?: string;
+    status?: string;
+};
+export declare function Avatar({ size, source, status, ...restProps }: AvatarProps): JSX.Element;
+export default Avatar;
+//# sourceMappingURL=Avatar.d.ts.map

package/dist/Avatar/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":"AAEA,OAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAoBtC,KAAK,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG;IAInC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAA;IAI/C,MAAM,CAAC,EAAE,MAAM,CAAA;IAIf,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAKD,wBAAgB,MAAM,CAAC,EACrB,IAAW,EACX,MAAM,EACN,MAAM,EACN,GAAG,SAAS,EACb,EAAE,WAAW,eAiBb;AAED,eAAe,MAAM,CAAA"}

package/dist/Avatar/Avatar.js

@@ -0,0 +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={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/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Avatar/index.d.ts

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

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

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

package/dist/Avatar/index.js

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

package/dist/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Badge/Badge.d.ts

@@ -0,0 +1,26 @@
+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 | FlattenedPalette;
+    onClick?: Function;
+    radius?: number | string;
+    renderLeft?: React.ReactNode;
+    renderRight?: React.ReactNode;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    square?: boolean;
+    title?: string;
+} & Omit<StackViewProps, 'color'>;
+declare const _default: {
+    ({ children, renderLeft, renderRight, onClick, title, ...restProps }: BadgeProps): JSX.Element;
+    Status: {
+        ({ light, onClearRequest, size, status, title, ...restProps }: import("./Status").StatusProps): JSX.Element;
+        displayName: string;
+    };
+} & {
+    Status: typeof Status;
+};
+export default _default;
+//# sourceMappingURL=Badge.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +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{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"../designTokens/index.js";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,j=e(p,["children","renderLeft","renderRight","onClick","title"]),b=l("badge",j),v=b.color,x=void 0===v?{background:"surfaceTertiary",foreground:"foreground"}:v,y=b.radius,k=void 0===y?3:y,C=b.size,S=void 0===C?"md":C,E=b.square,H=void 0!==E&&E,V=e(b,["color","radius","size","square"]),q=i({color:x,radius:k,size:S,square:H},V);q.backgroundColor=x.background||x,q.color=x.foreground||a(x);var w=d(q.size),T=w.boxSize,L=w.fontSize,R=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=T,q.height=T),"circle"===q.radius&&(D.position="absolute",D.top="50%",D.left="50%",D.transform="translate(-50%, -50%)"),q.paddingLeft=g?T+.5:"pill"===q.radius?B:I,q.paddingRight=h?T+.5:"pill"===q.radius?B:I,delete q.square,t.createElement(n,i({inline:!0,axis:"horizontal",alignment:"center",distribution:"center",fontSize:L,lineHeight:R,minHeight:T,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:T,height:T,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:T,height:T,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/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Badge/Status.d.ts

@@ -0,0 +1,14 @@
+import { BadgeProps } from './Badge';
+export type StatusProps = {
+    light?: boolean;
+    onClearRequest: () => void;
+    size?: BadgeProps['size'];
+    status?: 'error' | 'success';
+    title: string;
+};
+declare const Status: {
+    ({ light, onClearRequest, size, status, title, ...restProps }: StatusProps): JSX.Element;
+    displayName: string;
+};
+export default Status;
+//# sourceMappingURL=Status.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +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 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"../designTokens/index.js";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"}},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 x=a[g],T=x.color,b=x.icon;return o.createElement(l,t({color:c?{background:"light",foreground:n(T)}:n(T),fontWeight:600,paddingRight:1,radius:"pill",renderLeft:o.createElement(i,{name:b}),size:d,title:f},h))}return null};m.displayName="Badge.Status";export{m as default};
+//# sourceMappingURL=Status.js.map

package/dist/Badge/Status.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Status.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Badge/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,eAAe,KAAK,CAAA"}

package/dist/Badge/index.js

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

package/dist/Badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Box/Box.d.ts

@@ -0,0 +1,58 @@
+import { jsx } from '@emotion/react';
+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;
+    visible?: boolean;
+};
+type InheritedProps<E extends As> = AsProps<E, Props & StyleProps>;
+export type BoxProps<E extends As = 'div'> = {
+    as?: E;
+} & 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" | "aspectRatio" | "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" | "hyphens" | "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" | "aspectRatio" | "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" | "hyphens" | "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?: 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

@@ -0,0 +1 @@
+{"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/Box/Box.js

@@ -0,0 +1,2 @@
+import{__rest as i,__assign as r}from'./../ext/tslib/tslib.es6.js';import{jsx as e}from"@emotion/react";import n from"../system/split-styles.js";import{useVariant as o}from"../VariantProvider/VariantProvider.js";var t=function(t){var s=t.as,a=t.inline,l=t.innerRef,m=i(t,["as","inline","innerRef"]),f=o();return e(s||"div",r({ref:l},n(r({display:a?"inline-block":"block",variant:f},m))))};export{t as Box};
+//# sourceMappingURL=Box.js.map

package/dist/Box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Box/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Box';
+export { Box as default } from './Box';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Box/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAA;AACrB,OAAO,EAAE,GAAG,IAAI,OAAO,EAAE,MAAM,OAAO,CAAA"}

package/dist/Button/Button.d.ts

@@ -0,0 +1,90 @@
+import React from 'react';
+import Icon from '../Icon';
+import { StackViewUniqueProps } from '../StackView';
+import Tooltip from '../Tooltip';
+import { As, AsProps, BoxSizes, MediaQueries, StyleProps } from '../types';
+import Input from './Input';
+interface Props {
+    disabled?: boolean;
+    external?: boolean;
+    focusVisible?: 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 | false;
+    title?: string | number;
+    to?: string;
+    tooltip?: string | React.ComponentProps<typeof Tooltip>;
+    type?: 'button' | 'submit' | 'reset';
+    variant?: 'fill' | 'outline' | 'naked';
+}
+type ButtonUniqueProps = Props & Omit<StackViewUniqueProps, keyof Props>;
+export type ButtonProps<E extends As = 'button' | 'a'> = AsProps<E, ButtonUniqueProps> & MediaQueries<AsProps<E, StyleProps>>;
+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>): 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" | "aspectRatio" | "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" | "hyphens" | "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?: 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" | "aspectRatio" | "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" | "hyphens" | "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?: StyleProps;
+        focus?: StyleProps;
+        hover?: 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" | "aspectRatio" | "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" | "hyphens" | "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 {};
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"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,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1E,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,GACC,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAA;AAEtC,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,eAqRhB;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

@@ -0,0 +1,2 @@
+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/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Button/Input.d.ts

@@ -0,0 +1,19 @@
+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" | "aspectRatio" | "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" | "hyphens" | "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

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

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

package/dist/Button/Input.js

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

package/dist/Button/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Button/index.d.ts

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

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

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

package/dist/Button/index.js

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

package/dist/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}