@planningcenter/tapestry-react 4.1.0 → 4.2.0

package/dist/Input/Input.d.ts

@@ -1,38 +1,39 @@
-import { Component, ComponentProps } from 'react';
-import InputBox from './InputBox';
-import InputField from './InputField';
-import InputLabel from './InputLabel';
+import { Component, PropsWithoutRef } from 'react';
 import Inline from './Inline';
-type InputProps = ComponentProps<typeof InputBox> & {
-    name: string;
-    id?: string | number;
-    type?: string;
-    defaultValue?: string;
-    value?: string;
-    placeholder?: string;
+import InputBox, { InputBoxProps } from './InputBox';
+import InputField, { InputFieldProps } from './InputField';
+import InputLabel from './InputLabel';
+interface Props {
+    autoComplete?: InputFieldProps['autoComplete'];
+    autoFocus?: InputFieldProps['autoFocus'];
+    autoWidth?: InputFieldProps['autoWidth'];
+    backgroundColor?: InputBoxProps['backgroundColor'];
+    color?: InputBoxProps['color'];
+    defaultValue?: InputFieldProps['defaultValue'];
     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> {
+    focus?: InputFieldProps['focus'];
+    highlightOnInteraction?: InputFieldProps['highlightOnInteraction'];
+    hover?: InputFieldProps['hover'];
+    id?: InputFieldProps['id'];
+    max?: InputFieldProps['max'];
+    maxLength?: InputFieldProps['maxLength'];
+    min?: InputFieldProps['min'];
+    minLength?: InputFieldProps['minLength'];
+    name?: InputFieldProps['name'];
+    onBlur?: InputFieldProps['onBlur'];
+    onChange?: InputFieldProps['onChange'];
+    onFocus?: InputFieldProps['onFocus'];
+    onKeyDown?: InputFieldProps['onKeyDown'];
+    onKeyUp?: InputFieldProps['onKeyUp'];
+    placeholder?: InputFieldProps['placeholder'];
+    placeholderColor?: InputFieldProps['placeholderColor'];
+    readOnly?: InputFieldProps['readOnly'];
+    required?: InputFieldProps['required'];
+    type?: InputFieldProps['type'];
+    value?: InputFieldProps['value'];
+}
+export type InputProps = Omit<PropsWithoutRef<InputBoxProps>, keyof Props> & Props;
+export default class Input extends Component<InputProps> {
     inputNode: HTMLInputElement;
     static InputLabel: typeof InputLabel;
     static Inline: typeof Inline;
@@ -43,11 +44,5 @@ declare class Input extends Component<InputProps> {
     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;
+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,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;CA8EP;;YAQS,aAAa;cACX,eAAe;gBACb,iBAAiB;gBACjB,iBAAiB;;AAJ/B,wBAKC"}
+{"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,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.js

@@ -1,2 +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,s=e.hover,b=e.id,f=e.min,g=e.minLength,y=e.max,v=e.maxLength,C=e.name,I=e.onBlur,O=e.onChange,w=e.onFocus,x=e.onKeyDown,j=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:s,readOnly:K},D),t.createElement(a,{"aria-label":q,cursor:h?"not-allowed":"text",width:"100%",textOverflow:"ellipsis",innerRef:this.setInputNode,backgroundColor:"transparent",color:"inherit",id:b,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:w,onBlur:I,onKeyDown:x,onKeyUp:j,required:k}))}}),i}(r);d.Inline=u,d.InputBox=l,d.InputField=a,d.InputLabel=i;export{d as default};
+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"./Inline.js";import a from"./InputBox.js";import i from"./InputField.js";import u from"./InputLabel.js";var d=function(r){function l(){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(l,r),Object.defineProperty(l.prototype,"focus",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.inputNode.focus()}}),Object.defineProperty(l.prototype,"blur",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.inputNode.blur()}}),Object.defineProperty(l.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,r=e.backgroundColor,l=e.color,u=e.autoComplete,d=e.autoFocus,p=e.autoWidth,c=e.defaultValue,h=e.disabled,m=e.focus,s=e.hover,b=e.id,f=e.min,g=e.minLength,y=e.max,v=e.maxLength,C=e.name,I=e.onBlur,O=e.onChange,w=e.onFocus,x=e.onKeyDown,j=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(a,n({disabled:h,backgroundColor:r,color:l,focus:m,hover:s,readOnly:K},D),t.createElement(i,{"aria-label":q,cursor:h?"not-allowed":"text",width:"100%",textOverflow:"ellipsis",innerRef:this.setInputNode,backgroundColor:"transparent",color:"inherit",id:b,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:w,onBlur:I,onKeyDown:x,onKeyUp:j,required:k}))}}),l}(r);d.Inline=l,d.InputBox=a,d.InputField=i,d.InputLabel=u;export{d as default};
 //# sourceMappingURL=Input.js.map

package/dist/Input/InputBox.d.ts

