@planningcenter/tapestry-react 4.12.3 → 4.13.1

package/dist/Field/Field.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import{token as t}from"@planningcenter/tapestry";import i from"react";import{Box as o}from"../Box/Box.js";import n from"../HelperDrawer/HelperDrawer.js";import l from"../Input/Input.js";import{StackView as a}from"../StackView/StackView.js";import{useThemeProps as s}from"../system/utils.js";import{Text as m}from"../Text/Text.js";import{generateId as c,cloneChildren as p}from"../utils.js";var d=function(d){var f=e(d,[]),g=s("field",f),u=g.children,b=g.compact,h=g.distribution,x=void 0===h?"fill":h,w=g.feedbackText,z=g.helpContent,v=g.icon,E=g.inline,j=g.innerRef,T=g.label,C=g.labelBasis,R=g.labelColor,k=g.labelGrow,B=g.spacing,I=void 0===B?1:B,S=g.state,y=e(g,["children","compact","distribution","feedbackText","helpContent","icon","inline","innerRef","label","labelBasis","labelColor","labelGrow","spacing","state"]),D=c("field-helper-drawer"),G=c("field");return i.createElement(o,r({innerRef:j,width:"100%"},y),i.createElement(a,{axis:E?"horizontal":"vertical",wrap:!0},T&&i.createElement(a,{axis:"horizontal",alignment:"center",grow:k,basis:C,marginRight:E?2:void 0},v,i.createElement(l.InputLabel,{controls:G,fontSize:b?4:3,color:R},T),z&&i.createElement(n.Toggle,{drawerId:D,marginLeft:.25,marginRight:E?1:void 0})),z&&i.createElement(a,{axis:"horizontal",order:E?1:0,width:"100%"},i.createElement(n,{id:D,marginTop:1,children:z})),i.createElement(a,{axis:"horizontal",alignment:"center",distribution:x,order:E?0:1,grow:1,marginTop:E||!T?void 0:1,maxWidth:"100%",spacing:I},p(u,(function(e,r){return r.firstChild?{id:G,size:e.props.size||(b?"sm":"md")}:{size:e.props.size||(b?"sm":"md")}})))),w&&i.createElement(m,{align:E?"right":"left",color:"error"===S?t("--t-text-color-status-error"):"success"===S?t("--t-text-color-status-success"):void 0,marginTop:1,size:5},w))};export{d as default};
+import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import{token as r}from"@planningcenter/tapestry";import i from"react";import{Box as o}from"../Box/Box.js";import n from"../HelperDrawer/HelperDrawer.js";import a from"../Input/Input.js";import{StackView as l}from"../StackView/StackView.js";import{useThemeProps as s}from"../system/utils.js";import{Text as m}from"../Text/Text.js";import{generateId as c,cloneChildren as p}from"../utils.js";var d=function(d){var f=e(d,[]),g=s("field",f),u=g.children,b=g.compact,h=g.distribution,x=void 0===h?"fill":h,w=g.feedbackText,z=g.helpContent,v=g.icon,E=g.inline,j=g.innerRef,T=g.label,C=g.labelBasis,R=g.labelColor,k=g.labelGrow,B=g.spacing,I=void 0===B?1:B,S=g.state,y=e(g,["children","compact","distribution","feedbackText","helpContent","icon","inline","innerRef","label","labelBasis","labelColor","labelGrow","spacing","state"]),D=c("field-helper-drawer"),G=c("field");return i.createElement(o,t({innerRef:j,width:"100%"},y),i.createElement(l,{axis:E?"horizontal":"vertical",wrap:!0},T&&i.createElement(l,{axis:"horizontal",alignment:"center",grow:k,basis:C,marginRight:E?2:void 0},v,i.createElement(a.InputLabel,{controls:G,fontSize:b?4:3,color:R},T),z&&i.createElement(n.Toggle,{drawerId:D,marginLeft:.25,marginRight:E?1:void 0})),z&&i.createElement(l,{axis:"horizontal",order:E?1:0,width:"100%"},i.createElement(n,{id:D,marginTop:1},z)),i.createElement(l,{axis:"horizontal",alignment:"center",distribution:x,order:E?0:1,grow:1,marginTop:E||!T?void 0:1,maxWidth:"100%",spacing:I},p(u,(function(e,t){return t.firstChild?{id:G,size:e.props.size||(b?"sm":"md")}:{size:e.props.size||(b?"sm":"md")}})))),w&&i.createElement(m,{align:E?"right":"left",color:"error"===S?r("--t-text-color-status-error"):"success"===S?r("--t-text-color-status-success"):void 0,marginTop:1,size:5},w))};export{d as default};
 //# sourceMappingURL=Field.js.map

package/dist/FieldSet/FieldSet.d.ts

@@ -12,6 +12,6 @@ type FieldSetProps = ComponentProps<typeof StackView> & {
     spacing?: TileViewProps['spacing'];
     tileViewProps?: TileViewProps;
 };
-declare const FieldSet: ({ children, helpContent, legend, ...restProps }: FieldSetProps) => JSX.Element;
+declare const FieldSet: ({ children, helpContent, legend, ...restProps }: FieldSetProps) => React.JSX.Element;
 export default FieldSet;
 //# sourceMappingURL=FieldSet.d.ts.map

