@planningcenter/tapestry-react 3.0.0 → 4.0.0-rc.2

package/dist/Heading/index.d.ts

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

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

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

package/dist/Heading/index.js

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

package/dist/Heading/index.js.map

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

package/dist/HeadingUppercase/HeadingUppercase.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } 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;
+export default HeadingUppercase;
+//# sourceMappingURL=HeadingUppercase.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingUppercase.d.ts","sourceRoot":"","sources":["../../src/HeadingUppercase/HeadingUppercase.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,IAAI,MAAM,SAAS,CAAA;AAG1B,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/HeadingUppercase/HeadingUppercase.js

@@ -0,0 +1,2 @@
+import{__rest as r,__assign as e}from'./../ext/tslib/tslib.es6.js';import t from"react";import{Text as o}from"../Text/Text.js";import{useThemeProps as s}from"../system/utils.js";var i=function(i){var n=i.children,a=r(i,["children"]),m=s("HeadingUppercase",a);return t.createElement(o,e({as:"span",color:"foregroundSecondary",cursor:"default",fontSize:5,fontWeight:700,margin:0,shrink:0,uppercase:!0},m),n)};export{i as default};
+//# sourceMappingURL=HeadingUppercase.js.map

package/dist/HeadingUppercase/HeadingUppercase.js.map

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

package/dist/HeadingUppercase/index.d.ts

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

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

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

package/dist/HeadingUppercase/index.js

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

package/dist/HeadingUppercase/index.js.map

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

package/dist/HelperDrawer/HelperDrawer.d.ts

@@ -0,0 +1,22 @@
+import { jsx } from '@emotion/react';
+import { ComponentProps } from 'react';
+import Card from '../Card';
+declare function Toggle({ drawerId, ...restProps }: {
+    [x: string]: any;
+    drawerId: any;
+}): jsx.JSX.Element;
+type Props = ComponentProps<typeof Card> & {
+    id?: string | number;
+};
+declare function HelperDrawer({ children, id, ...restProps }: Props): jsx.JSX.Element;
+declare namespace HelperDrawer {
+    var Toggle: ({ drawerId, ...restProps }: {
+        [x: string]: any;
+        drawerId: any;
+    }) => jsx.JSX.Element;
+}
+declare const _default: typeof HelperDrawer & {
+    Toggle: typeof Toggle;
+};
+export default _default;
+//# sourceMappingURL=HelperDrawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HelperDrawer.d.ts","sourceRoot":"","sources":["../../src/HelperDrawer/HelperDrawer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,cAAc,EAAoC,MAAM,OAAO,CAAA;AAGxE,OAAO,IAAI,MAAM,SAAS,CAAA;AAK1B,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE;;;CAAA,mBAwBzC;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,mBAe1D;kBAfQ,YAAY;;;;;;;YAmB0C,aAAa;;AAA5E,wBAA8E"}

package/dist/HelperDrawer/HelperDrawer.js

@@ -0,0 +1,2 @@
+import{__rest as r,__assign as o}from'./../ext/tslib/tslib.es6.js';import{jsx as e}from"@emotion/react";import{useState as t,useEffect as n,useCallback as i}from"react";import l from"../Button/Button.js";import d from"../Card/Card.js";import a from"../Collapse/Collapse.js";var u={};function f(i){var l=i.children,f=i.id,c=r(i,["children","id"]),m=t(!1),s=m[0],p=m[1];return n((function(){return u[f]=function(){return p((function(r){return!r}))},function(){delete u[f]}}),[f]),e(a,{open:s,lazy:!0,style:{width:"100%"}},e(d,o({subdued:!0,padding:1,fontSize:4},c),l))}f.Toggle=function(t){var n=t.drawerId,d=r(t,["drawerId"]),a=i((function(r){var o=u[n];o&&(r.preventDefault(),o())}),[n]);return e(l,o({icon:{name:"general.outlinedInfoCircle"},tooltip:{title:"More info"},size:"xs",theme:!1,color:"foregroundSecondary",hover:{backgroundColor:"highlight"},onClick:a,"data-helper-drawer-toggle":!0},d))};export{f as default};
+//# sourceMappingURL=HelperDrawer.js.map

package/dist/HelperDrawer/HelperDrawer.js.map

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