@@ -1,43 +1,44 @@
-import { Component, ComponentProps, ReactElement } from 'react';
+import { Component, MouseEvent, ReactElement, ReactNode, RefCallback } from 'react';
 import { FocusableElement } from 'tabbable';
-import StackView from '../StackView';
-export type InputBoxProps = ComponentProps<typeof StackView> & {
+import { StackViewProps } from '../StackView';
+export type InputBoxProps = StackViewProps & {
+    backgroundColor?: string;
+    children?: ReactNode;
     disabled?: boolean;
     evenPadding?: boolean;
-    innerRef?: any;
-    id?: string | number;
-    children?: any;
     focusChildIndex?: number;
     focusChildrenOnFocus?: boolean;
+    id?: string | number;
     includeSpacing?: boolean;
+    innerRef?: RefCallback<HTMLInputElement>;
     isLoading?: boolean;
     naked?: boolean;
+    onClear?: (event?: MouseEvent<HTMLButtonElement>) => void;
     readOnly?: boolean;
     renderLeft?: ((size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl') => ReactElement) | ReactElement;
     renderRight?: ((size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl') => ReactElement) | ReactElement;
+    secondaryStroke?: boolean;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     state?: 'error' | 'success';
-    tabIndex?: number;
     subdued?: boolean;
-    secondaryStroke?: boolean;
-    backgroundColor?: string;
+    tabIndex?: number;
 };
 declare class InputBox extends Component<InputBoxProps, {
-    isHovered: boolean;
     isFocused: boolean;
+    isHovered: boolean;
 }> {
     static defaultProps: {
-        focusChildrenOnFocus: boolean;
         focusChildIndex: number;
+        focusChildrenOnFocus: boolean;
         size: string;
     };
     static displayName: string;
     node: FocusableElement;
     constructor(props: any);
     componentWillUnmount(): void;
-    setNode: (node: any) => void;
+    setNode: (node: HTMLInputElement) => void;
     getBoxStyles: () => any;
-    focus: (index?: any) => void;
+    focus: (index?: number) => void;
     blur: () => void;
     handleFocus: (e: any) => void;
     handleBlur: (e: any) => void;

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

@@ -1 +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"}
+{"version":3,"file":"InputBox.d.ts","sourceRoot":"","sources":["../../src/Input/InputBox.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEZ,SAAS,EAET,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACZ,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,gBAAgB,EAAY,MAAM,UAAU,CAAA;AAOrD,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,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;CA+MP;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 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};
+import{__extends as e,__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import n,{cloneElement as t,Component as i}from"react";import{tabbable as s}from"tabbable";import{Box as a}from"../Box/Box.js";import{Button as l}from"../Button/Button.js";import{designTokens as u}from"../designTokens/index.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{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"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";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 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 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 n=s(r);n.length>0&&(r=n[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(d,i),Object.defineProperty(d.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.props.id&&delete g[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,d=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 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,fontSize:A,lineHeight:T,paddingVertical:V.paddingVertical,tabIndex:R,zIndex:M||L?2:1},U={},Z={alignItems:"center",display:"flex",height:"100%",justifyContent:"center",position:"absolute",top:0,width:N},_=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=u.input.readOnlyBackgroundColor:B?D.backgroundColor=!f&&M?"highlightSecondary":!f&&L?z?"".concat(z,"-1"):"highlight":z?"".concat(z,"-0"):"surfaceTertiary":O||(P&&(D.boxShadow=!f&&M?"0px 0px 0px 2px var(--colors-separator-focus-secondary)":void 0),D.strokeAlign="inside",D.strokeWeight=1,D.stroke=!f&&M?z||"separatorFocus":z||(!f&&L?"separatorHover":"separatorSecondary")),g&&(D["aria-labelledby"]="".concat(g,"-label")),m&&(D.paddingLeft=D.paddingVertical,D.paddingRight=D.paddingVertical),v&&(D.spacing=m?D.paddingVertical:W),f?(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),{focus:r({strokeAlign:"inside",strokeWeight:1},E.focus),hover:r({strokeAlign:"inside",strokeWeight:1},E.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:N,radius:u.input.borderRadius,position:"relative",cursor:"text",outline:0,onFocus:this.handleFocus,onBlur:this.handleBlur,onMouseOver:this.handleMouseOver,onMouseOut:this.handleMouseOut},D,E,U),C&&n.createElement(a,r({},Z,{left:0}),"function"==typeof C?C(F):t(C,{size:C.props&&C.props.size||F})),d,(y||j||w)&&n.createElement(a,r({},Z,{right:0}),y?n.createElement(c,{size:F}):j?n.createElement(l,{icon:{name:"general.x"},title:"clear input value",size:F,theme:!1,onClick:this.handleClear}):"function"==typeof w?w(F):w?t(w,{size:w.props&&w.props.size||F}):null),j&&n.createElement(h,{onEscape:this.handleDocumentEscape})))}}),Object.defineProperty(d,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{focusChildIndex:0,focusChildrenOnFocus:!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/InputContext.d.ts.map

@@ -1 +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"}
+{"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,21 +1,21 @@
-import { Component, ComponentProps } from 'react';
-import Box from '../Box';
-import { InputProps } from '../types';
+import { Component } from 'react';
+import { BoxProps } from '../types';
 import InputBox from './InputBox';
-export type InputFieldProps = ComponentProps<typeof Box> & Pick<InputProps, 'disabled' | 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown'> & {
-    innerRef?: any;
+type Props = {
     autoWidth?: boolean | number | string;
     autoWidthType?: 'width' | 'basis' | 'both';
-    placeholderColor?: string;
     highlightOnInteraction?: boolean;
+    innerRef?: any;
+    placeholderColor?: string;
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 };
+export type InputFieldProps = Props & Omit<BoxProps<'input'>, keyof Props>;
 declare class InputField extends Component<InputFieldProps, {
     isHovered: boolean;
 }> {
     static defaultProps: {
-        placeholderColor: string;
         autoWidthType: string;
+        placeholderColor: string;
     };
     static displayName: string;
     shouldUpdateWidth: boolean;

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

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

@@ -1,2 +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};
+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"lodash/includes";import"@emotion/react";import"lodash/get";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"../system/style-names.js";import"../system/cxs.js";import u from"./InputContext.js";import{inputs as d,inputLabels as h}from"./utils.js";var c={"::-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"},MozAppearance:"textfield",appearance:"none",boxShadow:"none",outline:0},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={"::-webkit-input-placeholder":{color:s},"::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:{autoWidthType:"both",placeholderColor:"foregroundTertiary"}}),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/InputLabel.d.ts.map

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

package/dist/Input/InputLabel.js

@@ -1,2 +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};
+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"lodash/includes";import{useThemeProps as c}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"@emotion/react";import"../system/cxs.js";import{Text as l}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(c("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]),v=n((function(){y.current&&y.current.setState({isHovered:!0})}),[y]),h=n((function(){y.current&&y.current.setState({isHovered:!1})}),[y]);return r.createElement(l,e({as:"label",onMouseOver:v,onMouseOut:h,onClick:b},j))}a.displayName="Input.InputLabel";export{a as default};
 //# sourceMappingURL=InputLabel.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ItemListContext.d.ts","sourceRoot":"","sources":["../../src/ItemList/ItemListContext.ts"],"names":[],"mappings":";AACA,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.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;AAGnD,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,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,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"}

package/dist/ItemList/ItemListItem.d.ts

@@ -2,16 +2,16 @@ import { Component, ReactNode } from 'react';
 import ItemList from './ItemList';
 type Props = {
     children: (data: {
-        id: string | number;
         clearHighlight: (index: number) => void;
         highlight: (index: number) => void;
         highlighted: boolean;
+        id: string | number;
         select: (event: Event) => void;
         selected: boolean;
     }) => ReactNode;
-    index: number;
     data?: any;
     disabled?: boolean;
+    index: number;
     onSelect?: (node: any) => void;
     text?: string;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ItemListItem.d.ts","sourceRoot":"","sources":["../../src/ItemList/ItemListItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGnD,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,CAAC,IAAI,EAAE;QACf,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;QACnB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;QACvC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;QAClC,WAAW,EAAE,OAAO,CAAA;QACpB,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;QAC9B,QAAQ,EAAE,OAAO,CAAA;KAClB,KAAK,SAAS,CAAA;IAIf,KAAK,EAAE,MAAM,CAAA;IAIb,IAAI,CAAC,EAAE,GAAG,CAAA;IAIV,QAAQ,CAAC,EAAE,OAAO,CAAA;IAGlB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,cAAM,YAAa,SAAQ,SAAS,CAAC,KAAK,CAAC;IACzC,QAAQ,EAAE,QAAQ,CAAA;IAClB,eAAe,EAAE,MAAM,IAAI,CAAA;IAE3B,IAAI,MAAO;IAEX,WAAW,UAAQ;IAEnB,iBAAiB;IAKjB,kBAAkB,CAAC,SAAS,KAAA;IAQ5B,oBAAoB;IAIpB,OAAO;IAMP,OAAO;IAIP,SAAS,aAMR;IAED,MAAM,aAIL;IAED,MAAM;CAmBP;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"ItemListItem.d.ts","sourceRoot":"","sources":["../../src/ItemList/ItemListItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEnD,OAAO,QAAQ,MAAM,YAAY,CAAA;AAGjC,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,CAAC,IAAI,EAAE;QACf,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;QACvC,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;QAClC,WAAW,EAAE,OAAO,CAAA;QACpB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;QACnB,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;QAC9B,QAAQ,EAAE,OAAO,CAAA;KAClB,KAAK,SAAS,CAAA;IAIf,IAAI,CAAC,EAAE,GAAG,CAAA;IAIV,QAAQ,CAAC,EAAE,OAAO,CAAA;IAIlB,KAAK,EAAE,MAAM,CAAA;IAGb,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,cAAM,YAAa,SAAQ,SAAS,CAAC,KAAK,CAAC;IACzC,QAAQ,EAAE,QAAQ,CAAA;IAClB,eAAe,EAAE,MAAM,IAAI,CAAA;IAE3B,IAAI,MAAO;IAEX,WAAW,UAAQ;IAEnB,iBAAiB;IAKjB,kBAAkB,CAAC,SAAS,KAAA;IAQ5B,oBAAoB;IAIpB,OAAO;IAMP,OAAO;IAIP,SAAS,aAMR;IAED,MAAM,aAIL;IAED,MAAM;CAmBP;AAED,eAAe,YAAY,CAAA"}

package/dist/ItemList/ItemListItem.js

@@ -1,2 +1,2 @@
-import{__extends as e}from'./../ext/tslib/tslib.es6.js';import t,{Component as i}from"react";import r from"./ItemListContext.js";var n=function(i){function n(){var e=null!==i&&i.apply(this,arguments)||this;return Object.defineProperty(e,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"unsubscribeItem",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"node",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"highlighted",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(e,"highlight",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.props.disabled||e.itemList.setHighlightedIndex(e.props.index,{maybeScrollIntoView:!1})}}),Object.defineProperty(e,"select",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.props.disabled||e.itemList.selectItem(e.props.index)}}),e}return e(n,i),Object.defineProperty(n.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.setNode(),this.unsubscribeItem=this.itemList.subscribeItem(this)}}),Object.defineProperty(n.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){e.index!==this.props.index&&(this.itemList.items.sort((function(e,t){return e.props.index-t.props.index})),this.setNode())}}),Object.defineProperty(n.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.unsubscribeItem()}}),Object.defineProperty(n.prototype,"setNode",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.node=document.getElementById(this.itemList.getItemId(this.props.index))}}),Object.defineProperty(n.prototype,"getNode",{enumerable:!1,configurable:!0,writable:!0,value:function(){return this.node}}),Object.defineProperty(n.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;return t.createElement(r.Consumer,null,(function(t){return e.itemList||(e.itemList=t),e.props.children({id:t.getItemId(e.props.index),clearHighlight:t.clearHighlightedIndex,highlight:e.highlight,highlighted:e.highlighted,select:e.select,selected:t.isItemSelected(e.props.data)})}))}}),n}(i);export{n as default};
+import{__extends as e}from'./../ext/tslib/tslib.es6.js';import t,{Component as i}from"react";import r from"./ItemListContext.js";var n=function(i){function n(){var e=null!==i&&i.apply(this,arguments)||this;return Object.defineProperty(e,"itemList",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"unsubscribeItem",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"node",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"highlighted",{enumerable:!0,configurable:!0,writable:!0,value:!1}),Object.defineProperty(e,"highlight",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.props.disabled||e.itemList.setHighlightedIndex(e.props.index,{maybeScrollIntoView:!1})}}),Object.defineProperty(e,"select",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.props.disabled||e.itemList.selectItem(e.props.index)}}),e}return e(n,i),Object.defineProperty(n.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.setNode(),this.unsubscribeItem=this.itemList.subscribeItem(this)}}),Object.defineProperty(n.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){e.index!==this.props.index&&(this.itemList.items.sort((function(e,t){return e.props.index-t.props.index})),this.setNode())}}),Object.defineProperty(n.prototype,"componentWillUnmount",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.unsubscribeItem()}}),Object.defineProperty(n.prototype,"setNode",{enumerable:!1,configurable:!0,writable:!0,value:function(){this.node=document.getElementById(this.itemList.getItemId(this.props.index))}}),Object.defineProperty(n.prototype,"getNode",{enumerable:!1,configurable:!0,writable:!0,value:function(){return this.node}}),Object.defineProperty(n.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this;return t.createElement(r.Consumer,null,(function(t){return e.itemList||(e.itemList=t),e.props.children({clearHighlight:t.clearHighlightedIndex,highlight:e.highlight,highlighted:e.highlighted,id:t.getItemId(e.props.index),select:e.select,selected:t.isItemSelected(e.props.data)})}))}}),n}(i);export{n as default};
 //# sourceMappingURL=ItemListItem.js.map