package/dist/FieldSet/FieldSet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldSet.d.ts","sourceRoot":"","sources":["../../src/FieldSet/FieldSet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,OAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AACrD,OAAgB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAE1D,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAK1B,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IAK7C,WAAW,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAA;IAKzC,MAAM,EAAE,SAAS,CAAA;IAKjB,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAK5C,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IAKlC,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,QAAQ,oDAKX,aAAa,gBAmCf,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"FieldSet.d.ts","sourceRoot":"","sources":["../../src/FieldSet/FieldSet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,OAAiB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AACrD,OAAgB,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAE1D,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAK1B,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IAK7C,WAAW,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAA;IAKzC,MAAM,EAAE,SAAS,CAAA;IAKjB,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;IAK5C,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAA;IAKlC,aAAa,CAAC,EAAE,aAAa,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,QAAQ,oDAKX,aAAa,sBAmCf,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/FilterLayout/FilterLayout.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 export type Props = {
     header?: any;
     sidebar?: any;
@@ -5,5 +6,5 @@ export type Props = {
     table?: any;
     toolbar?: any;
 };
-export declare function FilterLayout(props: Props): JSX.Element;
+export declare function FilterLayout(props: Props): React.JSX.Element;
 //# sourceMappingURL=FilterLayout.d.ts.map

package/dist/FilterLayout/FilterLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterLayout.d.ts","sourceRoot":"","sources":["../../src/FilterLayout/FilterLayout.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,KAAK,GAAG;IAElB,MAAM,CAAC,EAAE,GAAG,CAAA;IAGZ,OAAO,CAAC,EAAE,GAAG,CAAA;IAGb,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAG9B,KAAK,CAAC,EAAE,GAAG,CAAA;IAGX,OAAO,CAAC,EAAE,GAAG,CAAA;CACd,CAAA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,eAwExC"}
+{"version":3,"file":"FilterLayout.d.ts","sourceRoot":"","sources":["../../src/FilterLayout/FilterLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,MAAM,KAAK,GAAG;IAElB,MAAM,CAAC,EAAE,GAAG,CAAA;IAGZ,OAAO,CAAC,EAAE,GAAG,CAAA;IAGb,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAG9B,KAAK,CAAC,EAAE,GAAG,CAAA;IAGX,OAAO,CAAC,EAAE,GAAG,CAAA;CACd,CAAA;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,KAAK,qBAwExC"}

package/dist/FilterLayout/FilterLayout.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import{token as t}from"@planningcenter/tapestry";import i from"mousetrap";import*as o from"react";import{Box as a}from"../Box/Box.js";import{Button as n}from"../Button/Button.js";import{Card as l}from"../Card/Card.js";import{Divider as s}from"../Divider/Divider.js";import{StackView as d}from"../StackView/StackView.js";function m(m){var b=m.header,c=m.sidebarWidth,f=void 0===c?400:c,u=m.sidebar,h=m.table,p=m.toolbar,g=e(m,["header","sidebarWidth","sidebar","table","toolbar"]),v="fill"===f,E=o.useState(!1),w=E[0],x=E[1],k=o.useCallback((function(){x((function(e){return!e}))}),[]);return o.useEffect((function(){return i.bind("f",k),function(){i.unbind("f")}}),[]),o.createElement(l,r({minHeight:50,overflow:void 0},g),o.createElement(d,{axis:"horizontal",minHeight:6},o.createElement(n,{grow:0,shrink:0,basis:w?v?"100%":f+"px":"100px",distribution:w?"space-between":void 0,width:"100%",paddingHorizontal:2,borderRightWidth:1,borderRightColor:t("--t-border-color-default-base"),radius:0,title:"Filter","aria-label":w?"close filter":"open filter",iconRight:{name:w?"general.leftChevron":"general.threeReducingHorizontalBars",size:w?"xs":"md"},onClick:k}),o.createElement(a,{visible:!(w&&v),grow:1,shrink:1},b)),o.createElement(s,null),o.createElement(d,{axis:"horizontal",grow:1},o.createElement(d,{visible:w,basis:v?"100%":f+"px",borderRightWidth:1,borderRightColor:t("--t-border-color-default-base"),backgroundColor:"surfaceSecondary"},u),o.createElement(d,{visibility:w&&v?"hidden":"visible",maxHeight:w&&v?0:"initial",grow:1,shrink:1,basis:"100%"},o.createElement(a,{overflow:"hidden"},p),o.createElement(s,null),h)))}export{m as FilterLayout};
+import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import{token as i}from"@planningcenter/tapestry";import t from"mousetrap";import*as o from"react";import{Box as n}from"../Box/Box.js";import{Button as a}from"../Button/Button.js";import{Card as l}from"../Card/Card.js";import{Divider as s}from"../Divider/Divider.js";import{StackView as d}from"../StackView/StackView.js";function m(m){var c=m.header,b=m.sidebarWidth,f=void 0===b?400:b,h=m.sidebar,u=m.table,p=m.toolbar,g=e(m,["header","sidebarWidth","sidebar","table","toolbar"]),v="fill"===f,E=o.useState(!1),w=E[0],x=E[1],k=o.useCallback((function(){x((function(e){return!e}))}),[]);return o.useEffect((function(){return t.bind("f",k),function(){t.unbind("f")}}),[]),o.createElement(l,r({minHeight:50,overflow:void 0},g),o.createElement(d,{axis:"horizontal",minHeight:6},o.createElement(a,{grow:0,shrink:0,basis:w?v?"100%":f+"px":"100px",distribution:w?"space-between":void 0,width:"100%",paddingHorizontal:2,borderRightWidth:1,borderRightColor:i("--t-border-color"),radius:0,title:"Filter","aria-label":w?"close filter":"open filter",iconRight:{name:w?"general.leftChevron":"general.threeReducingHorizontalBars",size:w?"xs":"md"},onClick:k}),o.createElement(n,{visible:!(w&&v),grow:1,shrink:1},c)),o.createElement(s,null),o.createElement(d,{axis:"horizontal",grow:1},o.createElement(d,{visible:w,basis:v?"100%":f+"px",borderRightWidth:1,borderRightColor:i("--t-border-color"),backgroundColor:"surfaceSecondary"},h),o.createElement(d,{visibility:w&&v?"hidden":"visible",maxHeight:w&&v?0:"initial",grow:1,shrink:1,basis:"100%"},o.createElement(n,{overflow:"hidden"},p),o.createElement(s,null),u)))}export{m as FilterLayout};
 //# sourceMappingURL=FilterLayout.js.map

package/dist/FocusGroup/FocusGroup.d.ts

@@ -18,7 +18,7 @@ declare class FocusGroup extends Component<FocusGroupProps> {
     isElementOutside: (target: any) => boolean;
     maybeRestoreFocus: (nextFocusedElement: any, event: any) => void;
     requestBlur: (event: FocusEvent<HTMLElement, Element>) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default FocusGroup;
 //# sourceMappingURL=FocusGroup.d.ts.map

package/dist/GridView/GridView.d.ts

@@ -1,4 +1,3 @@
-import { jsx } from '@emotion/react';
 import * as React from 'react';
 import { BoxProps } from '../Box';
 import { MediaQueries, Variants } from '../types';
@@ -20,6 +19,6 @@ export type GridViewProps = {
     variants?: object;
 } & BoxProps;
 type Props = React.RefAttributes<any> & React.HTMLAttributes<any> & GridViewProps & MediaQueries<GridViewProps> & Variants<GridViewProps>;
-export declare function GridView({ as, inline, innerRef, ...props }: Props): jsx.JSX.Element;
+export declare function GridView({ as, inline, innerRef, ...props }: Props): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
 export {};
 //# sourceMappingURL=GridView.d.ts.map

package/dist/GridView/GridView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridView.d.ts","sourceRoot":"","sources":["../../src/GridView/GridView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAGjC,OAAO,EAAM,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAuErD,MAAM,MAAM,aAAa,GAAG;IAE1B,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAA;IAGlD,EAAE,CAAC,EAAE,GAAG,CAAA;IAGR,WAAW,CAAC,EAAE,MAAM,CAAA;IAGpB,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAA;IAGrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAGjB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAGd,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAG/B,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,CAAA;IAG7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAGhB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAGd,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAG5B,IAAI,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,CAAA;IAG1B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAGzB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,GAAG,QAAQ,CAAA;AAEZ,KAAK,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACnC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GACzB,aAAa,GACb,YAAY,CAAC,aAAa,CAAC,GAC3B,QAAQ,CAAC,aAAa,CAAC,CAAA;AAIzB,wBAAgB,QAAQ,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,mBAejE"}
+{"version":3,"file":"GridView.d.ts","sourceRoot":"","sources":["../../src/GridView/GridView.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAGjC,OAAO,EAAM,YAAY,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAuErD,MAAM,MAAM,aAAa,GAAG;IAE1B,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAA;IAGlD,EAAE,CAAC,EAAE,GAAG,CAAA;IAGR,WAAW,CAAC,EAAE,MAAM,CAAA;IAGpB,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,OAAO,CAAA;IAGrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAGjB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAGd,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAG/B,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,CAAA;IAG7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAGhB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAGd,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAG5B,IAAI,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,CAAA;IAG1B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAGzB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,GAAG,QAAQ,CAAA;AAEZ,KAAK,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,GACnC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GACzB,aAAa,GACb,YAAY,CAAC,aAAa,CAAC,GAC3B,QAAQ,CAAC,aAAa,CAAC,CAAA;AAIzB,wBAAgB,QAAQ,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,sEAajE"}

package/dist/Group/Group.d.ts

@@ -7,5 +7,5 @@ export type GroupProps = {
     radius?: number | string;
     spacing?: number | string | React.ReactNode;
 } & StackViewProps;
-export declare function Group({ axis, childProps, children, radius, spacing, ...restProps }: GroupProps): JSX.Element;
+export declare function Group({ axis, childProps, children, radius, spacing, ...restProps }: GroupProps): React.JSX.Element;
 //# sourceMappingURL=Group.d.ts.map

package/dist/Group/Group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../src/Group/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAIxD,MAAM,MAAM,UAAU,GAAG;IAIvB,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAKhC,UAAU,CAAC,EAAE,MAAM,CAAA;IAKnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAK1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;CAC5C,GAAG,cAAc,CAAA;AAElB,wBAAgB,KAAK,CAAC,EACpB,IAAmB,EACnB,UAAU,EACV,QAAQ,EACR,MAAM,EACN,OAAO,EACP,GAAG,SAAS,EACb,EAAE,UAAU,eAsBZ"}
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../src/Group/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAIxD,MAAM,MAAM,UAAU,GAAG;IAIvB,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAKhC,UAAU,CAAC,EAAE,MAAM,CAAA;IAKnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAK1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;CAC5C,GAAG,cAAc,CAAA;AAElB,wBAAgB,KAAK,CAAC,EACpB,IAAmB,EACnB,UAAU,EACV,QAAQ,EACR,MAAM,EACN,OAAO,EACP,GAAG,SAAS,EACb,EAAE,UAAU,qBAsBZ"}

package/dist/Heading/Heading.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react';
+import { ComponentProps, JSX } from 'react';
 import Text from '../Text';
 type HeadingProps = ComponentProps<typeof Text> & {
     level?: 1 | 2 | 3 | 4 | 5 | 6;

package/dist/Heading/Heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../src/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG7C,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,KAAK,YAAY,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IAGhD,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,OAAO,4BAAiC,YAAY,KAAG,WAa5D,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../src/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAGlD,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,KAAK,YAAY,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IAGhD,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAC9B,CAAA;AAED,QAAA,MAAM,OAAO,4BAAiC,YAAY,KAAG,WAa5D,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/HeadingUppercase/HeadingUppercase.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react';
+import { ComponentProps, JSX } from 'react';
 import Text from '../Text';
 type HeadingUppercaseProps = Omit<ComponentProps<typeof Text>, 'as' | 'color' | 'cursor' | 'fontSize' | 'uppercase'>;
 declare const HeadingUppercase: ({ children, ...restProps }: HeadingUppercaseProps) => JSX.Element;

package/dist/HeadingUppercase/HeadingUppercase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeadingUppercase.d.ts","sourceRoot":"","sources":["../../src/HeadingUppercase/HeadingUppercase.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG7C,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,KAAK,qBAAqB,GAAG,IAAI,CAC/B,cAAc,CAAC,OAAO,IAAI,CAAC,EAC3B,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CACrD,CAAA;AAED,QAAA,MAAM,gBAAgB,+BAGnB,qBAAqB,KAAG,WAkB1B,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"HeadingUppercase.d.ts","sourceRoot":"","sources":["../../src/HeadingUppercase/HeadingUppercase.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAGlD,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,KAAK,qBAAqB,GAAG,IAAI,CAC/B,cAAc,CAAC,OAAO,IAAI,CAAC,EAC3B,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CACrD,CAAA;AAED,QAAA,MAAM,gBAAgB,+BAGnB,qBAAqB,KAAG,WAkB1B,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/HelperDrawer/HelperDrawer.d.ts

@@ -1,18 +1,19 @@
+import React from 'react';
 import { ComponentProps } from 'react';
 import Card from '../Card';
 declare function Toggle({ drawerId, ...restProps }: {
     [x: string]: any;
     drawerId: any;
-}): JSX.Element;
+}): React.JSX.Element;
 type Props = ComponentProps<typeof Card> & {
     id?: string | number;
 };
-declare function HelperDrawer({ children, id, ...restProps }: Props): JSX.Element;
+declare function HelperDrawer({ children, id, ...restProps }: Props): React.JSX.Element;
 declare namespace HelperDrawer {
     var Toggle: ({ drawerId, ...restProps }: {
         [x: string]: any;
         drawerId: any;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
 }
 declare const _default: typeof HelperDrawer & {
     Toggle: typeof Toggle;

package/dist/HelperDrawer/HelperDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelperDrawer.d.ts","sourceRoot":"","sources":["../../src/HelperDrawer/HelperDrawer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAoC,MAAM,OAAO,CAAA;AAGxE,OAAO,IAAI,MAAM,SAAS,CAAA;AAM1B,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE;;;CAAA,eA8BzC;AAED,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IAEzC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACrB,CAAA;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,eAgB1D;kBAhBQ,YAAY;;;;;;;YAoB0C,aAAa;;AAA5E,wBAA8E"}
+{"version":3,"file":"HelperDrawer.d.ts","sourceRoot":"","sources":["../../src/HelperDrawer/HelperDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAoC,MAAM,OAAO,CAAA;AAGxE,OAAO,IAAI,MAAM,SAAS,CAAA;AAM1B,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE;;;CAAA,qBA8BzC;AAED,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IAEzC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACrB,CAAA;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,qBAgB1D;kBAhBQ,YAAY;;;;;;;YAoB0C,aAAa;;AAA5E,wBAA8E"}

package/dist/Highlight/Highlight.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { markFuzzyMatchSubstring, markStartsWithMatchSubstring } from './utils';
 type HighlightProps = {
     color?: string;
@@ -9,7 +10,7 @@ type HighlightProps = {
     text: string;
 };
 declare const Highlight: {
-    ({ marker, query, text, ...restProps }: HighlightProps): JSX.Element;
+    ({ marker, query, text, ...restProps }: HighlightProps): React.JSX.Element;
     FUZZY: typeof markFuzzyMatchSubstring;
     STARTS_WITH: typeof markStartsWithMatchSubstring;
 };

package/dist/Highlight/Highlight.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../src/Highlight/Highlight.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAE/E,KAAK,cAAc,GAAG;IAIpB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,MAAM,CAAC,EAAE,CACP,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,KACV,KAAK,CAAC;QAAE,SAAS,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAKhD,KAAK,EAAE,MAAM,CAAA;IAKb,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAKD,QAAA,MAAM,SAAS;4CAKZ,cAAc;;;CAsBhB,CAAA;AAMD,eAAe,SAAS,CAAA"}
+{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../src/Highlight/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAE/E,KAAK,cAAc,GAAG;IAIpB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,MAAM,CAAC,EAAE,CACP,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,KACV,KAAK,CAAC;QAAE,SAAS,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAKhD,KAAK,EAAE,MAAM,CAAA;IAKb,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAKD,QAAA,MAAM,SAAS;4CAKZ,cAAc;;;CAsBhB,CAAA;AAMD,eAAe,SAAS,CAAA"}

package/dist/Icon/Icon.d.ts

@@ -9,7 +9,7 @@ type IconProps = ComponentProps<typeof Box> & {
     size?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | number | string;
 };
 declare const _default: {
-    ({ name, size, color, children, ...props }: IconProps): JSX.Element;
+    ({ name, size, color, children, ...props }: IconProps): React.JSX.Element;
     Path: typeof Path;
     Status: typeof Status;
 } & {

package/dist/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAY,MAAM,OAAO,CAAA;AAEvD,OAAO,GAAG,MAAM,QAAQ,CAAA;AAExB,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,MAAM,MAAM,UAAU,CAAA;AAY7B,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IAE5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAG1B,KAAK,CAAC,EAAE,MAAM,CAAA;IAGd,IAAI,CAAC,EAAE,MAAM,CAAA;IAGb,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;CAC1E,CAAA;;;;;;UAmCO,WAAW;YACT,aAAa;;AAFvB,wBAGC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAY,MAAM,OAAO,CAAA;AAEvD,OAAO,GAAG,MAAM,QAAQ,CAAA;AAExB,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,MAAM,MAAM,UAAU,CAAA;AAY7B,KAAK,SAAS,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IAE5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAG1B,KAAK,CAAC,EAAE,MAAM,CAAA;IAGd,IAAI,CAAC,EAAE,MAAM,CAAA;IAGb,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAA;CAC1E,CAAA;;;;;;UAoCO,WAAW;YACT,aAAa;;AAFvB,wBAGC"}

package/dist/Icon/Icon.js

@@ -1,2 +1,2 @@
-import{__rest as o,__spreadArray as r,__assign as t}from'./../ext/tslib/tslib.es6.js';import e from"react";import{Box as i}from"../Box/Box.js";import{useThemeValue as s}from"../system/utils.js";import l from"./Path.js";import m from"./Status.js";var x={lg:"18px",md:"14px",sm:"12px",xl:"32px",xs:"10px",xxl:"48px",xxs:"8px"},a=function(l){var m=l.name,a=void 0===m?"":m,n=l.size,p=void 0===n?"md":n,d=l.color,c=void 0===d?"currentColor":d,f=l.children,h=o(l,["name","size","color","children"]),u=s("icon"),v=s(r(["icons"],a.split("."),!0)),j=x[p]||p,g=a?e.createElement("path",{d:v}):f;return e.createElement(i,t({as:"svg",viewBox:"0 0 16 16",width:j,height:j,basis:j,grow:0,shrink:0,fill:c,fillRule:"evenodd",children:g},u,h))};a.Path=l,a.Status=m;export{a as default};
+import{__rest as o,__spreadArray as t,__assign as r}from'./../ext/tslib/tslib.es6.js';import e from"react";import{Box as i}from"../Box/Box.js";import{useThemeValue as s}from"../system/utils.js";import l from"./Path.js";import m from"./Status.js";var x={lg:"18px",md:"14px",sm:"12px",xl:"32px",xs:"10px",xxl:"48px",xxs:"8px"},a=function(l){var m=l.name,a=void 0===m?"":m,p=l.size,n=void 0===p?"md":p,d=l.color,c=void 0===d?"currentColor":d,f=l.children,h=o(l,["name","size","color","children"]),u=s("icon"),v=s(t(["icons"],a.split("."),!0)),j=x[n]||n,g=a?e.createElement("path",{d:v}):f;return e.createElement(i,r({as:"svg",viewBox:"0 0 16 16",width:j,height:j,basis:j,grow:0,shrink:0,fill:c,fillRule:"evenodd"},u,h),g)};a.Path=l,a.Status=m;export{a as default};
 //# sourceMappingURL=Icon.js.map

package/dist/Icon/Path.d.ts

@@ -1,10 +1,10 @@
-import { ComponentProps } from 'react';
+import React, { ComponentProps } from 'react';
 import Box from '../Box';
 type Props = ComponentProps<typeof Box> & {
     color?: string;
     name: string;
 };
-declare function Path({ name, color, ...restProps }: Props): JSX.Element;
+declare function Path({ name, color, ...restProps }: Props): React.JSX.Element;
 declare namespace Path {
     var displayName: string;
 }

package/dist/Icon/Path.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Path.d.ts","sourceRoot":"","sources":["../../src/Icon/Path.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,GAAG,MAAM,QAAQ,CAAA;AAGxB,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IAExC,KAAK,CAAC,EAAE,MAAM,CAAA;IAGd,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,iBAAS,IAAI,CAAC,EAAE,IAAS,EAAE,KAAsB,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,eAGvE;kBAHQ,IAAI;;;AAOb,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Path.d.ts","sourceRoot":"","sources":["../../src/Icon/Path.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,GAAG,MAAM,QAAQ,CAAA;AAGxB,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GAAG;IAExC,KAAK,CAAC,EAAE,MAAM,CAAA;IAGd,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,iBAAS,IAAI,CAAC,EAAE,IAAS,EAAE,KAAsB,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,qBAGvE;kBAHQ,IAAI;;;AAOb,eAAe,IAAI,CAAA"}

package/dist/Icon/Status.d.ts

@@ -1,9 +1,10 @@
+import React from 'react';
 export type Props = {
     color?: string;
     variant: 'confirmed' | 'unconfirmed' | 'declined';
     variantFilled?: boolean;
 };
-declare function Status(props: Props): JSX.Element;
+declare function Status(props: Props): React.JSX.Element;
 declare namespace Status {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../src/Icon/Status.tsx"],"names":[],"mappings":"AAwBA,MAAM,MAAM,KAAK,GAAG;IAElB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,OAAO,EAAE,WAAW,GAAG,aAAa,GAAG,UAAU,CAAA;IAEjD,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,iBAAS,MAAM,CAAC,KAAK,EAAE,KAAK,eAY3B;kBAZQ,MAAM;;;AAgBf,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Status.d.ts","sourceRoot":"","sources":["../../src/Icon/Status.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAuBzB,MAAM,MAAM,KAAK,GAAG;IAElB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,OAAO,EAAE,WAAW,GAAG,aAAa,GAAG,UAAU,CAAA;IAEjD,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,iBAAS,MAAM,CAAC,KAAK,EAAE,KAAK,qBAY3B;kBAZQ,MAAM;;;AAgBf,eAAe,MAAM,CAAA"}

package/dist/Icon/Status.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as o}from'./../ext/tslib/tslib.es6.js';import{token as r}from"@planningcenter/tapestry";import i from"react";import n from"./Icon.js";import l from"./Path.js";var t={confirmed:{iconColor:r("--t-icon-color-status-success-primary"),iconFilled:"general.checkCircle",iconOutlined:"general.outlinedCircleCheck"},declined:{iconColor:r("--t-icon-color-status-error-primary"),iconFilled:"general.xCircle",iconOutlined:"general.outlinedXCircle"},unconfirmed:{iconColor:r("--t-icon-color-status-warning-primary"),iconFilled:"general.questionCircle",iconOutlined:"general.outlinedQuestionCircle"}};function c(r){var c=r.color,a=r.variant,s=r.variantFilled,d=e(r,["color","variant","variantFilled"]),m=t[a],u=m.iconOutlined,p=m.iconFilled,C=m.iconColor,f=c||C,g=s?p:u;return i.createElement(n,o({name:g,color:f},d),i.createElement(l,{name:"tapestry.radio0",color:c}))}c.displayName="Icon.Status";export{c as default};
+import{__rest as e,__assign as o}from'./../ext/tslib/tslib.es6.js';import{token as i}from"@planningcenter/tapestry";import r from"react";import n from"./Icon.js";import l from"./Path.js";var t={confirmed:{iconColor:i("--t-icon-color-status-success"),iconFilled:"general.checkCircle",iconOutlined:"general.outlinedCircleCheck"},declined:{iconColor:i("--t-icon-color-status-error"),iconFilled:"general.xCircle",iconOutlined:"general.outlinedXCircle"},unconfirmed:{iconColor:i("--t-icon-color-status-warning"),iconFilled:"general.questionCircle",iconOutlined:"general.outlinedQuestionCircle"}};function c(i){var c=i.color,a=i.variant,s=i.variantFilled,d=e(i,["color","variant","variantFilled"]),u=t[a],m=u.iconOutlined,C=u.iconFilled,p=u.iconColor,f=c||p,g=s?C:m;return r.createElement(n,o({name:g,color:f},d),r.createElement(l,{name:"tapestry.radio0",color:c}))}c.displayName="Icon.Status";export{c as default};
 //# sourceMappingURL=Status.js.map

package/dist/Input/Inline.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { InputFieldProps } from './InputField';
 type Props = {
     focus?: boolean;
@@ -6,7 +7,7 @@ type Props = {
     light?: boolean;
 };
 type InlineProps = Omit<InputFieldProps, keyof Props | 'ref'> & Props;
-declare function Inline({ light, hover, focus, highlightColor, ...restProps }: InlineProps): JSX.Element;
+declare function Inline({ light, hover, focus, highlightColor, ...restProps }: InlineProps): React.JSX.Element;
 declare namespace Inline {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../src/Input/Inline.tsx"],"names":[],"mappings":"AAGA,OAAmB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE1D,KAAK,KAAK,GAAG;IAIX,KAAK,CAAC,EAAE,OAAO,CAAA;IAGf,cAAc,CAAC,EAAE,MAAM,CAAA;IAKvB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AACD,KAAK,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,CAAA;AAErE,iBAAS,MAAM,CAAC,EACd,KAAK,EACL,KAAK,EACL,KAAK,EACL,cAAgD,EAChD,GAAG,SAAS,EACb,EAAE,WAAW,eAgCb;kBAtCQ,MAAM;;;AA0Cf,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../src/Input/Inline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAmB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE1D,KAAK,KAAK,GAAG;IAIX,KAAK,CAAC,EAAE,OAAO,CAAA;IAGf,cAAc,CAAC,EAAE,MAAM,CAAA;IAKvB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AACD,KAAK,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,CAAA;AAErE,iBAAS,MAAM,CAAC,EACd,KAAK,EACL,KAAK,EACL,KAAK,EACL,cAAgD,EAChD,GAAG,SAAS,EACb,EAAE,WAAW,qBAgCb;kBAtCQ,MAAM;;;AA0Cf,eAAe,MAAM,CAAA"}

package/dist/Input/Input.d.ts

@@ -1,4 +1,4 @@
-import { Component, PropsWithoutRef } from 'react';
+import React, { Component, PropsWithoutRef } from 'react';
 import Inline from './Inline';
 import InputBox, { InputBoxProps } from './InputBox';
 import InputField, { InputFieldProps } from './InputField';
@@ -43,7 +43,7 @@ export default class Input extends Component<InputProps> {
     setInputNode: (node: any) => void;
     focus(): void;
     blur(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};
 //# sourceMappingURL=Input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA;AAEzD,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,QAAQ,EAAE,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AACpD,OAAO,UAAU,EAAE,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,UAAU,KAAK;IAIb,YAAY,CAAC,EAAE,eAAe,CAAC,cAAc,CAAC,CAAA;IAK9C,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IAMxC,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IAKxC,eAAe,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IAKlD,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAG9B,YAAY,CAAC,EAAE,eAAe,CAAC,cAAc,CAAC,CAAA;IAK9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IAKhC,sBAAsB,CAAC,EAAE,eAAe,CAAC,wBAAwB,CAAC,CAAA;IAKlE,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IAKhC,EAAE,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAA;IAK1B,GAAG,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAA;IAK5B,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IAKxC,GAAG,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAA;IAK5B,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IAKxC,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAK9B,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAA;IAKlC,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IAKtC,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IAEpC,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IAExC,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IAEpC,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAA;IAK5C,gBAAgB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAA;IAKtD,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IAKtC,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAKhC,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IAGtC,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAG9B,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;CACjC;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,EAAE,MAAM,KAAK,CAAC,GACxE,KAAK,CAAA;AAEP,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,SAAS,CAAC,UAAU,CAAC;IACtD,SAAS,EAAE,gBAAgB,CAAA;IAC3B,MAAM,CAAC,UAAU,EAAE,OAAO,UAAU,CAAA;IACpC,MAAM,CAAC,MAAM,EAAE,OAAO,MAAM,CAAA;IAC5B,MAAM,CAAC,QAAQ,EAAE,OAAO,QAAQ,CAAA;IAChC,MAAM,CAAC,UAAU,EAAE,OAAO,UAAU,CAAA;IAEpC,YAAY,sBAEX;IAED,KAAK;IAIL,IAAI;IAIJ,MAAM;CA8EP"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,OAAO,CAAA;AAEzD,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,QAAQ,EAAE,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AACpD,OAAO,UAAU,EAAE,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,UAAU,KAAK;IAIb,YAAY,CAAC,EAAE,eAAe,CAAC,cAAc,CAAC,CAAA;IAK9C,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IAMxC,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IAKxC,eAAe,CAAC,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAA;IAKlD,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAA;IAG9B,YAAY,CAAC,EAAE,eAAe,CAAC,cAAc,CAAC,CAAA;IAK9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IAKhC,sBAAsB,CAAC,EAAE,eAAe,CAAC,wBAAwB,CAAC,CAAA;IAKlE,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;IAKhC,EAAE,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAA;IAK1B,GAAG,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAA;IAK5B,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IAKxC,GAAG,CAAC,EAAE,eAAe,CAAC,KAAK,CAAC,CAAA;IAK5B,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IAKxC,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAK9B,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAA;IAKlC,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IAKtC,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IAEpC,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IAExC,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IAEpC,WAAW,CAAC,EAAE,eAAe,CAAC,aAAa,CAAC,CAAA;IAK5C,gBAAgB,CAAC,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAA;IAKtD,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IAKtC,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAKhC,QAAQ,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IAGtC,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAG9B,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;CACjC;AAED,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,EAAE,MAAM,KAAK,CAAC,GACxE,KAAK,CAAA;AAEP,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,SAAS,CAAC,UAAU,CAAC;IACtD,SAAS,EAAE,gBAAgB,CAAA;IAC3B,MAAM,CAAC,UAAU,EAAE,OAAO,UAAU,CAAA;IACpC,MAAM,CAAC,MAAM,EAAE,OAAO,MAAM,CAAA;IAC5B,MAAM,CAAC,QAAQ,EAAE,OAAO,QAAQ,CAAA;IAChC,MAAM,CAAC,UAAU,EAAE,OAAO,UAAU,CAAA;IAEpC,YAAY,sBAEX;IAED,KAAK;IAIL,IAAI;IAIJ,MAAM;CA8EP"}

package/dist/Input/Input.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Input.test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.test.d.ts","sourceRoot":"","sources":["../../src/Input/Input.test.tsx"],"names":[],"mappings":""}

package/dist/Input/InputBox.d.ts

@@ -1,6 +1,11 @@
-import { Component, MouseEvent, ReactElement, ReactNode, RefCallback } from 'react';
+import React, { Component, MouseEvent, ReactElement, ReactNode, RefCallback } from 'react';
 import { FocusableElement } from 'tabbable';
 import { StackViewProps } from '../StackView';
+type Size = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type RenderSideElement = ReactElement<{
+    size?: string | number;
+}>;
+type RenderSideProp = ((size?: Size) => RenderSideElement) | RenderSideElement;
 export type InputBoxProps = StackViewProps & {
     backgroundColor?: string;
     children?: ReactNode;
@@ -16,10 +21,10 @@ export type InputBoxProps = StackViewProps & {
     onClear?: (event?: MouseEvent<HTMLButtonElement>) => void;
     readOnly?: boolean;
     readOnlyBackgroundColor?: string;
-    renderLeft?: ((size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl') => ReactElement) | ReactElement;
-    renderRight?: ((size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl') => ReactElement) | ReactElement;
+    renderLeft?: RenderSideProp;
+    renderRight?: RenderSideProp;
     secondaryStroke?: boolean;
-    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    size?: Size;
     state?: 'error' | 'success';
     subdued?: boolean;
     tabIndex?: number;
@@ -47,7 +52,7 @@ declare class InputBox extends Component<InputBoxProps, {
     handleMouseOver: (e: any) => void;
     handleMouseOut: (e: any) => void;
     handleDocumentEscape: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default InputBox;
 //# sourceMappingURL=InputBox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputBox.d.ts","sourceRoot":"","sources":["../../src/Input/InputBox.tsx"],"names":[],"mappings":"AACA,OAAc,EAEZ,SAAS,EAET,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACZ,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,gBAAgB,EAAY,MAAM,UAAU,CAAA;AAMrD,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAKxD,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAI3C,eAAe,CAAC,EAAE,MAAM,CAAA;IAKxB,QAAQ,CAAC,EAAE,SAAS,CAAA;IAMpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAMlB,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,eAAe,CAAC,EAAE,MAAM,CAAA;IAOxB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAK9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAMpB,cAAc,CAAC,EAAE,OAAO,CAAA;IAKxB,QAAQ,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAA;IAKxC,SAAS,CAAC,EAAE,OAAO,CAAA;IAKnB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAEzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAKhC,UAAU,CAAC,EACP,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,KAAK,YAAY,CAAC,GAC3D,YAAY,CAAA;IAKhB,WAAW,CAAC,EACR,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,KAAK,YAAY,CAAC,GAC3D,YAAY,CAAA;IAKhB,eAAe,CAAC,EAAE,OAAO,CAAA;IAKzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAMvC,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAK3B,OAAO,CAAC,EAAE,OAAO,CAAA;IAKjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAYD,cAAM,QAAS,SAAQ,SAAS,CAC9B,aAAa,EACb;IAAE,SAAS,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAC3C;IACC,MAAM,CAAC,YAAY;;;;MAIlB;IAED,MAAM,CAAC,WAAW,SAAmB;IAErC,IAAI,EAAE,gBAAgB,CAAA;gBAEV,KAAK,KAAA;IAWjB,oBAAoB;IAMpB,OAAO,SAAU,gBAAgB,UAKhC;IAED,YAAY,YAGX;IAED,KAAK,2BAWJ;IAED,IAAI,aAMH;IAED,WAAW,mBAUV;IAED,UAAU,mBAKT;IAED,WAAW,mBAKV;IAED,eAAe,mBAKd;IAED,cAAc,mBAKb;IAED,oBAAoB,aAEnB;IAED,MAAM;CAwNP;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"InputBox.d.ts","sourceRoot":"","sources":["../../src/Input/InputBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAEZ,SAAS,EAET,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACZ,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,gBAAgB,EAAY,MAAM,UAAU,CAAA;AAMrD,OAAkB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAKxD,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC5C,KAAK,iBAAiB,GAAG,YAAY,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC,CAAA;AACjE,KAAK,cAAc,GAAG,CAAC,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,iBAAiB,CAAC,GAAG,iBAAiB,CAAA;AAE9E,MAAM,MAAM,aAAa,GAAG,cAAc,GAAG;IAI3C,eAAe,CAAC,EAAE,MAAM,CAAA;IAKxB,QAAQ,CAAC,EAAE,SAAS,CAAA;IAMpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAMlB,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,eAAe,CAAC,EAAE,MAAM,CAAA;IAOxB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAK9B,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAMpB,cAAc,CAAC,EAAE,OAAO,CAAA;IAKxB,QAAQ,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,CAAA;IAKxC,SAAS,CAAC,EAAE,OAAO,CAAA;IAKnB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IAEzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAKhC,UAAU,CAAC,EAAE,cAAc,CAAA;IAK3B,WAAW,CAAC,EAAE,cAAc,CAAA;IAK5B,eAAe,CAAC,EAAE,OAAO,CAAA;IAKzB,IAAI,CAAC,EAAE,IAAI,CAAA;IAMX,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAK3B,OAAO,CAAC,EAAE,OAAO,CAAA;IAKjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAYD,cAAM,QAAS,SAAQ,SAAS,CAC9B,aAAa,EACb;IAAE,SAAS,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAE,CAC3C;IACC,MAAM,CAAC,YAAY;;;;MAIlB;IAED,MAAM,CAAC,WAAW,SAAmB;IAErC,IAAI,EAAE,gBAAgB,CAAA;gBAEV,KAAK,KAAA;IAWjB,oBAAoB;IAMpB,OAAO,SAAU,gBAAgB,UAKhC;IAED,YAAY,YAGX;IAED,KAAK,2BAWJ;IAED,IAAI,aAMH;IAED,WAAW,mBAUV;IAED,UAAU,mBAKT;IAED,WAAW,mBAKV;IAED,eAAe,mBAKd;IAED,cAAc,mBAKb;IAED,oBAAoB,aAEnB;IAED,MAAM;CAgOP;AAED,eAAe,QAAQ,CAAA"}

package/dist/Input/InputBox.js

@@ -1,2 +1,2 @@
-import{__extends as e,__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import{token as t}from"@planningcenter/tapestry";import n,{cloneElement as i,Component as a}from"react";import{tabbable as s}from"tabbable";import{Box as l}from"../Box/Box.js";import{Button as d}from"../Button/Button.js";import{useDocumentEvent as u}from"../hooks/use-document-event.js";import"mousetrap";import"../hooks/use-measure.js";import{Spinner as c}from"../Spinner/Spinner.js";import{StackView as p}from"../StackView/StackView.js";import{getBoxSize as f}from"../system/box-sizes.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"../system/default-theme.js";import"../system/style-names.js";import"../system/cxs.js";import b from"./InputContext.js";import{isTabbable as m,inputs as g}from"./utils.js";function h(e){var o=e.onEscape;return u("keydown",(function(e){27===e.keyCode&&o()})),null}var v=function(a){function u(e){var o=a.call(this,e)||this;return Object.defineProperty(o,"node",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"setNode",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.node=e,o.props.innerRef&&o.props.innerRef(e)}}),Object.defineProperty(o,"getBoxStyles",{enumerable:!0,configurable:!0,writable:!0,value:function(){return f(o.props.size)}}),Object.defineProperty(o,"focus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0===e&&(e=o.props.focusChildIndex);var r=o.node;if(r&&void 0!==e){var t=s(r);t.length>0&&(r=t[e])}r&&r.focus&&r.focus()}}),Object.defineProperty(o,"blur",{enumerable:!0,configurable:!0,writable:!0,value:function(){m(o.node)?o.node.blur():o.setState({isFocused:!1})}}),Object.defineProperty(o,"handleFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.focusChildrenOnFocus&&e.target===o.node&&o.focus(),o.props.onFocus&&o.props.onFocus(e),o.setState({isFocused:!0})}}),Object.defineProperty(o,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onBlur&&o.props.onBlur(e),o.setState({isFocused:!1})}}),Object.defineProperty(o,"handleClear",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onClear&&o.props.onClear(e),o.focus()}}),Object.defineProperty(o,"handleMouseOver",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onMouseOver&&o.props.onMouseOver(e),o.setState({isHovered:!0})}}),Object.defineProperty(o,"handleMouseOut",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onMouseOut&&o.props.onMouseOut(e),o.setState({isHovered:!1})}}),Object.defineProperty(o,"handleDocumentEscape",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.props.onClear()}}),e.id&&(g[e.id]=o),o.state={isFocused:!1,isHovered:!1},o}return e(u,a),Object.defineProperty(u.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete g[this.props.id]}}),Object.defineProperty(u.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,a=e.backgroundColor,s=void 0===a?t("--t-form-background-color"):a,u=e.children,f=e.disabled,m=e.evenPadding;e.focusChildIndex,e.focusChildrenOnFocus;var g=e.id;e.innerRef;var v=e.includeSpacing,y=e.isLoading,O=e.naked,j=e.onClear;e.onBlur,e.onFocus;var k=e.readOnly,C=void 0!==k&&k,x=e.readOnlyBackgroundColor,w=void 0===x?t("--t-form-background-color-readonly"):x,S=e.renderLeft,P=e.renderRight,z=e.secondaryStroke,B=void 0===z||z,F=e.size,I=e.state,E=e.subdued,R=e.tabIndex,M=void 0===R?-1:R,H=o(e,["backgroundColor","children","disabled","evenPadding","focusChildIndex","focusChildrenOnFocus","id","innerRef","includeSpacing","isLoading","naked","onClear","onBlur","onFocus","readOnly","readOnlyBackgroundColor","renderLeft","renderRight","secondaryStroke","size","state","subdued","tabIndex"]),L=this.state,V=L.isFocused,N=L.isHovered,A=this.getBoxStyles(),W=A.boxSize,T=A.fontSize,D=A.lineHeight,U=A.paddingHorizontal,Z={backgroundColor:s,fontSize:T,lineHeight:D,paddingVertical:A.paddingVertical,tabIndex:M,zIndex:V||N?2:1},_={},q={alignItems:"center",display:"flex",height:"100%",justifyContent:"center",position:"absolute",top:0,width:W},G=S?W:U,J=P?W:U;return"pill"===H.radius||"pill-left"===H.radius?(Z.paddingLeft=G,Z.paddingRight=J):(H.radius,Z.paddingLeft=G,Z.paddingRight=J),(y||j)&&(Z.paddingRight=W),C?Z.backgroundColor=w:E?Z.backgroundColor=!f&&V?"highlightSecondary":!f&&N?I?"".concat(I,"-1"):"highlight":I?"".concat(I,"-0"):"surfaceTertiary":O||(B&&(Z.boxShadow=!f&&V?"0 0 0 2px var(--colors-separator-focus-secondary)":void 0),Z.strokeAlign="inside",Z.strokeWeight=1,Z.stroke=f?t("--t-form-border-color-disabled"):V?"error"===I?t("--t-form-border-color-error"):I||t("--t-form-border-color-focus"):"error"===I?t("--t-form-border-color-error"):I||t(N?"--t-form-border-color-hover":"--t-form-border-color"),Z.backgroundColor=t(f?"--t-form-background-color-disabled":"--t-form-background-color"),H.color||(_.color=t(f?"--t-form-font-color-disabled":"--t-form-font-color"))),g&&(Z["aria-labelledby"]="".concat(g,"-label")),m&&(Z.paddingLeft=Z.paddingVertical,Z.paddingRight=Z.paddingVertical),v&&(Z.spacing=m?Z.paddingVertical:U),f?(_.cursor="not-allowed",Z.tabIndex=void 0,_.opacity=H.color||O?.64:1):O||(N&&H.hover&&Object.assign(H,H.hover),V&&H.focus&&Object.assign(H,H.focus),H=r(r({},H),{focus:r({strokeAlign:"inside",strokeWeight:1},H.focus),hover:r({strokeAlign:"inside",strokeWeight:1},H.hover)})),n.createElement(b.Provider,{value:this},n.createElement(p,r({innerRef:this.setNode,id:g,axis:p.HORIZONTAL,alignment:p.CENTER,shrink:0,minHeight:W,radius:t("--t-form-border-radius"),readOnly:C,position:"relative",cursor:"text",outline:0,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut},Z,H,_),S&&n.createElement(l,r({},q,{left:0}),"function"==typeof S?S(F):i(S,{size:S.props&&S.props.size||F})),u,(y||j||P)&&n.createElement(l,r({},q,{right:0}),y?n.createElement(c,{size:F}):j?n.createElement(d,{icon:{name:"general.x"},title:"clear input value",size:F,theme:!1,onClick:this.handleClear}):"function"==typeof P?P(F):P?i(P,{size:P.props&&P.props.size||F}):null),j&&n.createElement(h,{onEscape:this.handleDocumentEscape})))}}),Object.defineProperty(u,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{focusChildIndex:0,focusChildrenOnFocus:!0,size:"md"}}),Object.defineProperty(u,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputBox"}),u}(a);export{v as default};
+import{__extends as e,__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import{token as t}from"@planningcenter/tapestry";import n,{cloneElement as i,Component as a}from"react";import{tabbable as s}from"tabbable";import{Box as l}from"../Box/Box.js";import{Button as d}from"../Button/Button.js";import{useDocumentEvent as u}from"../hooks/use-document-event.js";import"mousetrap";import"../hooks/use-measure.js";import{Spinner as c}from"../Spinner/Spinner.js";import{StackView as p}from"../StackView/StackView.js";import{getBoxSize as f}from"../system/box-sizes.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import"@emotion/react";import"lodash/get";import"../system/default-theme.js";import"../system/style-names.js";import"../system/cxs.js";import b from"./InputContext.js";import{isTabbable as m,inputs as g}from"./utils.js";function h(e){var o=e.onEscape;return u("keydown",(function(e){"Escape"===e.key&&o()})),null}var v=function(a){function u(e){var o=a.call(this,e)||this;return Object.defineProperty(o,"node",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(o,"setNode",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.node=e,o.props.innerRef&&o.props.innerRef(e)}}),Object.defineProperty(o,"getBoxStyles",{enumerable:!0,configurable:!0,writable:!0,value:function(){return f(o.props.size)}}),Object.defineProperty(o,"focus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0===e&&(e=o.props.focusChildIndex);var r=o.node;if(r&&void 0!==e){var t=s(r);t.length>0&&(r=t[e])}r&&r.focus&&r.focus()}}),Object.defineProperty(o,"blur",{enumerable:!0,configurable:!0,writable:!0,value:function(){m(o.node)?o.node.blur():o.setState({isFocused:!1})}}),Object.defineProperty(o,"handleFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.focusChildrenOnFocus&&e.target===o.node&&o.focus(),o.props.onFocus&&o.props.onFocus(e),o.setState({isFocused:!0})}}),Object.defineProperty(o,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onBlur&&o.props.onBlur(e),o.setState({isFocused:!1})}}),Object.defineProperty(o,"handleClear",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onClear&&o.props.onClear(e),o.focus()}}),Object.defineProperty(o,"handleMouseOver",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onMouseOver&&o.props.onMouseOver(e),o.setState({isHovered:!0})}}),Object.defineProperty(o,"handleMouseOut",{enumerable:!0,configurable:!0,writable:!0,value:function(e){o.props.onMouseOut&&o.props.onMouseOut(e),o.setState({isHovered:!1})}}),Object.defineProperty(o,"handleDocumentEscape",{enumerable:!0,configurable:!0,writable:!0,value:function(){o.props.onClear()}}),e.id&&(g[e.id]=o),o.state={isFocused:!1,isHovered:!1},o}return e(u,a),Object.defineProperty(u.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete g[this.props.id]}}),Object.defineProperty(u.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,a=e.backgroundColor,s=void 0===a?t("--t-form-background-color"):a,u=e.children,f=e.disabled,m=e.evenPadding;e.focusChildIndex,e.focusChildrenOnFocus;var g=e.id;e.innerRef;var v=e.includeSpacing,y=e.isLoading,O=e.naked,j=e.onClear;e.onBlur,e.onFocus;var k=e.readOnly,C=void 0!==k&&k,x=e.readOnlyBackgroundColor,w=void 0===x?t("--t-form-background-color-readonly"):x,S=e.renderLeft,P=e.renderRight,z=e.secondaryStroke,B=void 0===z||z,F=e.size,E=e.state,I=e.subdued,R=e.tabIndex,M=void 0===R?-1:R,H=o(e,["backgroundColor","children","disabled","evenPadding","focusChildIndex","focusChildrenOnFocus","id","innerRef","includeSpacing","isLoading","naked","onClear","onBlur","onFocus","readOnly","readOnlyBackgroundColor","renderLeft","renderRight","secondaryStroke","size","state","subdued","tabIndex"]),L=this.state,V=L.isFocused,N=L.isHovered,A=this.getBoxStyles(),W=A.boxSize,T=A.fontSize,D=A.lineHeight,U=A.paddingHorizontal,Z={backgroundColor:s,fontSize:T,lineHeight:D,paddingVertical:A.paddingVertical,tabIndex:M,zIndex:V||N?2:1},_={},q={alignItems:"center",display:"flex",height:"100%",justifyContent:"center",position:"absolute",top:0,width:W},G=S?W:U,J=P?W:U;return"pill"===H.radius||"pill-left"===H.radius?(Z.paddingLeft=G,Z.paddingRight=J):(H.radius,Z.paddingLeft=G,Z.paddingRight=J),(y||j)&&(Z.paddingRight=W),C?Z.backgroundColor=w:I?Z.backgroundColor=!f&&V?"highlightSecondary":!f&&N?E?"".concat(E,"-1"):"highlight":E?"".concat(E,"-0"):"surfaceTertiary":O||(B&&(Z.boxShadow=!f&&V?"0 0 0 2px var(--colors-separator-focus-secondary)":void 0),Z.strokeAlign="inside",Z.strokeWeight=1,Z.stroke=f?t("--t-form-border-color-disabled"):V?"error"===E?t("--t-form-border-color-error"):E||t("--t-form-border-color-focus"):"error"===E?t("--t-form-border-color-error"):E||t(N?"--t-form-border-color-hover":"--t-form-border-color"),Z.backgroundColor=t(f?"--t-form-background-color-disabled":"--t-form-background-color"),H.color||(_.color=t(f?"--t-form-font-color-disabled":"--t-form-font-color"))),g&&(Z["aria-labelledby"]="".concat(g,"-label")),m&&(Z.paddingLeft=Z.paddingVertical,Z.paddingRight=Z.paddingVertical),v&&(Z.spacing=m?Z.paddingVertical:U),f?(_.cursor="not-allowed",Z.tabIndex=void 0,_.opacity=H.color||O?.64:1):O||(N&&H.hover&&Object.assign(H,H.hover),V&&H.focus&&Object.assign(H,H.focus),H=r(r({},H),{focus:r({strokeAlign:"inside",strokeWeight:1},H.focus),hover:r({strokeAlign:"inside",strokeWeight:1},H.hover)})),n.createElement(b.Provider,{value:this},n.createElement(p,r({innerRef:this.setNode,id:g,axis:p.HORIZONTAL,alignment:p.CENTER,shrink:0,minHeight:W,radius:t("--t-form-border-radius"),readOnly:C,position:"relative",cursor:"text",outline:0,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut},Z,H,_),S&&n.createElement(l,r({},q,{left:0}),"function"==typeof S?S(F):i(S,{size:S.props&&S.props.size||F})),u,(y||j||P)&&n.createElement(l,r({},q,{right:0}),y?n.createElement(c,{size:F}):j?n.createElement(d,{icon:{name:"general.x"},title:"clear input value",size:F,theme:!1,onClick:this.handleClear}):"function"==typeof P?P(F):P?i(P,{size:P.props&&P.props.size||F}):null),j&&n.createElement(h,{onEscape:this.handleDocumentEscape})))}}),Object.defineProperty(u,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{focusChildIndex:0,focusChildrenOnFocus:!0,size:"md"}}),Object.defineProperty(u,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputBox"}),u}(a);export{v as default};
 //# sourceMappingURL=InputBox.js.map

package/dist/Input/InputBox.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=InputBox.test.d.ts.map

package/dist/Input/InputBox.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputBox.test.d.ts","sourceRoot":"","sources":["../../src/Input/InputBox.test.tsx"],"names":[],"mappings":""}

package/dist/Input/InputContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import InputBox from './InputBox';
 declare const InputContext: import("react").Context<InputBox>;
 export default InputContext;

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

@@ -1 +1 @@
-{"version":3,"file":"InputContext.d.ts","sourceRoot":"","sources":["../../src/Input/InputContext.ts"],"names":[],"mappings":";AAEA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,QAAA,MAAM,YAAY,mCAAiD,CAAA;AACnE,eAAe,YAAY,CAAA"}
+{"version":3,"file":"InputContext.d.ts","sourceRoot":"","sources":["../../src/Input/InputContext.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,QAAA,MAAM,YAAY,mCAAiD,CAAA;AACnE,eAAe,YAAY,CAAA"}

package/dist/Input/InputField.d.ts

@@ -1,4 +1,4 @@
-import { Component } from 'react';
+import React, { Component } from 'react';
 import { BoxProps } from '../types';
 import InputBox from './InputBox';
 type Props = {
@@ -37,7 +37,7 @@ declare class InputField extends Component<InputFieldProps, {
     handleBlur: (event: any) => void;
     focus: () => void;
     blur: () => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default InputField;
 //# sourceMappingURL=InputField.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../src/Input/InputField.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIxC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAMnC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAuBjC,KAAK,KAAK,GAAG;IAKX,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAKrC,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;IAK1C,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAKhC,QAAQ,CAAC,EAAE,GAAG,CAAA;IAKd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAKzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACxC,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,CAAC,CAAA;AAE1E,cAAM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC;IACzE,MAAM,CAAC,YAAY;;;MAGlB;IAED,MAAM,CAAC,WAAW,SAAqB;IAEvC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,YAAY,EAAE,OAAO,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,IAAI,EAAE,gBAAgB,CAAA;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAA;gBAEP,KAAK,KAAA;IAajB,iBAAiB;IAajB,kBAAkB,CAAC,SAAS,KAAA;IAgB5B,oBAAoB;IAMpB,OAAO,sBAKN;IAED,QAAQ,CAAC,IAAI,KAAA;IAmCb,iBAAiB,6BAMhB;IAED,YAAY,uBAQX;IAED,YAAY,uBAYX;IAED,aAAa,uBAKZ;IAED,WAAW,uBAUV;IAED,UAAU,uBAkBT;IAED,KAAK,aAEJ;IAED,IAAI,aAEH;IAED,MAAM;CA2EP;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../src/Input/InputField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIxC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAMnC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAuBjC,KAAK,KAAK,GAAG;IAKX,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAKrC,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;IAK1C,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAKhC,QAAQ,CAAC,EAAE,GAAG,CAAA;IAKd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAKzB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACxC,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,CAAC,CAAA;AAE1E,cAAM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,CAAC;IACzE,MAAM,CAAC,YAAY;;;MAGlB;IAED,MAAM,CAAC,WAAW,SAAqB;IAEvC,iBAAiB,EAAE,OAAO,CAAA;IAC1B,YAAY,EAAE,OAAO,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,IAAI,EAAE,gBAAgB,CAAA;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAA;gBAEP,KAAK,KAAA;IAajB,iBAAiB;IAajB,kBAAkB,CAAC,SAAS,KAAA;IAgB5B,oBAAoB;IAMpB,OAAO,sBAKN;IAED,QAAQ,CAAC,IAAI,KAAA;IAmCb,iBAAiB,6BAMhB;IAED,YAAY,uBAQX;IAED,YAAY,uBAYX;IAED,aAAa,uBAKZ;IAED,WAAW,uBAUV;IAED,UAAU,uBAkBT;IAED,KAAK,aAEJ;IAED,IAAI,aAEH;IAED,MAAM;CA2EP;AAED,eAAe,UAAU,CAAA"}

package/dist/Input/InputLabel.d.ts

@@ -1,10 +1,10 @@
-import { ComponentProps } from 'react';
+import React, { ComponentProps } from 'react';
 import Text from '../Text';
 export type InputLabelProps = ComponentProps<typeof Text> & {
     controls?: string;
     state?: 'warning' | 'error' | 'success';
 };
-declare function InputLabel({ controls, state, ...restProps }: InputLabelProps): JSX.Element;
+declare function InputLabel({ controls, state, ...restProps }: InputLabelProps): React.JSX.Element;
 declare namespace InputLabel {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"InputLabel.d.ts","sourceRoot":"","sources":["../../src/Input/InputLabel.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAkC,MAAM,OAAO,CAAA;AAI7E,OAAO,IAAI,MAAM,SAAS,CAAA;AAI1B,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IAI1D,QAAQ,CAAC,EAAE,MAAM,CAAA;IAKjB,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;CACxC,CAAA;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,eA2CrE;kBA3CQ,UAAU;;;AA+CnB,eAAe,UAAU,CAAA"}
+{"version":3,"file":"InputLabel.d.ts","sourceRoot":"","sources":["../../src/Input/InputLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAkC,MAAM,OAAO,CAAA;AAI7E,OAAO,IAAI,MAAM,SAAS,CAAA;AAI1B,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IAI1D,QAAQ,CAAC,EAAE,MAAM,CAAA;IAKjB,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;CACxC,CAAA;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,EAAE,eAAe,qBA2CrE;kBA3CQ,UAAU;;;AA+CnB,eAAe,UAAU,CAAA"}

package/dist/ItemList/ItemList.d.ts

@@ -1,4 +1,4 @@
-import { Component, ReactNode } from 'react';
+import React, { Component, ReactNode } from 'react';
 type Props = {
     children: ((itemList: ItemList) => ReactNode) | ReactNode;
     onHighlight?: Function;
@@ -40,7 +40,7 @@ declare class ItemList extends Component<Props> {
     selectItem: (index: any) => void;
     selectHighlightedItem: () => void;
     isItemSelected: (data: any) => any;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default ItemList;
 //# sourceMappingURL=ItemList.d.ts.map

package/dist/ItemList/ItemList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemList.d.ts","sourceRoot":"","sources":["../../src/ItemList/ItemList.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAcnD,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,KAAK,SAAS,CAAC,GAAG,SAAS,CAAA;IACzD,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CAC7B,CAAA;AAED,cAAM,QAAS,SAAQ,SAAS,CAAC,KAAK,CAAC;IACrC,iBAAiB,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAA;IAChD,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;IAEhC,WAAW,QAAK;IAEhB,gBAAgB,MAAO;IAEvB,EAAE,SAA8B;IAEhC,KAAK,QAAK;IAEV,YAAY,SAAK;IAEjB,SAAS,yBAER;IAED,WAAW,sBAEV;IAED,aAAa,qBASZ;IAED,mBAAmB,0CAKlB;IAED,aAAa,oCAUZ;IAED,yBAAyB,uBAKxB;IAGD,YAAY,mDAYX;IAED,iBAAiB,wBAEhB;IAED,iBAAiB,aAEhB;IAED,6BAA6B,uBAK5B;IAED,6BAA6B,aAE5B;IAGD,mBAAmB,YAElB;IAED,oBAAoB,eAEnB;IAED,mBAAmB;;;eA4ClB;IAED,oBAAoB,WACV,MAAM;kBAMF,OAAO;gBACT,OAAO;8BACO,OAAO;eA0BhC;IAED,qBAAqB,aAEpB;IAGD,iBAAiB,uBAWhB;IAED,UAAU,uBAET;IAED,qBAAqB,aAIpB;IAED,cAAc,qBAGb;IAED,MAAM;CAQP;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"ItemList.d.ts","sourceRoot":"","sources":["../../src/ItemList/ItemList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAcnD,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,QAAQ,KAAK,SAAS,CAAC,GAAG,SAAS,CAAA;IACzD,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CAC7B,CAAA;AAED,cAAM,QAAS,SAAQ,SAAS,CAAC,KAAK,CAAC;IACrC,iBAAiB,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,CAAA;IAChD,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;IAEhC,WAAW,QAAK;IAEhB,gBAAgB,MAAO;IAEvB,EAAE,SAA8B;IAEhC,KAAK,QAAK;IAEV,YAAY,SAAK;IAEjB,SAAS,yBAER;IAED,WAAW,sBAEV;IAED,aAAa,qBASZ;IAED,mBAAmB,0CAKlB;IAED,aAAa,oCAUZ;IAED,yBAAyB,uBAKxB;IAGD,YAAY,mDAYX;IAED,iBAAiB,wBAEhB;IAED,iBAAiB,aAEhB;IAED,6BAA6B,uBAK5B;IAED,6BAA6B,aAE5B;IAGD,mBAAmB,YAElB;IAED,oBAAoB,eAEnB;IAED,mBAAmB;;;eA4ClB;IAED,oBAAoB,WACV,MAAM;kBAMF,OAAO;gBACT,OAAO;8BACO,OAAO;eA0BhC;IAED,qBAAqB,aAEpB;IAGD,iBAAiB,uBAWhB;IAED,UAAU,uBAET;IAED,qBAAqB,aAIpB;IAED,cAAc,qBAGb;IAED,MAAM;CAQP;AAED,eAAe,QAAQ,CAAA"}

package/dist/ItemList/ItemList.js

@@ -1,2 +1,2 @@
-import{__extends as e}from'./../ext/tslib/tslib.es6.js';import t,{Component as r}from"react";import i from"./ItemListContext.js";import{scrollIntoView as n,isNumberKey as l,isLetterKey as o,isSpecialKey as a,isComboKey as u,modulo as c}from"./utils.js";var d=0,b=function(r){function b(){var e=null!==r&&r.apply(this,arguments)||this;return Object.defineProperty(e,"stringSearchTimer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"highlightedItemId",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"controllers",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(e,"highlightedIndex",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"id",{enumerable:!0,configurable:!0,writable:!0,value:"item-list-".concat(d++)}),Object.defineProperty(e,"items",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(e,"searchString",{enumerable:!0,configurable:!0,writable:!0,value:""}),Object.defineProperty(e,"getItemId",{enumerable:!0,configurable:!0,writable:!0,value:function(t){return null===t?null:"".concat(e.id,"-item-").concat(t)}}),Object.defineProperty(e,"getItemNode",{enumerable:!0,configurable:!0,writable:!0,value:function(t){return null===t?null:e.items[t].getNode()}}),Object.defineProperty(e,"getItemByText",{enumerable:!0,configurable:!0,writable:!0,value:function(t){for(var r=0;r<e.items.length;r++){var i=e.items[r],n=i.props.text||String(i.props.data);if(!i.props.disabled&&0===n.toLowerCase().indexOf(t))return i}return null}}),Object.defineProperty(e,"subscribeController",{enumerable:!0,configurable:!0,writable:!0,value:function(t){return e.controllers.push(t),function(){e.controllers.splice(e.controllers.indexOf(t),1)}}}),Object.defineProperty(e,"subscribeItem",{enumerable:!0,configurable:!0,writable:!0,value:function(t){return e.items.splice(t.props.index,0,t),function(){t.props.index===e.highlightedIndex&&(e.highlightedIndex=null),e.items.splice(e.items.indexOf(t),1)}}}),Object.defineProperty(e,"scrollItemIntoViewByIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var r=e.getItemNode(t);r&&n(r)}}),Object.defineProperty(e,"stringSearch",{enumerable:!0,configurable:!0,writable:!0,value:function(t,r){return void 0===r&&(r=300),new Promise((function(i){(l(t)||o(t)||a(t))&&!u(t)&&(t.preventDefault(),e.addToSearchString(t.key),e.startSearchStringRefreshTimer(r),i(e.searchString))}))}}),Object.defineProperty(e,"addToSearchString",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.searchString+=t.toLowerCase()}}),Object.defineProperty(e,"clearSearchString",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.searchString=""}}),Object.defineProperty(e,"startSearchStringRefreshTimer",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.clearSearchStringRefreshTimer(),e.stringSearchTimer=setTimeout((function(){e.clearSearchString()}),t)}}),Object.defineProperty(e,"clearSearchStringRefreshTimer",{enumerable:!0,configurable:!0,writable:!0,value:function(){clearTimeout(e.stringSearchTimer)}}),Object.defineProperty(e,"getHighlightedIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(){return e.highlightedIndex}}),Object.defineProperty(e,"getHighlightedItemId",{enumerable:!0,configurable:!0,writable:!0,value:function(){return e.highlightedItemId}}),Object.defineProperty(e,"setHighlightedIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(t,r){var i=void 0===r?{}:r,l=i.focus,o=void 0!==l&&l,a=i.maybeScrollIntoView,u=void 0===a||a,c={lastIndex:e.highlightedIndex,newIndex:t},d=e.items[t];if(0!==e.items.length){if(d&&d.props.disabled&&(t=null),null!==t){var b=e.getItemNode(t);u&&n(b),o&&b.focus()}e.props.onHighlight&&e.props.onHighlight(c),e.items.forEach((function(e){e.props.index===t?(e.highlighted=!0,e.forceUpdate()):e.highlighted?(e.highlighted=!1,e.forceUpdate()):e.highlighted=!1})),e.controllers.forEach((function(r){r.highlightedItemId=e.getItemId(t),r.forceUpdate()})),e.highlightedIndex=t,e.highlightedItemId=e.getItemId(t)}}}),Object.defineProperty(e,"moveHighlightedIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(t,r){var i=void 0===r?{}:r,n=i.contain,l=void 0===n||n,o=i.focus,a=void 0!==o&&o,u=i.maybeScrollIntoView,d=void 0!==u&&u,b=e.items.length,g=e.highlightedIndex;null===g?g=t>=0?0:b-1:((g+=t)<0||g>=b)&&(g=l?c(e.highlightedIndex+t,b):null);var f=e.items[g];f&&f.props.disabled?(e.highlightedIndex=g,e.moveHighlightedIndex(t,{contain:l,focus:a,maybeScrollIntoView:d})):e.setHighlightedIndex(g,{focus:a,maybeScrollIntoView:d})}}),Object.defineProperty(e,"clearHighlightedIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.setHighlightedIndex(null)}}),Object.defineProperty(e,"selectItemByIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var r=e.items[t];r&&(e.props.onSelect(r.props.data,{index:r.props.index,node:r.node}),r.props.onSelect&&r.props.onSelect(r.node))}}),Object.defineProperty(e,"selectItem",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.selectItemByIndex(t)}}),Object.defineProperty(e,"selectHighlightedItem",{enumerable:!0,configurable:!0,writable:!0,value:function(){null!==e.highlightedIndex&&e.selectItemByIndex(e.highlightedIndex)}}),Object.defineProperty(e,"isItemSelected",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var r=e.props.selected;return"function"==typeof r?r(t):r===t}}),e}return e(b,r),Object.defineProperty(b.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.children;return t.createElement(i.Provider,{value:this},"function"==typeof e?e(this):e)}}),b}(r);export{b as default};
+import{__extends as e}from'./../ext/tslib/tslib.es6.js';import t,{Component as r}from"react";import i from"./ItemListContext.js";import{scrollIntoView as n,isNumberKey as l,isLetterKey as o,isSpecialKey as a,isComboKey as u,modulo as c}from"./utils.js";var d=0,b=function(r){function b(){var e=null!==r&&r.apply(this,arguments)||this;return Object.defineProperty(e,"stringSearchTimer",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"highlightedItemId",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"controllers",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(e,"highlightedIndex",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"id",{enumerable:!0,configurable:!0,writable:!0,value:"item-list-".concat(d++)}),Object.defineProperty(e,"items",{enumerable:!0,configurable:!0,writable:!0,value:[]}),Object.defineProperty(e,"searchString",{enumerable:!0,configurable:!0,writable:!0,value:""}),Object.defineProperty(e,"getItemId",{enumerable:!0,configurable:!0,writable:!0,value:function(t){return null===t?null:"".concat(e.id,"-item-").concat(t)}}),Object.defineProperty(e,"getItemNode",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var r;return null===t?null:null===(r=e.items[t])||void 0===r?void 0:r.getNode()}}),Object.defineProperty(e,"getItemByText",{enumerable:!0,configurable:!0,writable:!0,value:function(t){for(var r=0;r<e.items.length;r++){var i=e.items[r],n=i.props.text||String(i.props.data);if(!i.props.disabled&&0===n.toLowerCase().indexOf(t))return i}return null}}),Object.defineProperty(e,"subscribeController",{enumerable:!0,configurable:!0,writable:!0,value:function(t){return e.controllers.push(t),function(){e.controllers.splice(e.controllers.indexOf(t),1)}}}),Object.defineProperty(e,"subscribeItem",{enumerable:!0,configurable:!0,writable:!0,value:function(t){return e.items.splice(t.props.index,0,t),function(){t.props.index===e.highlightedIndex&&(e.highlightedIndex=null),e.items.splice(e.items.indexOf(t),1)}}}),Object.defineProperty(e,"scrollItemIntoViewByIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var r=e.getItemNode(t);r&&n(r)}}),Object.defineProperty(e,"stringSearch",{enumerable:!0,configurable:!0,writable:!0,value:function(t,r){return void 0===r&&(r=300),new Promise((function(i){(l(t)||o(t)||a(t))&&!u(t)&&(t.preventDefault(),e.addToSearchString(t.key),e.startSearchStringRefreshTimer(r),i(e.searchString))}))}}),Object.defineProperty(e,"addToSearchString",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.searchString+=t.toLowerCase()}}),Object.defineProperty(e,"clearSearchString",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.searchString=""}}),Object.defineProperty(e,"startSearchStringRefreshTimer",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.clearSearchStringRefreshTimer(),e.stringSearchTimer=setTimeout((function(){e.clearSearchString()}),t)}}),Object.defineProperty(e,"clearSearchStringRefreshTimer",{enumerable:!0,configurable:!0,writable:!0,value:function(){clearTimeout(e.stringSearchTimer)}}),Object.defineProperty(e,"getHighlightedIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(){return e.highlightedIndex}}),Object.defineProperty(e,"getHighlightedItemId",{enumerable:!0,configurable:!0,writable:!0,value:function(){return e.highlightedItemId}}),Object.defineProperty(e,"setHighlightedIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(t,r){var i=void 0===r?{}:r,l=i.focus,o=void 0!==l&&l,a=i.maybeScrollIntoView,u=void 0===a||a,c={lastIndex:e.highlightedIndex,newIndex:t},d=e.items[t];if(0!==e.items.length){if(d&&d.props.disabled&&(t=null),null!==t){var b=e.getItemNode(t);u&&b&&n(b),o&&(null==b||b.focus())}e.props.onHighlight&&e.props.onHighlight(c),e.items.forEach((function(e){e.props.index===t?(e.highlighted=!0,e.forceUpdate()):e.highlighted?(e.highlighted=!1,e.forceUpdate()):e.highlighted=!1})),e.controllers.forEach((function(r){r.highlightedItemId=e.getItemId(t),r.forceUpdate()})),e.highlightedIndex=t,e.highlightedItemId=e.getItemId(t)}}}),Object.defineProperty(e,"moveHighlightedIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(t,r){var i=void 0===r?{}:r,n=i.contain,l=void 0===n||n,o=i.focus,a=void 0!==o&&o,u=i.maybeScrollIntoView,d=void 0!==u&&u,b=e.items.length,g=e.highlightedIndex;null===g?g=t>=0?0:b-1:((g+=t)<0||g>=b)&&(g=l?c(e.highlightedIndex+t,b):null);var f=e.items[g];f&&f.props.disabled?(e.highlightedIndex=g,e.moveHighlightedIndex(t,{contain:l,focus:a,maybeScrollIntoView:d})):e.setHighlightedIndex(g,{focus:a,maybeScrollIntoView:d})}}),Object.defineProperty(e,"clearHighlightedIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.setHighlightedIndex(null)}}),Object.defineProperty(e,"selectItemByIndex",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var r=e.items[t];r&&(e.props.onSelect(r.props.data,{index:r.props.index,node:r.node}),r.props.onSelect&&r.props.onSelect(r.node))}}),Object.defineProperty(e,"selectItem",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.selectItemByIndex(t)}}),Object.defineProperty(e,"selectHighlightedItem",{enumerable:!0,configurable:!0,writable:!0,value:function(){null!==e.highlightedIndex&&e.selectItemByIndex(e.highlightedIndex)}}),Object.defineProperty(e,"isItemSelected",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var r=e.props.selected;return"function"==typeof r?r(t):r===t}}),e}return e(b,r),Object.defineProperty(b.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props.children;return t.createElement(i.Provider,{value:this},"function"==typeof e?e(this):e)}}),b}(r);export{b as default};
 //# sourceMappingURL=ItemList.js.map

package/dist/ItemList/ItemList.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ItemList.test.d.ts.map

package/dist/ItemList/ItemList.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemList.test.d.ts","sourceRoot":"","sources":["../../src/ItemList/ItemList.test.tsx"],"names":[],"mappings":""}

package/dist/ItemList/ItemListContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import ItemList from './ItemList';
 declare const ItemListContext: import("react").Context<ItemList>;
 export default ItemListContext;

package/dist/ItemList/ItemListContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemListContext.d.ts","sourceRoot":"","sources":["../../src/ItemList/ItemListContext.ts"],"names":[],"mappings":";AAEA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,QAAA,MAAM,eAAe,mCAAiD,CAAA;AACtE,eAAe,eAAe,CAAA"}
+{"version":3,"file":"ItemListContext.d.ts","sourceRoot":"","sources":["../../src/ItemList/ItemListContext.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,QAAA,MAAM,eAAe,mCAAiD,CAAA;AACtE,eAAe,eAAe,CAAA"}

package/dist/ItemList/ItemListController.d.ts

@@ -1,4 +1,4 @@
-import { Component, ReactNode } from 'react';
+import React, { Component, ReactNode } from 'react';
 import ItemList from './ItemList';
 declare class ItemListController extends Component<{
     children: (data: Partial<ItemList> & {
@@ -10,7 +10,7 @@ declare class ItemListController extends Component<{
     highlightedItemId: any;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default ItemListController;
 //# sourceMappingURL=ItemListController.d.ts.map

package/dist/ItemList/ItemListController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemListController.d.ts","sourceRoot":"","sources":["../../src/ItemList/ItemListController.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEnD,OAAO,QAAQ,MAAM,YAAY,CAAA;AAGjC,cAAM,kBAAmB,SAAQ,SAAS,CAAC;IACzC,QAAQ,EAAE,CACR,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG;QAAE,iBAAiB,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAC7D,SAAS,CAAA;CACf,CAAC;IACA,QAAQ,EAAE,QAAQ,CAAA;IAClB,qBAAqB,EAAE,MAAM,IAAI,CAAA;IAEjC,iBAAiB,MAAO;IAExB,iBAAiB;IAIjB,oBAAoB;IAIpB,MAAM;CAeP;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"ItemListController.d.ts","sourceRoot":"","sources":["../../src/ItemList/ItemListController.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEnD,OAAO,QAAQ,MAAM,YAAY,CAAA;AAGjC,cAAM,kBAAmB,SAAQ,SAAS,CAAC;IACzC,QAAQ,EAAE,CACR,IAAI,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG;QAAE,iBAAiB,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAC7D,SAAS,CAAA;CACf,CAAC;IACA,QAAQ,EAAE,QAAQ,CAAA;IAClB,qBAAqB,EAAE,MAAM,IAAI,CAAA;IAEjC,iBAAiB,MAAO;IAExB,iBAAiB;IAIjB,oBAAoB;IAIpB,MAAM;CAeP;AAED,eAAe,kBAAkB,CAAA"}