package/dist/HelperDrawer/index.d.ts

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

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

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

package/dist/HelperDrawer/index.js

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

package/dist/HelperDrawer/index.js.map

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

package/dist/Highlight/Highlight.d.ts

@@ -0,0 +1,17 @@
+import { markFuzzyMatchSubstring, markStartsWithMatchSubstring } from './utils';
+type HighlightProps = {
+    color: string;
+    marker: (text: string, query: string) => Array<{
+        text: string;
+        highlight: boolean;
+    }>;
+    query: string;
+    text: string;
+};
+declare const Highlight: {
+    ({ marker, query, text, ...restProps }: HighlightProps): JSX.Element;
+    FUZZY: typeof markFuzzyMatchSubstring;
+    STARTS_WITH: typeof markStartsWithMatchSubstring;
+};
+export default Highlight;
+//# sourceMappingURL=Highlight.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Highlight.d.ts","sourceRoot":"","sources":["../../src/Highlight/Highlight.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,uBAAuB,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAE/E,KAAK,cAAc,GAAG;IAIpB,KAAK,EAAE,MAAM,CAAA;IAKb,MAAM,EAAE,CACN,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,KACV,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,OAAO,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/Highlight/Highlight.js

@@ -0,0 +1,2 @@
+import{__rest as t,__assign as r}from'./../ext/tslib/tslib.es6.js';import e from"react";import{Text as i}from"../Text/Text.js";import{useThemeProps as o}from"../system/utils.js";import{markFuzzyMatchSubstring as n,markStartsWithMatchSubstring as a}from"./utils.js";var m=function(n){var m=n.marker,s=void 0===m?a:m,l=n.query,h=n.text,p=t(n,["marker","query","text"]),u=o("highlight",p),f=u.color,c=void 0===f?"primary":f,g=t(u,["color"]);return e.createElement(i,r({as:"span"},g),s(h,l).map((function(t,r){return e.createElement(i,{key:r,inline:!0,as:t.highlight?"mark":"span",color:t.highlight?c:void 0,backgroundColor:"transparent",fontWeight:"inherit",fontSize:"inherit"},t.text)})))};m.FUZZY=n,m.STARTS_WITH=a;export{m as default};
+//# sourceMappingURL=Highlight.js.map

package/dist/Highlight/Highlight.js.map

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

package/dist/Highlight/index.d.ts

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

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

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

package/dist/Highlight/index.js

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

package/dist/Highlight/index.js.map

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

package/dist/Highlight/utils.d.ts

@@ -0,0 +1,6 @@
+export declare function markFuzzyMatchSubstring(text: any, query: any): any;
+export declare function markStartsWithMatchSubstring(text: any, query: any): {
+    text: any;
+    highlight: boolean;
+}[];
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/Highlight/utils.ts"],"names":[],"mappings":"AAOA,wBAAgB,uBAAuB,CAAC,IAAI,KAAA,EAAE,KAAK,KAAA,OAelD;AAED,wBAAgB,4BAA4B,CAAC,IAAI,KAAA,EAAE,KAAK,KAAA;;;IA0BvD"}

package/dist/Highlight/utils.js

@@ -0,0 +1,2 @@
+var e=/[|\\{}()[\]^$+*?.-]/g;function t(t,g){for(var r=t.split(new RegExp("("+(g.replace(e,"\\$&")+")"),"ig")),i=g.toLowerCase(),h=r.length,l=-1;++l<h;){var a=r[l];r[l]={text:a.replace(/ /g," "),highlight:a.toLowerCase()===i}}return r}function g(e,t){var g=t.toLowerCase(),r=e.toLowerCase().indexOf(g),i=r+g.length;return-1===r?[{text:e,highlight:!1}]:[{text:e.slice(0,r).replace(/ /g," "),highlight:!1},{text:e.slice(r,i).replace(/ /g," "),highlight:!0},{text:e.slice(i).replace(/ /g," "),highlight:!1}]}export{t as markFuzzyMatchSubstring,g as markStartsWithMatchSubstring};
+//# sourceMappingURL=utils.js.map

package/dist/Highlight/utils.js.map

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

package/dist/Icon/Icon.d.ts