package/dist/ItemList/utils.d.ts

@@ -4,9 +4,9 @@ export declare function isSpecialKey(event: any): boolean;
 export declare function isComboKey(event: any): any;
 export declare function modulo(val: any, max: any): number;
 export declare function scroller(node: any): {
+    height: any;
     offsetTop: any;
     scrollY: any;
-    height: any;
     setPosition: (top: any) => any;
 };
 export declare function scrollIntoView(node: any): void;

package/dist/ItemList/utils.js

@@ -1,2 +1,2 @@
-import{getClosestViewport as o}from"../utils.js";function t(o){return o.keyCode>=48&&o.keyCode<=57}function e(o){return o.keyCode>=65&&o.keyCode<=90}function n(o){return o.keyCode>=188&&o.keyCode<=190}function i(o){return o.ctrlKey||o.metaKey||o.altKey}function r(o,t){return o>=0?o%t:(o%t+t)%t}function l(o){return o===document.body?{offsetTop:0,scrollY:window.pageYOffset,height:window.innerHeight,setPosition:function(o){return window.scrollTo(0,o)}}:{offsetTop:o.getBoundingClientRect().top,scrollY:o.scrollTop,height:o.offsetHeight,setPosition:function(t){return o.scrollTop=t}}}function s(t){var e=l(o(t));if(null!==e){var n=t.getBoundingClientRect(),i=e.scrollY+(n.top-e.offsetTop);i<e.scrollY?e.setPosition(i):i+n.height>e.scrollY+e.height&&e.setPosition(i+n.height-e.height)}}export{i as isComboKey,e as isLetterKey,t as isNumberKey,n as isSpecialKey,r as modulo,s as scrollIntoView,l as scroller};
+import{getClosestViewport as o}from"../utils.js";function t(o){return o.keyCode>=48&&o.keyCode<=57}function e(o){return o.keyCode>=65&&o.keyCode<=90}function n(o){return o.keyCode>=188&&o.keyCode<=190}function i(o){return o.ctrlKey||o.metaKey||o.altKey}function r(o,t){return o>=0?o%t:(o%t+t)%t}function l(o){return o===document.body?{height:window.innerHeight,offsetTop:0,scrollY:window.pageYOffset,setPosition:function(o){return window.scrollTo(0,o)}}:{height:o.offsetHeight,offsetTop:o.getBoundingClientRect().top,scrollY:o.scrollTop,setPosition:function(t){return o.scrollTop=t}}}function s(t){var e=l(o(t));if(null!==e){var n=t.getBoundingClientRect(),i=e.scrollY+(n.top-e.offsetTop);i<e.scrollY?e.setPosition(i):i+n.height>e.scrollY+e.height&&e.setPosition(i+n.height-e.height)}}export{i as isComboKey,e as isLetterKey,t as isNumberKey,n as isSpecialKey,r as modulo,s as scrollIntoView,l as scroller};
 //# sourceMappingURL=utils.js.map

