@planningcenter/tapestry-react 4.11.1 → 4.11.2

package/dist/Button/Button.d.ts

@@ -25,7 +25,7 @@ interface Props {
 }
 type ButtonUniqueProps = Props & Omit<StackViewUniqueProps, keyof Props>;
 export type ButtonProps<E extends As = 'button' | 'a'> = AsProps<E, ButtonUniqueProps> & MediaQueries<AsProps<E, StyleProps>>;
-export declare function Button<E extends As = 'button' | 'a'>({ children, disabled, external, icon, iconLeft, iconRight, onClick, onKeyDown, size, spinner, square, theme, title, to, tooltip: unformattedTooltip, type, variant, focusVisible, ...restProps }: ButtonProps<E>): JSX.Element;
+export declare function Button<E extends As = 'button' | 'a'>({ children, disabled, external, icon, iconLeft, iconRight, onClick, onKeyDown, size, spinner, square, theme, title, to, tooltip: unformattedTooltip, type, variant, focusVisible: providedFocusVisible, ...restProps }: ButtonProps<E>): JSX.Element;
 export declare namespace Button {
     var Input: React.ForwardRefExoticComponent<Pick<React.RefAttributes<any> & React.HTMLAttributes<any> & {
         children: React.ReactElement<any, string | React.JSXElementConstructor<any>> | ((inputProps: {

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,IAAI,MAAM,SAAS,CAAA;AAG1B,OAAO,EAAa,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAE9D,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1E,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,UAAU,KAAK;IAIb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,IAAI,CAAC,EAAE,MAAM,CAAA;IAMb,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAKjD,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAKrD,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAGtD,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;IAKrB,OAAO,CAAC,EAAE,GAAG,CAAA;IAKb,MAAM,CAAC,EAAE,OAAO,CAAA;IAKhB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAKtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKvB,EAAE,CAAC,EAAE,MAAM,CAAA;IAKX,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IAKvD,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IAKpC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;CACvC;AACD,KAAK,iBAAiB,GAAG,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,KAAK,CAAC,CAAA;AACxE,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,IAAI,OAAO,CAC9D,CAAC,EACD,iBAAiB,CAClB,GACC,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAA;AAEtC,wBAAgB,MAAM,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,EAAE,EACpD,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,IAAI,EACJ,OAAO,EACP,MAAM,EACN,KAAiB,EACjB,KAAK,EACL,EAAE,EACF,OAAO,EAAE,kBAAkB,EAC3B,IAAe,EACf,OAAO,EACP,YAAY,EACZ,GAAG,SAAS,EACb,EAAE,WAAW,CAAC,CAAC,CAAC,eAkRhB;yBAtSe,MAAM;;;;;;;;;;;;;;;AA0StB,MAAM,WAAW,MAAM,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,CACnD,SAAQ,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/D,KAAK,EAAE,OAAO,KAAK,CAAA;CACpB"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,IAAI,MAAM,SAAS,CAAA;AAG1B,OAAO,EAAa,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAE9D,OAAO,OAAO,MAAM,YAAY,CAAA;AAChC,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAE1E,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,UAAU,KAAK;IAIb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAKlB,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,IAAI,CAAC,EAAE,MAAM,CAAA;IAMb,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAKjD,QAAQ,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAKrD,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAA;IAGtD,YAAY,CAAC,EAAE,MAAM,CAAA;IAKrB,IAAI,CAAC,EAAE,MAAM,QAAQ,CAAA;IAKrB,OAAO,CAAC,EAAE,GAAG,CAAA;IAKb,MAAM,CAAC,EAAE,OAAO,CAAA;IAKhB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAKtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAKvB,EAAE,CAAC,EAAE,MAAM,CAAA;IAKX,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IAKvD,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IAKpC,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;CACvC;AACD,KAAK,iBAAiB,GAAG,KAAK,GAAG,IAAI,CAAC,oBAAoB,EAAE,MAAM,KAAK,CAAC,CAAA;AACxE,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,IAAI,OAAO,CAC9D,CAAC,EACD,iBAAiB,CAClB,GACC,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC,CAAA;AAEtC,wBAAgB,MAAM,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,EAAE,EACpD,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,IAAI,EACJ,OAAO,EACP,MAAM,EACN,KAAiB,EACjB,KAAK,EACL,EAAE,EACF,OAAO,EAAE,kBAAkB,EAC3B,IAAe,EACf,OAAO,EACP,YAAY,EAAE,oBAAoB,EAClC,GAAG,SAAS,EACb,EAAE,WAAW,CAAC,CAAC,CAAC,eAqRhB;yBAzSe,MAAM;;;;;;;;;;;;;;;AA6StB,MAAM,WAAW,MAAM,CAAC,CAAC,SAAS,EAAE,GAAG,QAAQ,GAAG,GAAG,CACnD,SAAQ,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC;IAC/D,KAAK,EAAE,OAAO,KAAK,CAAA;CACpB"}

package/dist/Button/Button.js

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

package/dist/Combobox/ComboboxInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAA;AA8Bd,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,aAAa,8GA0HlB,CAAA;AAID,eAAe,aAAa,CAAA"}
+{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAA;AA8Bd,KAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB,CAAA;AAED,QAAA,MAAM,aAAa,8GAgIlB,CAAA;AAID,eAAe,aAAa,CAAA"}

package/dist/Combobox/ComboboxInput.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as n}from'./../ext/tslib/tslib.es6.js';import o,{forwardRef as t,useRef as r,useCallback as i,useImperativeHandle as a,useContext as l,useEffect as u}from"react";import s from"../Input/Input.js";import"../ItemList/ItemList.js";import m from"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import d from"../ItemList/ItemListContext.js";import{useThemeProps as c}from"../system/utils.js";var p=t((function(t,p){var f=c("combobox.input",t),v=f.autoFocus,I=f.defaultValue,y=f.disabled,g=f.innerRef,h=f.isOpen,b=f.isLoading,C=f.name,L=f.onBlur,x=f.onChange,w=f.onFocus,j=f.onClear,D=f.onClose,F=f.onKeyDown,K=f.onKeyUp,O=f.placeholder,k=f.readOnly,B=f.size,E=f.type,H=f.value,R=e(f,["autoFocus","defaultValue","disabled","innerRef","isOpen","isLoading","name","onBlur","onChange","onFocus","onClear","onClose","onKeyDown","onKeyUp","placeholder","readOnly","size","type","value"]),U=r(null),z=i((function(){var e;null===(e=U.current)||void 0===e||e.focus()}),[U]),T=i((function(){var e;null===(e=U.current)||void 0===e||e.blur()}),[U]);a(p,(function(){return{blur:T,focus:z}}));var V=l(d);u((function(){var e=setTimeout((function(){V.setHighlightedIndex(0)}));return function(){return clearTimeout(e)}}),[V]);var A=i((function(e){"ArrowUp"===e.key&&(e.preventDefault(),V.moveHighlightedIndex(-1,{contain:!1})),"ArrowDown"===e.key&&(e.preventDefault(),V.moveHighlightedIndex(1,{contain:!1})),"Enter"===e.key&&(e.preventDefault(),V.selectHighlightedItem()),F&&F(e),D&&"Tab"===e.key&&D()}),[V,D,F]);return o.createElement(m,null,(function(e){var t=e.highlightedItemId,r=e.id;return o.createElement(s.InputBox,n({innerRef:g,size:B,disabled:y,isLoading:b,onClear:"function"==typeof j?j:void 0},R,{grow:1}),o.createElement(s.InputField,{innerRef:function(e){U.current=e},grow:1,role:"combobox",autoComplete:"off","aria-autocomplete":"list","aria-controls":r,"aria-expanded":h,"aria-activedescendant":t,autoFocus:v,type:E,name:C,disabled:y,readOnly:k,placeholder:O,defaultValue:I,value:H,onChange:x,onFocus:w,onBlur:L,onKeyDown:A,onKeyUp:K}))}))}));p.displayName="Combobox.Input";export{p as default};
+import{__rest as e,__assign as o}from'./../ext/tslib/tslib.es6.js';import n,{forwardRef as t,useRef as r,useCallback as i,useImperativeHandle as a,useContext as l,useEffect as u}from"react";import s from"../Input/Input.js";import"../ItemList/ItemList.js";import m from"../ItemList/ItemListController.js";import"../ItemList/ItemListItem.js";import d from"../ItemList/ItemListContext.js";import{useThemeProps as c}from"../system/utils.js";var p=t((function(t,p){var f=c("combobox.input",t),I=f.autoFocus,y=f.defaultValue,v=f.disabled,g=f.innerRef,b=f.isOpen,h=f.isLoading,C=f.name,L=f.onBlur,w=f.onChange,x=f.onFocus,j=f.onClear,D=f.onClose,F=f.onKeyDown,K=f.onKeyUp,O=f.placeholder,V=f.readOnly,k=f.size,B=f.type,E=f.value,H=e(f,["autoFocus","defaultValue","disabled","innerRef","isOpen","isLoading","name","onBlur","onChange","onFocus","onClear","onClose","onKeyDown","onKeyUp","placeholder","readOnly","size","type","value"]),R=r(null),U=i((function(){var e;null===(e=R.current)||void 0===e||e.focus()}),[R]),z=i((function(){var e;null===(e=R.current)||void 0===e||e.blur()}),[R]);a(p,(function(){return{blur:z,focus:U}}));var T=l(d);u((function(){var e=setTimeout((function(){T.setHighlightedIndex(0)}));return function(){return clearTimeout(e)}}),[T]);var A=i((function(e){"ArrowUp"===e.key&&(e.preventDefault(),T.moveHighlightedIndex(-1,{contain:!1,maybeScrollIntoView:!0})),"ArrowDown"===e.key&&(e.preventDefault(),T.moveHighlightedIndex(1,{contain:!1,maybeScrollIntoView:!0})),"Enter"===e.key&&(e.preventDefault(),T.selectHighlightedItem()),F&&F(e),D&&"Tab"===e.key&&D()}),[T,D,F]);return n.createElement(m,null,(function(e){var t=e.highlightedItemId,r=e.id;return n.createElement(s.InputBox,o({innerRef:g,size:k,disabled:v,isLoading:h,onClear:"function"==typeof j?j:void 0},H,{grow:1}),n.createElement(s.InputField,{innerRef:function(e){R.current=e},grow:1,role:"combobox",autoComplete:"off","aria-autocomplete":"list","aria-controls":r,"aria-expanded":b,"aria-activedescendant":t,autoFocus:I,type:B,name:C,disabled:v,readOnly:V,placeholder:O,defaultValue:y,value:E,onChange:w,onFocus:x,onBlur:L,onKeyDown:A,onKeyUp:K}))}))}));p.displayName="Combobox.Input";export{p as default};
 //# sourceMappingURL=ComboboxInput.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/tapestry-react",
-  "version": "4.11.1",
+  "version": "4.11.2",
   "description": "A collection of flexible React components to help you build resilient, accessible user interfaces quickly and effectively.",
   "author": "Front End Systems Engineering <frontend@pco.bz>",
   "main": "./dist/index.js",