@@ -0,0 +1,12 @@
+import Path from './Path';
+import Status from './Status';
+declare const _default: {
+    ({ name, size, color, children, ...props }: any): JSX.Element;
+    Path: typeof Path;
+    Status: typeof Status;
+} & {
+    Path: typeof Path;
+    Status: typeof Status;
+};
+export default _default;
+//# sourceMappingURL=Icon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAIA,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,MAAM,MAAM,UAAU,CAAA;;;;;;UA2DrB,WAAW;YACT,aAAa;;AAFvB,wBAGC"}

package/dist/Icon/Icon.js

@@ -0,0 +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={xxs:"8px",xs:"10px",sm:"12px",md:"14px",lg:"18px",xl:"32px",xxl:"48px"},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};
+//# sourceMappingURL=Icon.js.map

package/dist/Icon/Icon.js.map

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

package/dist/Icon/Path.d.ts

@@ -0,0 +1,12 @@
+import { ComponentProps } from 'react';
+import Box from '../Box';
+type Props = ComponentProps<typeof Box> & {
+    name: string;
+    color?: string;
+};
+declare function Path({ name, color, ...restProps }: Props): JSX.Element;
+declare namespace Path {
+    var displayName: string;
+}
+export default Path;
+//# sourceMappingURL=Path.d.ts.map

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

@@ -0,0 +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,IAAI,EAAE,MAAM,CAAA;IAGZ,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,iBAAS,IAAI,CAAC,EAAE,IAAS,EAAE,KAAsB,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,eAGvE;kBAHQ,IAAI;;;AAOb,eAAe,IAAI,CAAA"}

package/dist/Icon/Path.js

@@ -0,0 +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 s}from"../Box/Box.js";import{useThemeValue as i}from"../system/utils.js";function m(m){var l=m.name,a=void 0===l?"":l,n=m.color,c=void 0===n?"currentColor":n,p=o(m,["name","color"]),d=i(r(["icons"],a.split("."),!0));return e.createElement(s,t({as:"path",d:d,fill:c},p))}m.displayName="Icon.Path";export{m as default};
+//# sourceMappingURL=Path.js.map

package/dist/Icon/Path.js.map

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

package/dist/Icon/Status.d.ts

@@ -0,0 +1,11 @@
+export type Props = {
+    variant: 'confirmed' | 'unconfirmed' | 'declined';
+    variantFilled?: boolean;
+    color?: string;
+};
+declare function Status(props: Props): JSX.Element;
+declare namespace Status {
+    var displayName: string;
+}
+export default Status;
+//# sourceMappingURL=Status.d.ts.map

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

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

package/dist/Icon/Status.js

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

package/dist/Icon/Status.js.map

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

package/dist/Icon/index.d.ts

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

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

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

package/dist/Icon/index.js

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

package/dist/Icon/index.js.map

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

package/dist/Input/Inline.d.ts

@@ -0,0 +1,14 @@
+import { ComponentProps } from 'react';
+import InputField from './InputField';
+type Props = ComponentProps<typeof InputField> & {
+    highlightColor: string;
+    focus?: boolean;
+    hover?: boolean;
+    light?: boolean;
+};
+declare function Inline({ light, hover, focus, highlightColor, ...restProps }: Props): JSX.Element;
+declare namespace Inline {
+    var displayName: string;
+}
+export default Inline;
+//# sourceMappingURL=Inline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../src/Input/Inline.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE7C,OAAO,UAAU,MAAM,cAAc,CAAA;AAGrC,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,GAAG;IAE/C,cAAc,EAAE,MAAM,CAAA;IAKtB,KAAK,CAAC,EAAE,OAAO,CAAA;IAKf,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAA;AAED,iBAAS,MAAM,CAAC,EACd,KAAK,EACL,KAAK,EACL,KAAK,EACL,cAAgD,EAChD,GAAG,SAAS,EACb,EAAE,KAAK,eAgCP;kBAtCQ,MAAM;;;AA0Cf,eAAe,MAAM,CAAA"}

package/dist/Input/Inline.js