package/dist/Link/Inline.js

@@ -1,2 +1,2 @@
-import{__rest as r,__assign as o}from'./../ext/tslib/tslib.es6.js';import e from"react";import a from"./Link.js";function l(l){var t=l.light,n=l.hover,d=l.focus,i=l.readOnly,s=r(l,["light","hover","focus","readOnly"]),u=s.readOnly||s.disabled?{}:{backgroundColor:t?"light-0":"dark-0"};return s.disabled||!n&&!d||(s=o(o({},s),u)),e.createElement(a,o({underline:!1,paddingLeft:.5,marginHorizontal:-.5,backgroundColor:"transparent",color:t?"light-9":"dark-9",hover:u,focus:u,readOnly:i},s))}export{l as default};
+import{__rest as r,__assign as o}from'./../ext/tslib/tslib.es6.js';import e from"react";import{Link as a}from"./Link.js";function l(l){var t=l.light,n=l.hover,d=l.focus,i=l.readOnly,s=r(l,["light","hover","focus","readOnly"]),u=s.readOnly||s.disabled?{}:{backgroundColor:t?"light-0":"dark-0"};return s.disabled||!n&&!d||(s=o(o({},s),u)),e.createElement(a,o({underline:!1,paddingLeft:.5,marginHorizontal:-.5,backgroundColor:"transparent",color:t?"light-9":"dark-9",hover:u,focus:u,readOnly:i},s))}export{l as default};
 //# sourceMappingURL=Inline.js.map

package/dist/Link/Link.d.ts

@@ -1,25 +1,29 @@
-import { ElementType } from 'react';
-import { TextProps } from '../Text';
+import { FC } from 'react';
+import { TextUniqueProps } from '../Text';
+import { As, AsProps, StyleProps } from '../types';
 import Inline from './Inline';
-import { StyleProps } from '../types';
-type LinkProps = TextProps<ElementType> & StyleProps & {
-    as?: ElementType;
-    to?: string;
+interface Props {
+    color?: string;
     disabled?: boolean;
     external?: boolean;
-    color?: string;
-    underline?: boolean;
-    hover?: Record<string, any>;
-    focus?: Record<string, any>;
+    focus?: StyleProps['focus'];
+    hover?: StyleProps['hover'];
     readOnly?: boolean;
+    to?: string;
+    underline?: boolean;
     wrap?: boolean;
-};
-declare function Link({ as, to, color, external, underline, hover, focus, ...restProps }: LinkProps): JSX.Element;
-declare namespace Link {
+}
+type DefaultAs = 'a';
+type CombinedLinkProps = Props & Omit<TextUniqueProps, keyof Props>;
+export type LinkProps<E extends As = DefaultAs> = ({
+    as?: never;
+} & AsProps<'a', CombinedLinkProps>) | AsProps<E, CombinedLinkProps>;
+export declare function Link<E extends As = DefaultAs>({ to, color, external, underline, hover, focus, ...restProps }: LinkProps<E>): JSX.Element;
+export declare namespace Link {
     var Inline: typeof import("./Inline").default;
 }
-declare const _default: typeof Link & {
+export interface Link<E extends As = 'span' | 'a'> extends FC<LinkProps<E>> {
     Inline: typeof Inline;
-};
-export default _default;
+}
+export {};
 //# sourceMappingURL=Link.d.ts.map

package/dist/Link/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1C,OAAa,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACzC,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,KAAK,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,GACrC,UAAU,GAAG;IAIX,EAAE,CAAC,EAAE,WAAW,CAAA;IAKhB,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,KAAK,CAAC,EAAE,MAAM,CAAA;IAKd,SAAS,CAAC,EAAE,OAAO,CAAA;IAKnB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAK3B,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAG3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAEH,iBAAS,IAAI,CAAC,EACZ,EAAQ,EACR,EAAO,EACP,KAAwB,EACxB,QAAQ,EACR,SAAgB,EAChB,KAAU,EACV,KAAU,EACV,GAAG,SAAS,EACb,EAAE,SAAS,eAyCX;kBAlDQ,IAAI;;;;YAsDkC,aAAa;;AAA5D,wBAA8D"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAa,EAAa,eAAe,EAAE,MAAM,SAAS,CAAA;AAC1D,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAClD,OAAO,MAAM,MAAM,UAAU,CAAA;AAE7B,UAAU,KAAK;IAIb,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAK3B,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAG3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,EAAE,CAAC,EAAE,MAAM,CAAA;IAKX,SAAS,CAAC,EAAE,OAAO,CAAA;IAEnB,IAAI,CAAC,EAAE,OAAO,CAAA;CACf;AAED,KAAK,SAAS,GAAG,GAAG,CAAA;AACpB,KAAK,iBAAiB,GAAG,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,KAAK,CAAC,CAAA;AACnE,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,SAAS,IAE1C,CAAC;IAAE,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG,OAAO,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC,GAElD,OAAO,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAA;AAEjC,wBAAgB,IAAI,CAAC,CAAC,SAAS,EAAE,GAAG,SAAS,EAAE,EAC7C,EAAO,EACP,KAAwB,EACxB,QAAQ,EACR,SAAgB,EAChB,KAAU,EACV,KAAU,EACV,GAAG,SAAS,EACb,EAAE,SAAS,CAAC,CAAC,CAAC,eA6Cd;yBArDe,IAAI;;;AAyDpB,MAAM,WAAW,IAAI,CAAC,CAAC,SAAS,EAAE,GAAG,MAAM,GAAG,GAAG,CAAE,SAAQ,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACzE,MAAM,EAAE,OAAO,MAAM,CAAA;CACtB"}