@@ -0,0 +1,2 @@
+import{__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import i from"react";import t from"./InputField.js";import{designTokens as e}from"../designTokens/index.js";function l(l){var d=l.light,a=l.hover,n=l.focus,s=l.highlightColor,g=void 0===s?d?"light-0":"highlight":s,h=o(l,["light","hover","focus","highlightColor"]),u=h.readOnly||h.disabled?{}:{backgroundColor:g};return h.disabled?(h.cursor="not-allowed",h.tabIndex=void 0,h.opacity=.64):(a||n)&&(h=r(r({},h),u)),i.createElement(t,r({autoWidth:!0,backgroundColor:"transparent",color:d?"light-9":"foreground",focus:u,grow:0,hover:u,marginHorizontal:-.5,paddingHorizontal:.5,paddingVertical:0,placeholderColor:d?"light-5":"foregroundTertiary",radius:e.input.borderRadius,stroke:void 0},h))}l.displayName="Input.Inline";export{l as default};
+//# sourceMappingURL=Inline.js.map

package/dist/Input/Inline.js.map

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

package/dist/Input/Input.d.ts

@@ -0,0 +1,53 @@
+import { Component, ComponentProps } from 'react';
+import InputBox from './InputBox';
+import InputField from './InputField';
+import InputLabel from './InputLabel';
+import Inline from './Inline';
+type InputProps = ComponentProps<typeof InputBox> & {
+    name: string;
+    id?: string | number;
+    type?: string;
+    defaultValue?: string;
+    value?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    autoWidth?: boolean | number | string;
+    autoComplete?: string;
+    autoFocus?: boolean;
+    focus?: object;
+    hover?: object;
+    min?: string;
+    max?: string;
+    minLength?: string;
+    maxLength?: string;
+    onChange?: ComponentProps<'input'>['onChange'];
+    onFocus?: ComponentProps<'input'>['onFocus'];
+    onBlur?: ComponentProps<'input'>['onBlur'];
+    onKeyDown?: ComponentProps<'input'>['onKeyDown'];
+    onKeyUp?: ComponentProps<'input'>['onKeyUp'];
+    highlightOnInteraction?: boolean;
+    backgroundColor?: string;
+    color?: string;
+    placeholderColor?: string;
+    required?: boolean;
+};
+declare class Input extends Component<InputProps> {
+    inputNode: HTMLInputElement;
+    static InputLabel: typeof InputLabel;
+    static Inline: typeof Inline;
+    static InputBox: typeof InputBox;
+    static InputField: typeof InputField;
+    setInputNode: (node: any) => void;
+    focus(): void;
+    blur(): void;
+    render(): JSX.Element;
+}
+declare const _default: typeof Input & {
+    Inline: typeof Inline;
+    InputBox: typeof InputBox;
+    InputField: typeof InputField;
+    InputLabel: typeof InputLabel;
+};
+export default _default;
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IAIlD,IAAI,EAAE,MAAM,CAAA;IAKZ,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAGpB,IAAI,CAAC,EAAE,MAAM,CAAA;IAGb,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,WAAW,CAAC,EAAE,MAAM,CAAA;IAKpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAMlB,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAKrC,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,SAAS,CAAC,EAAE,OAAO,CAAA;IAKnB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,GAAG,CAAC,EAAE,MAAM,CAAA;IAKZ,GAAG,CAAC,EAAE,MAAM,CAAA;IAKZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAKlB,SAAS,CAAC,EAAE,MAAM,CAAA;IAKlB,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAA;IAK9C,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAAA;IAK5C,MAAM,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAA;IAE1C,SAAS,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAA;IAChD,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAAA;IAK5C,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAKhC,eAAe,CAAC,EAAE,MAAM,CAAA;IAKxB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAKzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,cAAM,KAAM,SAAQ,SAAS,CAAC,UAAU,CAAC;IACvC,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;CA6EP;;YAQS,aAAa;cACX,eAAe;gBACb,iBAAiB;gBACjB,iBAAiB;;AAJ/B,wBAKC"}

package/dist/Input/Input.js

@@ -0,0 +1,2 @@
+import{__extends as e,__rest as o,__assign as n}from'./../ext/tslib/tslib.es6.js';import t,{Component as r}from"react";import l from"./InputBox.js";import a from"./InputField.js";import i from"./InputLabel.js";import u from"./Inline.js";var d=function(r){function i(){var e=null!==r&&r.apply(this,arguments)||this;return Object.defineProperty(e,"inputNode",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"setInputNode",{enumerable:!0,configurable:!0,writable:!0,value:function(o){e.inputNode=o}}),e}return e(i,r),Object.defineProperty(i.prototype,"focus",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.inputNode.focus()}}),Object.defineProperty(i.prototype,"blur",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.inputNode.blur()}}),Object.defineProperty(i.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,r=e.backgroundColor,i=e.color,u=e.autoComplete,d=e.autoFocus,p=e.autoWidth,c=e.defaultValue,h=e.disabled,m=e.focus,b=e.hover,s=e.id,f=e.min,g=e.minLength,y=e.max,v=e.maxLength,C=e.name,I=e.onBlur,O=e.onChange,j=e.onFocus,w=e.onKeyDown,x=e.onKeyUp,F=e.placeholder,L=e.placeholderColor,K=e.readOnly,N=e.highlightOnInteraction,B=e.type,P=e.value,k=e.required,q=e["aria-label"],D=o(e,["backgroundColor","color","autoComplete","autoFocus","autoWidth","defaultValue","disabled","focus","hover","id","min","minLength","max","maxLength","name","onBlur","onChange","onFocus","onKeyDown","onKeyUp","placeholder","placeholderColor","readOnly","highlightOnInteraction","type","value","required","aria-label"]);return t.createElement(l,n({disabled:h,backgroundColor:r,color:i,focus:m,hover:b,readOnly:K},D),t.createElement(a,{"aria-label":q,width:"100%",textOverflow:"ellipsis",innerRef:this.setInputNode,backgroundColor:"transparent",color:"inherit",id:s,autoComplete:u,autoFocus:d,autoWidth:p,type:B,name:C,disabled:h,readOnly:K,highlightOnInteraction:N,placeholder:F,placeholderColor:L,defaultValue:c,min:f,minLength:g,max:y,maxLength:v,value:P,onChange:O,onFocus:j,onBlur:I,onKeyDown:w,onKeyUp:x,required:k}))}}),i}(r);d.Inline=u,d.InputBox=l,d.InputField=a,d.InputLabel=i;export{d as default};
+//# sourceMappingURL=Input.js.map