package/dist/Link/Link.js

@@ -1,2 +1,2 @@
-import{__rest as o,__assign as e}from'./../ext/tslib/tslib.es6.js';import r from"react";import{Text as i}from"../Text/Text.js";import n from"./Inline.js";function l(n){var l=n.as,t=void 0===l?"a":l,a=n.to,d=void 0===a?"":a,s=n.color,c=void 0===s?"linkForeground":s,u=n.external,f=n.underline,p=void 0===f||f,v=n.hover,m=void 0===v?{}:v,b=n.focus,x=void 0===b?{}:b,h=o(n,["as","to","color","external","underline","hover","focus"]),j={display:"inline-block",position:"relative",color:c},k=h.disabled?{opacity:.64,as:"span",cursor:"not-allowed"}:{as:t,cursor:"pointer"},g=h.disabled||""===d?{}:{href:d},y=!h.disabled&&u?{rel:"noopener noreferrer",target:"_blank"}:{},D={hover:e(e({color:c},!h.disabled&&p?{textDecoration:"underline"}:{}),m),focus:e(e({color:c},!h.disabled&&p?{textDecoration:"underline"}:{}),x)};return r.createElement(i,e({},j,k,g,y,D,h))}l.Inline=n;export{l as default};
+import{__rest as o,__assign as e}from'./../ext/tslib/tslib.es6.js';import r from"react";import{Text as i}from"../Text/Text.js";import n from"./Inline.js";function l(n){var l=n.to,t=void 0===l?"":l,d=n.color,a=void 0===d?"linkForeground":d,s=n.external,c=n.underline,u=void 0===c||c,p=n.hover,f=void 0===p?{}:p,m=n.focus,v=void 0===m?{}:m,b=o(n,["to","color","external","underline","hover","focus"]),x={color:a,display:"inline-block",position:"relative"},h=b.disabled?{as:"span",cursor:"not-allowed",opacity:.64}:{as:b.as||"a",cursor:"pointer"},j=b.disabled||""===t?{}:{href:t},k=!b.disabled&&s?{rel:"noopener noreferrer",target:"_blank"}:{},g={focus:e(e({color:a},!b.disabled&&u?{textDecoration:"underline"}:{}),v),hover:e(e({color:a},!b.disabled&&u?{textDecoration:"underline"}:{}),f)};return r.createElement(i,e({},x,h,j,k,g,b))}l.Inline=n;export{l as Link};
 //# sourceMappingURL=Link.js.map

package/dist/Link/index.d.ts

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

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

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

package/dist/Link/index.js

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

package/dist/LinkList/LinkList.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import t from"react";import{Divider as i}from"../Divider/Divider.js";import n from"../Link/Link.js";import{StackView as o}from"../StackView/StackView.js";function a(a){var m=a.links,l=e(a,["links"]);return t.createElement(o,r({axis:"horizontal",alignment:"center",spacing:t.createElement(i,{axis:"vertical",margin:1,color:"grey-6"}),wrap:!0},l),m.map((function(e){return t.createElement(n,{key:e.url,to:e.url},e.name)})))}export{a as default};
+import{__rest as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import t from"react";import{Divider as i}from"../Divider/Divider.js";import{Link as n}from"../Link/Link.js";import{StackView as o}from"../StackView/StackView.js";function a(a){var m=a.links,l=e(a,["links"]);return t.createElement(o,r({axis:"horizontal",alignment:"center",spacing:t.createElement(i,{axis:"vertical",margin:1,color:"grey-6"}),wrap:!0},l),m.map((function(e){return t.createElement(n,{key:e.url,to:e.url},e.name)})))}export{a as default};
 //# sourceMappingURL=LinkList.js.map

package/dist/List/List.d.ts

@@ -1,19 +1,22 @@
-import React from 'react';
+import React, { FC } from 'react';
+import { StackViewUniqueProps } from '../StackView';
+import { As, AsProps } from '../types';
 import ListItem from './ListItem';
 type Props = {
-    children?: React.ReactNode;
-    border?: Boolean;
+    border?: boolean;
     borderColor?: string;
-    divider?: Boolean;
+    children?: React.ReactNode;
+    divider?: boolean;
     dividerColor?: string;
-    onItemRemoveRequest?: Function;
+    onItemRemoveRequest?: (index: number) => void;
 };
-declare function List({ border, borderColor, children, divider, dividerColor, onItemRemoveRequest, ...restProps }: Props): JSX.Element;
-declare namespace List {
+type ListProps<E extends As = 'div'> = AsProps<E, Props & Omit<StackViewUniqueProps, keyof Props>>;
+export declare function List<E extends As = 'div'>({ border, borderColor, children, divider, dividerColor, onItemRemoveRequest, ...restProps }: ListProps<E>): JSX.Element;
+export declare namespace List {
     var Item: typeof ListItem;
 }
-declare const _default: typeof List & {
+export interface List<E extends As = 'div'> extends FC<ListProps<E>> {
     Item: typeof ListItem;
-};
-export default _default;
+}
+export {};
 //# sourceMappingURL=List.d.ts.map

package/dist/List/List.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../src/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,QAAQ,MAAM,YAAY,CAAA;AAGjC,KAAK,KAAK,GAAG;IAEX,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAG1B,MAAM,CAAC,EAAE,OAAO,CAAA;IAGhB,WAAW,CAAC,EAAE,MAAM,CAAA;IAGpB,OAAO,CAAC,EAAE,OAAO,CAAA;IAGjB,YAAY,CAAC,EAAE,MAAM,CAAA;IAMrB,mBAAmB,CAAC,EAAE,QAAQ,CAAA;CAC/B,CAAA;AAED,iBAAS,IAAI,CAAC,EACZ,MAAM,EACN,WAAiC,EACjC,QAAQ,EACR,OAAc,EACd,YAAkC,EAClC,mBAAmB,EACnB,GAAG,SAAS,EACb,EAAE,KAAK,eAkCP;kBA1CQ,IAAI;;;;UA8CgC,eAAe;;AAA5D,wBAA8D"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../src/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAkB,EAAkB,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAC9E,OAAO,EAAE,EAAE,EAAE,OAAO,EAAc,MAAM,UAAU,CAAA;AAElD,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,KAAK,KAAK,GAAG;IAEX,MAAM,CAAC,EAAE,OAAO,CAAA;IAGhB,WAAW,CAAC,EAAE,MAAM,CAAA;IAGpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAG1B,OAAO,CAAC,EAAE,OAAO,CAAA;IAGjB,YAAY,CAAC,EAAE,MAAM,CAAA;IAMrB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9C,CAAA;AACD,KAAK,SAAS,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI,OAAO,CAC5C,CAAC,EACD,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,KAAK,CAAC,CAChD,CAAA;AAED,wBAAgB,IAAI,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,EAAE,EACzC,MAAM,EACN,WAAiC,EACjC,QAAQ,EACR,OAAc,EACd,YAAkC,EAClC,mBAAmB,EACnB,GAAG,SAAS,EACb,EAAE,SAAS,CAAC,CAAC,CAAC,eAkCd;yBA1Ce,IAAI;;;AA8CpB,MAAM,WAAW,IAAI,CAAC,CAAC,SAAS,EAAE,GAAG,KAAK,CAAE,SAAQ,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IAClE,IAAI,EAAE,OAAO,QAAQ,CAAA;CACtB"}

package/dist/List/List.js

@@ -1,2 +1,2 @@
-import{__rest as o,__assign as e}from'./../ext/tslib/tslib.es6.js';import r from"react";import{StackView as t}from"../StackView/StackView.js";import{cloneChildren as i}from"../utils.js";import d from"./ListItem.js";function m(d){var m=d.border,s=d.borderColor,n=void 0===s?"separatorTertiary":s,l=d.children,p=d.divider,a=void 0===p||p,v=d.dividerColor,u=void 0===v?"separatorTertiary":v,b=d.onItemRemoveRequest,R=o(d,["border","borderColor","children","divider","dividerColor","onItemRemoveRequest"]),c={};return m&&(c.borderTopWidth=1,c.borderTopColor=n,c.borderBottomWidth=1,c.borderBottomColor=n),r.createElement(t,e({},R,c),i(l,(function(o,r){var t=r.index,i=r.lastChild,d=a&&!i?{borderBottomWidth:1,borderBottomColor:u}:{},m={};return(b||o.props.onRemoveRequest)&&(m.onRemoveRequest=function(){b&&b(t),o.props.onRemoveRequest&&o.props.onRemoveRequest(t)}),e(e({},d),m)})))}m.Item=d;export{m as default};
+import{__rest as o,__assign as r}from'./../ext/tslib/tslib.es6.js';import e from"react";import{StackView as t}from"../StackView/StackView.js";import{cloneChildren as i}from"../utils.js";import d from"./ListItem.js";function m(d){var m=d.border,s=d.borderColor,n=void 0===s?"separatorTertiary":s,l=d.children,p=d.divider,v=void 0===p||p,a=d.dividerColor,u=void 0===a?"separatorTertiary":a,b=d.onItemRemoveRequest,R=o(d,["border","borderColor","children","divider","dividerColor","onItemRemoveRequest"]),c={};return m&&(c.borderTopWidth=1,c.borderTopColor=n,c.borderBottomWidth=1,c.borderBottomColor=n),e.createElement(t,r({},R,c),i(l,(function(o,e){var t=e.index,i=e.lastChild,d=v&&!i?{borderBottomColor:u,borderBottomWidth:1}:{},m={};return(b||o.props.onRemoveRequest)&&(m.onRemoveRequest=function(){b&&b(t),o.props.onRemoveRequest&&o.props.onRemoveRequest(t)}),r(r({},d),m)})))}m.Item=d;export{m as List};
 //# sourceMappingURL=List.js.map

package/dist/List/ListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../src/List/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAG7C,OAAO,SAAS,MAAM,cAAc,CAAA;AAGpC,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAA;AAErD,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,eAAe,EACf,WAA2B,EAC3B,GAAG,SAAS,EACb,EAAE,aAAa,eA2Bf;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../src/List/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAI7C,OAAO,SAAS,MAAM,cAAc,CAAA;AAEpC,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAA;AAErD,iBAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,eAAe,EACf,WAA2B,EAC3B,GAAG,SAAS,EACb,EAAE,aAAa,eA2Bf;AAED,eAAe,QAAQ,CAAA"}

package/dist/List/ListItem.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as o}from'./../ext/tslib/tslib.es6.js';import r from"react";import t from"../Button/Button.js";import{StackView as i}from"../StackView/StackView.js";import{useHover as m}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";function n(n){var s=n.children,a=n.onRemoveRequest,l=n.removeTitle,c=void 0===l?"Remove item":l,u=e(n,["children","onRemoveRequest","removeTitle"]),p=m(),d=p.hover,v=p.hoverProps;return r.createElement(i,o({axis:"horizontal",alignment:"center",distribution:"space-between",padding:1,backgroundColor:"surface"},v,u),s,a&&r.createElement(t,{icon:{name:"general.minusCircle"},title:c,size:"sm",theme:"error",variant:"naked",marginLeft:1,opacity:d?1:0,onClick:a}))}export{n as default};
+import{__rest as e,__assign as o}from'./../ext/tslib/tslib.es6.js';import r from"react";import{Button as t}from"../Button/Button.js";import{useHover as i}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";import{StackView as m}from"../StackView/StackView.js";function n(n){var s=n.children,a=n.onRemoveRequest,l=n.removeTitle,c=void 0===l?"Remove item":l,u=e(n,["children","onRemoveRequest","removeTitle"]),p=i(),d=p.hover,v=p.hoverProps;return r.createElement(m,o({axis:"horizontal",alignment:"center",distribution:"space-between",padding:1,backgroundColor:"surface"},v,u),s,a&&r.createElement(t,{icon:{name:"general.minusCircle"},title:c,size:"sm",theme:"error",variant:"naked",marginLeft:1,opacity:d?1:0,onClick:a}))}export{n as default};
 //# sourceMappingURL=ListItem.js.map

package/dist/List/index.d.ts

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

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

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

package/dist/List/index.js

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