package/dist/Input/Input.js.map

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

package/dist/Input/InputBox.d.ts

@@ -0,0 +1,51 @@
+import { Component, ComponentProps, ReactElement } from 'react';
+import { FocusableElement } from 'tabbable';
+import StackView from '../StackView';
+export type InputBoxProps = ComponentProps<typeof StackView> & {
+    disabled?: boolean;
+    evenPadding?: boolean;
+    innerRef?: any;
+    id?: string | number;
+    children?: any;
+    focusChildIndex?: number;
+    focusChildrenOnFocus?: boolean;
+    includeSpacing?: boolean;
+    isLoading?: boolean;
+    naked?: boolean;
+    readOnly?: boolean;
+    renderLeft?: ((size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl') => ReactElement) | ReactElement;
+    renderRight?: ((size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl') => ReactElement) | ReactElement;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    state?: 'error' | 'success';
+    tabIndex?: number;
+    subdued?: boolean;
+    secondaryStroke?: boolean;
+    backgroundColor?: string;
+};
+declare class InputBox extends Component<InputBoxProps, {
+    isHovered: boolean;
+    isFocused: boolean;
+}> {
+    static defaultProps: {
+        focusChildrenOnFocus: boolean;
+        focusChildIndex: number;
+        size: string;
+    };
+    static displayName: string;
+    node: FocusableElement;
+    constructor(props: any);
+    componentWillUnmount(): void;
+    setNode: (node: any) => void;
+    getBoxStyles: () => any;
+    focus: (index?: any) => void;
+    blur: () => void;
+    handleFocus: (e: any) => void;
+    handleBlur: (e: any) => void;
+    handleClear: (e: any) => void;
+    handleMouseOver: (e: any) => void;
+    handleMouseOut: (e: any) => void;
+    handleDocumentEscape: () => void;
+    render(): JSX.Element;
+}
+export default InputBox;
+//# sourceMappingURL=InputBox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputBox.d.ts","sourceRoot":"","sources":["../../src/Input/InputBox.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,SAAS,EACT,cAAc,EACd,YAAY,EAEb,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,gBAAgB,EAAY,MAAM,UAAU,CAAA;AAOrD,OAAO,SAAS,MAAM,cAAc,CAAA;AAMpC,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAK7D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAMlB,WAAW,CAAC,EAAE,OAAO,CAAA;IAKrB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAKd,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKpB,QAAQ,CAAC,EAAE,GAAG,CAAA;IAKd,eAAe,CAAC,EAAE,MAAM,CAAA;IAOxB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAM9B,cAAc,CAAC,EAAE,OAAO,CAAA;IAKxB,SAAS,CAAC,EAAE,OAAO,CAAA;IAKnB,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,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,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAMvC,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAK3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IAKjB,OAAO,CAAC,EAAE,OAAO,CAAA;IAKjB,eAAe,CAAC,EAAE,OAAO,CAAA;IAKzB,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,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,sBAKN;IAED,YAAY,YAGX;IAED,KAAK,wBAWJ;IAED,IAAI,aAMH;IAED,WAAW,mBAUV;IAED,UAAU,mBAKT;IAED,WAAW,mBAKV;IAED,eAAe,mBAKd;IAED,cAAc,mBAKb;IAED,oBAAoB,aAEnB;IAED,MAAM;CA+MP;AAED,eAAe,QAAQ,CAAA"}

package/dist/Input/InputBox.js

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

package/dist/Input/InputBox.js.map

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

package/dist/Input/InputContext.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import InputBox from './InputBox';
+declare const InputContext: import("react").Context<InputBox>;
+export default InputContext;
+//# sourceMappingURL=InputContext.d.ts.map

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

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

package/dist/Input/InputContext.js

@@ -0,0 +1,2 @@
+import{createContext as r}from"react";var a=r(void 0);export{a as default};
+//# sourceMappingURL=InputContext.js.map

package/dist/Input/InputContext.js.map

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

package/dist/Input/InputField.d.ts

@@ -0,0 +1,43 @@
+import { Component, ComponentProps } from 'react';
+import Box from '../Box';
+import { InputProps } from '../types';
+import InputBox from './InputBox';
+export type InputFieldProps = ComponentProps<typeof Box> & Pick<InputProps, 'disabled' | 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown'> & {
+    innerRef?: any;
+    autoWidth?: boolean | number | string;
+    autoWidthType?: 'width' | 'basis' | 'both';
+    placeholderColor?: string;
+    highlightOnInteraction?: boolean;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+};
+declare class InputField extends Component<InputFieldProps, {
+    isHovered: boolean;
+}> {
+    static defaultProps: {
+        placeholderColor: string;
+        autoWidthType: string;
+    };
+    static displayName: string;
+    shouldUpdateWidth: boolean;
+    canHighlight: boolean;
+    _lastTextWidth: number;
+    node: HTMLInputElement;
+    inputBox?: InputBox;
+    constructor(props: any);
+    componentDidMount(): void;
+    componentDidUpdate(lastProps: any): void;
+    componentWillUnmount(): void;
+    setNode: (node: any) => void;
+    setWidth(text: any): void;
+    getAutoWidthValue: (defaultValue: any) => any;
+    preventFocus: (event: any) => void;
+    handleChange: (event: any) => void;
+    handleKeyDown: (event: any) => void;
+    handleFocus: (event: any) => void;
+    handleBlur: (event: any) => void;
+    focus: () => void;
+    blur: () => void;
+    render(): JSX.Element;
+}
+export default InputField;
+//# sourceMappingURL=InputField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../src/Input/InputField.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,GAAG,MAAM,QAAQ,CAAA;AAUxB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAqBjC,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,GAAG,CAAC,GACtD,IAAI,CACF,UAAU,EACV,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAC7D,GAAG;IAIF,QAAQ,CAAC,EAAE,GAAG,CAAA;IAMd,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IAKrC,aAAa,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;IAK1C,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAKzB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAKhC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACxC,CAAA;AAEH,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;IA6Bb,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/InputField.js

@@ -0,0 +1,2 @@
+import{__extends as e,__rest as t,__assign as o}from'./../ext/tslib/tslib.es6.js';import i,{Component as n}from"react";import{Box as r}from"../Box/Box.js";import{getBoxSize as a}from"../system/box-sizes.js";import"../system/colors/colors.js";import"polished";import{selectFullTextRange as l,deselectCurrentTextRange as p,getTextWidth as s}from"../utils.js";import"@emotion/react";import"lodash/get";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"../system/style-names.js";import"lodash";import"lodash/includes";import"../system/cxs.js";import u from"./InputContext.js";import{inputs as d,inputLabels as h}from"./utils.js";var c={appearance:"none",outline:0,boxShadow:"none",MozAppearance:"textfield","::-ms-clear":{display:"none"},"::-webkit-clear-button":{display:"none"},"::-webkit-inner-spin-button, ::-webkit-outer-spin-button":{display:"none"},"::-webkit-search-cancel-button":{display:"none"}},b=function(n){function b(e){var t=n.call(this,e)||this;return Object.defineProperty(t,"shouldUpdateWidth",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"canHighlight",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"_lastTextWidth",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"node",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"inputBox",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(t,"setNode",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.node=e,t.props.innerRef&&t.props.innerRef(e)}}),Object.defineProperty(t,"getAutoWidthValue",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return!0===t.props.autoWidth?null!==t.props.value&&void 0!==t.props.value?t.props.value:e:t.props.autoWidth}}),Object.defineProperty(t,"preventFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.props.highlightOnInteraction&&e.target===document.activeElement&&(e.preventDefault(),l(e.target))}}),Object.defineProperty(t,"handleChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){void 0!==t.props.autoWidth&&(!0===t.props.autoWidth?t.setWidth(e.target.value):t.shouldUpdateWidth=!0),t.props.onChange&&t.props.onChange(e),t.canHighlight=!0}}),Object.defineProperty(t,"handleKeyDown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.canHighlight=!0,t.props.onKeyDown&&t.props.onKeyDown(e)}}),Object.defineProperty(t,"handleFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.props.highlightOnInteraction&&l(e.target),t.inputBox&&t.inputBox.setState({isFocused:!0}),t.props.onFocus&&t.props.onFocus(e)}}),Object.defineProperty(t,"handleBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.canHighlight=!1,t.props.highlightOnInteraction&&p(),t.inputBox&&t.inputBox.setState({isFocused:!1}),void 0!==t.props.autoWidth&&void 0!==t.props.placeholder&&""===e.target.value&&t.setWidth(t.props.placeholder),t.props.onBlur&&t.props.onBlur(e)}}),Object.defineProperty(t,"focus",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.node.focus()}}),Object.defineProperty(t,"blur",{enumerable:!0,configurable:!0,writable:!0,value:function(){t.node.blur()}}),t.state={isHovered:!1},t.shouldUpdateWidth=!1,e.id&&(d[e.id]=t),t}return e(b,n),Object.defineProperty(b.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){if(void 0!==this.props.autoWidth){var e=this.getAutoWidthValue(void 0!==this.props.defaultValue?this.props.defaultValue:this.props.placeholder);void 0!==e&&this.setWidth(e)}}}),Object.defineProperty(b.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){(this.shouldUpdateWidth||void 0!==this.props.autoWidth&&void 0!==this.props.value&&this.props.value!==e.value)&&(this.setWidth(this.getAutoWidthValue(this.props.placeholder)),this.shouldUpdateWidth=!1),this.canHighlight&&this.props.highlightOnInteraction&&(l(this.node),this.canHighlight=!1)}}),Object.defineProperty(b.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete d[this.props.id]}}),Object.defineProperty(b.prototype,"setWidth",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=this.props.autoWidthType,o=s(e,this.node);if(o!==this._lastTextWidth){var i=getComputedStyle(this.node),n=[i.borderLeftWidth,i.borderRightWidth,1,i.paddingLeft,i.paddingRight,o].reduce((function(e,t){return e+parseInt(t,10)}),0);"width"!==t&&"both"!==t||(this.node.style.width="".concat(n,"px")),"basis"!==t&&"both"!==t||(this.node.style.flexBasis="".concat(n,"px")),this._lastTextWidth=o}}}),Object.defineProperty(b.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,n=this.props;n.autoWidth,n.autoWidthType;var l=n.css,p=n.disabled;n.innerRef,n.onBlur,n.onChange,n.onFocus,n.onKeyDown,n.onMouseDown,n.onMouseUp;var s=n.placeholderColor;n.highlightOnInteraction;var d=n.size,b=t(n,["autoWidth","autoWidthType","css","disabled","innerRef","onBlur","onChange","onFocus","onKeyDown","onMouseDown","onMouseUp","placeholderColor","highlightOnInteraction","size"]),f={"::placeholder":{color:s},"::-webkit-input-placeholder":{color:s},":-moz-placeholder":{color:s},":-ms-input-placeholder":{color:s}};return i.createElement(u.Consumer,null,(function(t){var n={},s=t?t.getBoxStyles():a(d),u=s.fontSize,g=s.lineHeight;return e.inputBox||(e.inputBox=t),h[e.props.id]&&(n["aria-labelledby"]="".concat(e.props.id,"-label")),e.state.isHovered&&b.hover&&Object.assign(b,b.hover),i.createElement(r,o({as:"input",innerRef:e.setNode,disabled:p,grow:1,padding:0,textOverflow:"ellipsis",whiteSpace:"nowrap",fontSize:u,lineHeight:g,minHeight:g,onFocus:e.handleFocus,onBlur:e.handleBlur,onChange:e.handleChange,onKeyDown:e.handleKeyDown,onMouseDown:e.preventFocus,onMouseUp:e.preventFocus,css:[c,f,l]},b,n))}))}}),Object.defineProperty(b,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{placeholderColor:"foregroundTertiary",autoWidthType:"both"}}),Object.defineProperty(b,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:"Input.InputField"}),b}(n);export{b as default};
+//# sourceMappingURL=InputField.js.map

package/dist/Input/InputField.js.map

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

package/dist/Input/InputLabel.d.ts

@@ -0,0 +1,12 @@
+import { 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 namespace InputLabel {
+    var displayName: string;
+}
+export default InputLabel;
+//# sourceMappingURL=InputLabel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputLabel.d.ts","sourceRoot":"","sources":["../../src/Input/InputLabel.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAkC,cAAc,EAAE,MAAM,OAAO,CAAA;AAG7E,OAAO,IAAI,MAAM,SAAS,CAAA;AAM1B,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"}

package/dist/Input/InputLabel.js

@@ -0,0 +1,2 @@
+import{__rest as t,__assign as e}from'./../ext/tslib/tslib.es6.js';import r,{useRef as o,useEffect as s,useCallback as n}from"react";import{getColor as i}from"../system/colors/colors.js";import"polished";import"../utils.js";import{useThemeProps as l}from"../system/utils.js";import"../system/style-names.js";import"lodash";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"lodash/includes";import"@emotion/react";import"../system/cxs.js";import{Text as c}from"../Text/Text.js";import{inputs as m,inputLabels as u}from"./utils.js";function a(a){var p=a.controls,f=a.state,d=t(a,["controls","state"]),j=t(l("inputLabel",d),[]),y=o(null);p&&(j.id="".concat(p,"-label")),f&&(j.color=i(f)),s((function(){if(p)return y.current=m[p],u[p]=!0,function(){delete u[p]}}),[]);var b=n((function(){y.current&&y.current.focus()}),[y]),h=n((function(){y.current&&y.current.setState({isHovered:!0})}),[y]),v=n((function(){y.current&&y.current.setState({isHovered:!1})}),[y]);return r.createElement(c,e({as:"label",onMouseOver:h,onMouseOut:v,onClick:b},j))}a.displayName="Input.InputLabel";export{a as default};
+//# sourceMappingURL=InputLabel.js.map

package/dist/Input/InputLabel.js.map

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

package/dist/Input/index.d.ts

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

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

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

package/dist/Input/index.js

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

package/dist/Input/index.js.map

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

package/dist/Input/utils.d.ts

@@ -0,0 +1,4 @@
+export declare const inputs: {};
+export declare const inputLabels: {};
+export declare function isTabbable(node: any): boolean;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/Input/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM,IAAK,CAAA;AAExB,eAAO,MAAM,WAAW,IAAK,CAAA;AAE7B,wBAAgB,UAAU,CAAC,IAAI,KAAA,WAK9B"}