@planningcenter/tapestry-react 4.1.0 → 4.2.0

package/dist/Dropdown/Item.d.ts

@@ -5,9 +5,9 @@ export declare const ITEM_DISPLAY_NAME = "Dropdown.Item";
 type ItemProps = Omit<ComponentProps<typeof Menu.Item>, 'index' | 'value'> & {
     disabled?: ComponentProps<typeof ItemListItem>['disabled'];
     index?: ComponentProps<typeof ItemListItem>['index'];
-    value?: ComponentProps<typeof ItemListItem>['data'];
     onSelect?: ComponentProps<typeof ItemListItem>['onSelect'];
     text?: ComponentProps<typeof ItemListItem>['text'];
+    value?: ComponentProps<typeof ItemListItem>['data'];
 };
 declare class Item extends Component<ItemProps> {
     static displayName: string;

package/dist/Dropdown/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../src/Dropdown/Item.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,eAAO,MAAM,iBAAiB,kBAAkB,CAAA;AAEhD,KAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IAC3E,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,UAAU,CAAC,CAAA;IAC1D,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,OAAO,CAAC,CAAA;IACpD,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;IACnD,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,UAAU,CAAC,CAAA;IAC1D,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;CACnD,CAAA;AAED,cAAM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,WAAW,SAAoB;IAEtC,MAAM;CAuBP;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../src/Dropdown/Item.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAExD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,IAAI,MAAM,SAAS,CAAA;AAE1B,eAAO,MAAM,iBAAiB,kBAAkB,CAAA;AAEhD,KAAK,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IAC3E,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,UAAU,CAAC,CAAA;IAC1D,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,OAAO,CAAC,CAAA;IACpD,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,UAAU,CAAC,CAAA;IAC1D,IAAI,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;IAClD,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;CACpD,CAAA;AAED,cAAM,IAAK,SAAQ,SAAS,CAAC,SAAS,CAAC;IACrC,MAAM,CAAC,WAAW,SAAoB;IAEtC,MAAM;CAuBP;AAED,eAAe,IAAI,CAAA"}

package/dist/Dropdown/Item.js

@@ -1,2 +1,2 @@
-import{__extends as e,__rest as t,__assign as i}from'./../ext/tslib/tslib.es6.js';import r,{Component as l}from"react";import"../ItemList/ItemList.js";import"../ItemList/ItemListController.js";import n from"../ItemList/ItemListItem.js";import o from"../Menu/Menu.js";var a="Dropdown.Item",s=function(l){function s(){return null!==l&&l.apply(this,arguments)||this}return e(s,l),Object.defineProperty(s.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,l=e.disabled,a=e.index,s=e.value,m=e.onSelect,d=e.text,u=t(e,["disabled","index","value","onSelect","text"]);return r.createElement(n,{data:s,index:a,disabled:l,onSelect:m,text:d},(function(e){var t=e.id,n=e.highlight,a=e.highlighted,s=e.clearHighlight,m=e.select;return r.createElement(o.Item,i({id:t,role:"menuitem","aria-disabled":l,disabled:l,isHighlighted:a,onMouseOver:n,onMouseOut:s,onClick:m},u))}))}}),Object.defineProperty(s,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:a}),s}(l);export{a as ITEM_DISPLAY_NAME,s as default};
+import{__extends as e,__rest as t,__assign as i}from'./../ext/tslib/tslib.es6.js';import r,{Component as l}from"react";import"../ItemList/ItemList.js";import"../ItemList/ItemListController.js";import n from"../ItemList/ItemListItem.js";import o from"../Menu/Menu.js";var a="Dropdown.Item",s=function(l){function s(){return null!==l&&l.apply(this,arguments)||this}return e(s,l),Object.defineProperty(s.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,l=e.disabled,a=e.index,s=e.value,m=e.onSelect,d=e.text,u=t(e,["disabled","index","value","onSelect","text"]);return r.createElement(n,{data:s,disabled:l,index:a,onSelect:m,text:d},(function(e){var t=e.id,n=e.highlight,a=e.highlighted,s=e.clearHighlight,m=e.select;return r.createElement(o.Item,i({id:t,role:"menuitem","aria-disabled":l,disabled:l,isHighlighted:a,onMouseOver:n,onMouseOut:s,onClick:m},u))}))}}),Object.defineProperty(s,"displayName",{enumerable:!0,configurable:!0,writable:!0,value:a}),s}(l);export{a as ITEM_DISPLAY_NAME,s as default};
 //# sourceMappingURL=Item.js.map

package/dist/EditActions/EditActions.js

@@ -1,2 +1,2 @@
-import{__rest as o,__assign as t}from'./../ext/tslib/tslib.es6.js';import e,{useState as r,useEffect as i,Children as n}from"react";import s from"../Button/Button.js";import{StackView as u}from"../StackView/StackView.js";import{useDocumentEvent as m}from"../hooks/use-document-event.js";import{useFocus as a}from"../hooks/use-focus.js";import{useHover as c}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";import{useThemeProps as l}from"../system/utils.js";var p=function(p){var d=p.display,f=p.edit,k=p.loading,v=o(p,["display","edit","loading"]),h=a(),g=h.focus,j=h.focusProps,y=c(),w=y.hover,C=y.hoverProps,b=r(!1),E=b[0],P=b[1],x=r(!1),z=x[0],A=x[1],B=l("editActions",v),S=B.buttonProps,V=o(B,["buttonProps"]);return i((function(){!1===k&&(A(!0),setTimeout((function(){A(!1)}),800))}),[k]),m("keydown",(function(o){E&&27===o.keyCode&&P(!1)})),e.createElement(u,t({axis:"horizontal",alignment:"center",spacing:1,width:"100%",onClick:E?void 0:function(){return P(!0)}},j,C,V),n.toArray(E?f:d),e.createElement(s,t({grow:0,title:E?"Close":"Edit",icon:{name:z?"general.check":E?"general.x":"general.pencil",color:z?"green":void 0},tooltip:{title:z?void 0:E?"Close":"Edit"},size:"sm",variant:"naked",onClick:g||E?function(){return P((function(o){return!o}))}:function(){return P(!0)},opacity:g||w||E?1:0,spinner:E&&k?{color:"primary"}:void 0},S)))};export{p as default};
+import{__rest as o,__assign as t}from'./../ext/tslib/tslib.es6.js';import e,{useState as r,useEffect as i,Children as n}from"react";import{Button as s}from"../Button/Button.js";import{useDocumentEvent as u}from"../hooks/use-document-event.js";import{useFocus as m}from"../hooks/use-focus.js";import{useHover as a}from"../hooks/use-hover.js";import"mousetrap";import"../hooks/use-measure.js";import{StackView as c}from"../StackView/StackView.js";import{useThemeProps as l}from"../system/utils.js";var p=function(p){var d=p.display,f=p.edit,k=p.loading,v=o(p,["display","edit","loading"]),h=m(),g=h.focus,j=h.focusProps,y=a(),w=y.hover,C=y.hoverProps,b=r(!1),E=b[0],P=b[1],x=r(!1),z=x[0],A=x[1],B=l("editActions",v),S=B.buttonProps,V=o(B,["buttonProps"]);return i((function(){!1===k&&(A(!0),setTimeout((function(){A(!1)}),800))}),[k]),u("keydown",(function(o){E&&27===o.keyCode&&P(!1)})),e.createElement(c,t({axis:"horizontal",alignment:"center",spacing:1,width:"100%",onClick:E?void 0:function(){return P(!0)}},j,C,V),n.toArray(E?f:d),e.createElement(s,t({grow:0,title:E?"Close":"Edit",icon:{color:z?"green":void 0,name:z?"general.check":E?"general.x":"general.pencil"},tooltip:{title:z?void 0:E?"Close":"Edit"},size:"sm",variant:"naked",onClick:g||E?function(){return P((function(o){return!o}))}:function(){return P(!0)},opacity:g||w||E?1:0,spinner:E&&k?{color:"primary"}:void 0},S)))};export{p as default};
 //# sourceMappingURL=EditActions.js.map

package/dist/Field/Field.d.ts

@@ -1,19 +1,19 @@
 import React from 'react';
 type FieldProps = {
     children?: React.ReactNode;
+    compact?: boolean;
+    distribution?: number;
+    feedbackText?: string;
+    helpContent?: string | React.ReactNode;
+    icon?: any;
+    inline?: boolean;
     innerRef?: React.Ref<any>;
     label?: string | React.ReactNode;
-    labelColor?: string;
     labelBasis?: string | number;
+    labelColor?: string;
     labelGrow?: string | number;
-    inline?: boolean;
-    compact?: boolean;
-    helpContent?: string | React.ReactNode;
-    feedbackText?: string;
     spacing?: number;
-    distribution?: number;
     state?: 'success' | 'error';
-    icon?: any;
 };
 declare const Field: ({ ...props }: FieldProps) => JSX.Element;
 export default Field;

package/dist/Field/Field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/Field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,KAAK,UAAU,GAAG;IAEhB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAG1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAGzB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAGhC,UAAU,CAAC,EAAE,MAAM,CAAA;IAGnB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAG5B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAG3B,MAAM,CAAC,EAAE,OAAO,CAAA;IAGhB,OAAO,CAAC,EAAE,OAAO,CAAA;IAGjB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAGtC,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,OAAO,CAAC,EAAE,MAAM,CAAA;IAGhB,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAG3B,IAAI,CAAC,EAAE,GAAG,CAAA;CACX,CAAA;AAED,QAAA,MAAM,KAAK,iBAAkB,UAAU,gBAgGtC,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/Field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,KAAK,UAAU,GAAG;IAEhB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAG1B,OAAO,CAAC,EAAE,OAAO,CAAA;IAGjB,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAGtC,IAAI,CAAC,EAAE,GAAG,CAAA;IAGV,MAAM,CAAC,EAAE,OAAO,CAAA;IAGhB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAGzB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAGhC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAG5B,UAAU,CAAC,EAAE,MAAM,CAAA;IAGnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAG3B,OAAO,CAAC,EAAE,MAAM,CAAA;IAGhB,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC5B,CAAA;AAED,QAAA,MAAM,KAAK,iBAAkB,UAAU,gBAgGtC,CAAA;AAED,eAAe,KAAK,CAAA"}

package/dist/Field/Field.js

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

package/dist/FieldSet/FieldSet.d.ts

@@ -1,14 +1,15 @@
-import React, { ComponentProps } from 'react';
+import React, { ComponentProps, ReactNode } from 'react';
 import Heading from '../Heading';
+import StackView from '../StackView';
 import { TileViewProps } from '../TileView';
 import { ToolbarProps } from '../Toolbar/Toolbar';
-type FieldSetProps = {
+type FieldSetProps = ComponentProps<typeof StackView> & {
     children?: React.ReactNode;
     headingProps?: ComponentProps<typeof Heading>;
-    helpContent: ToolbarProps['helpContent'];
-    legend: string;
-    minCellWidth: TileViewProps['minCellWidth'];
-    spacing: TileViewProps['spacing'];
+    helpContent?: ToolbarProps['helpContent'];
+    legend: ReactNode;
+    minCellWidth?: TileViewProps['minCellWidth'];
+    spacing?: TileViewProps['spacing'];
     tileViewProps?: TileViewProps;
 };
 declare const FieldSet: ({ children, helpContent, legend, ...restProps }: FieldSetProps) => JSX.Element;

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

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

package/dist/FieldSet/FieldSet.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as i}from'./../ext/tslib/tslib.es6.js';import t from"react";import l from"../Heading/Heading.js";import{StackView as r}from"../StackView/StackView.js";import{TileView as o}from"../TileView/TileView.js";import{useThemeProps as n}from"../system/utils.js";import m from"../Toolbar/Toolbar.js";var a=function(a){var s=a.children,d=a.helpContent,p=a.legend,c=e(a,["children","helpContent","legend"]),g=n("fieldset",i({},c)),f=g.headingProps,h=g.minCellWidth,j=void 0===h?16:h,w=g.spacing,C=void 0===w?1:w,V=g.tileViewProps,u=e(g,["headingProps","minCellWidth","spacing","tileViewProps"]);return t.createElement(r,i({as:"fieldset",margin:2,padding:0},u,c),t.createElement(m,{helpContent:d,marginBottom:1,title:t.createElement(l,i({as:"legend",level:4},f),p)}),t.createElement(o,i({minCellWidth:j,spacing:C},V),s))};export{a as default};
+import{__rest as e,__assign as i}from'./../ext/tslib/tslib.es6.js';import t from"react";import o from"../Heading/Heading.js";import{StackView as l}from"../StackView/StackView.js";import{useThemeProps as r}from"../system/utils.js";import{TileView as n}from"../TileView/TileView.js";import m from"../Toolbar/Toolbar.js";var a=function(a){var s=a.children,d=a.helpContent,p=void 0===d?void 0:d,c=a.legend,g=e(a,["children","helpContent","legend"]),f=r("fieldset",i({},g)),h=f.headingProps,v=f.minCellWidth,j=void 0===v?16:v,w=f.spacing,C=void 0===w?1:w,V=f.tileViewProps,u=e(f,["headingProps","minCellWidth","spacing","tileViewProps"]);return t.createElement(l,i({as:"fieldset",margin:2,padding:0},u,g),t.createElement(m,{helpContent:p,marginBottom:1,title:t.createElement(o,i({as:"legend",level:4},h),c)}),t.createElement(n,i({minCellWidth:j,spacing:C},V),s))};export{a as default};
 //# sourceMappingURL=FieldSet.js.map

package/dist/FilterLayout/FilterLayout.js

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

package/dist/FocusGroup/FocusGroup.d.ts

@@ -1,8 +1,8 @@
 import React, { Component, ContextType, FocusEvent, FocusEventHandler, ReactNode } from 'react';
 type FocusGroupProps = {
     children: (options: {
-        setRef: FocusGroup['setRef'];
         requestBlur: FocusGroup['requestBlur'];
+        setRef: FocusGroup['setRef'];
     }) => ReactNode;
     onBlur?: FocusEventHandler<HTMLElement>;
 };

package/dist/FocusGroup/FocusGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FocusGroup.d.ts","sourceRoot":"","sources":["../../src/FocusGroup/FocusGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,SAAS,EACT,WAAW,EACX,UAAU,EACV,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAId,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,CAAC,OAAO,EAAE;QAClB,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;QAC5B,WAAW,EAAE,UAAU,CAAC,aAAa,CAAC,CAAA;KACvC,KAAK,SAAS,CAAA;IACf,MAAM,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;CACxC,CAAA;AAED,QAAA,MAAM,aAAa,qBACX,MAAM,GAAG,MAAM,YAAY,WAAW,KAAK,IAAI,CAC3C,CAAA;AAEZ,cAAM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,YAAY;;MAElB;IAED,MAAM,CAAC,WAAW,sEAAgB;IAC1B,OAAO,EAAE,WAAW,CAAC,OAAO,aAAa,CAAC,CAAA;IAClD,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAK;IAEvC,MAAM,OAAQ,MAAM,GAAG,MAAM,YAAY,WAAW,UASnD;IAED,gBAAgB,2BAIf;IAED,iBAAiB,gDAqChB;IAED,WAAW,UAAW,WAAW,WAAW,EAAE,OAAO,CAAC,UAQrD;IAED,MAAM;CAUP;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"FocusGroup.d.ts","sourceRoot":"","sources":["../../src/FocusGroup/FocusGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,SAAS,EACT,WAAW,EAEX,UAAU,EACV,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAA;AAId,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,CAAC,OAAO,EAAE;QAClB,WAAW,EAAE,UAAU,CAAC,aAAa,CAAC,CAAA;QACtC,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;KAC7B,KAAK,SAAS,CAAA;IACf,MAAM,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAA;CACxC,CAAA;AAED,QAAA,MAAM,aAAa,qBACX,MAAM,GAAG,MAAM,YAAY,WAAW,KAAK,IAAI,CAC3C,CAAA;AAEZ,cAAM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,YAAY;;MAElB;IAED,MAAM,CAAC,WAAW,sEAAgB;IAC1B,OAAO,EAAE,WAAW,CAAC,OAAO,aAAa,CAAC,CAAA;IAClD,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAK;IAEvC,MAAM,OAAQ,MAAM,GAAG,MAAM,YAAY,WAAW,UASnD;IAED,gBAAgB,2BAIf;IAED,iBAAiB,gDAqChB;IAED,WAAW,UAAW,WAAW,WAAW,EAAE,OAAO,CAAC,UAQrD;IAED,MAAM;CAUP;AAED,eAAe,UAAU,CAAA"}

package/dist/FocusGroup/FocusGroup.js

@@ -1,2 +1,2 @@
-import{__extends as e}from'./../ext/tslib/tslib.es6.js';import t,{createContext as r,Component as n}from"react";import{getClosestFocusableElement as o}from"../utils.js";var u=r(void 0),i=function(r){function n(){var e=null!==r&&r.apply(this,arguments)||this;return Object.defineProperty(e,"nodes",{enumerable:!0,configurable:!0,writable:!0,value:{}}),Object.defineProperty(e,"setRef",{enumerable:!0,configurable:!0,writable:!0,value:function(t){return function(r){e.context&&e.context(t)(r),r?e.nodes[t]=r:delete e.nodes[t]}}}),Object.defineProperty(e,"isElementOutside",{enumerable:!0,configurable:!0,writable:!0,value:function(t){return Object.values(e.nodes).every((function(e){return e!==t&&!e.contains(t)}))}}),Object.defineProperty(e,"maybeRestoreFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(t,r){var n=t?o(t.parentNode):null;if(n){var u=new MutationObserver((function(o){for(var u=function(o){if("childList"===o.type&&o.removedNodes.length>0&&(o.removedNodes[0]===t&&"focus"in n&&"function"==typeof n.focus)){var u=window.pageYOffset;n.focus(),e.isElementOutside(n)&&e.props.onBlur(r),setTimeout((function(){window.scroll(0,u)}))}},i=0,l=o;i<l.length;i++){u(l[i])}}));u.observe(t.parentNode,{childList:!0}),setTimeout((function(){u.disconnect()}),800)}}}),Object.defineProperty(e,"requestBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var r=t.relatedTarget||document.activeElement;e.maybeRestoreFocus(r,t),e.isElementOutside(r)&&e.props.onBlur(t)}}),e}return e(n,r),Object.defineProperty(n.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){return t.createElement(u.Provider,{value:this.setRef},this.props.children({setRef:this.setRef,requestBlur:this.requestBlur}))}}),Object.defineProperty(n,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{onBlur:function(){return null}}}),Object.defineProperty(n,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:u}),n}(n);export{i as default};
+import{__extends as e}from'./../ext/tslib/tslib.es6.js';import t,{createContext as r,Component as n}from"react";import{getClosestFocusableElement as o}from"../utils.js";var u=r(void 0),i=function(r){function n(){var e=null!==r&&r.apply(this,arguments)||this;return Object.defineProperty(e,"nodes",{enumerable:!0,configurable:!0,writable:!0,value:{}}),Object.defineProperty(e,"setRef",{enumerable:!0,configurable:!0,writable:!0,value:function(t){return function(r){e.context&&e.context(t)(r),r?e.nodes[t]=r:delete e.nodes[t]}}}),Object.defineProperty(e,"isElementOutside",{enumerable:!0,configurable:!0,writable:!0,value:function(t){return Object.values(e.nodes).every((function(e){return e!==t&&!e.contains(t)}))}}),Object.defineProperty(e,"maybeRestoreFocus",{enumerable:!0,configurable:!0,writable:!0,value:function(t,r){var n=t?o(t.parentNode):null;if(n){var u=new MutationObserver((function(o){for(var u=function(o){if("childList"===o.type&&o.removedNodes.length>0&&(o.removedNodes[0]===t&&"focus"in n&&"function"==typeof n.focus)){var u=window.pageYOffset;n.focus(),e.isElementOutside(n)&&e.props.onBlur(r),setTimeout((function(){window.scroll(0,u)}))}},i=0,l=o;i<l.length;i++){u(l[i])}}));u.observe(t.parentNode,{childList:!0}),setTimeout((function(){u.disconnect()}),800)}}}),Object.defineProperty(e,"requestBlur",{enumerable:!0,configurable:!0,writable:!0,value:function(t){var r=t.relatedTarget||document.activeElement;e.maybeRestoreFocus(r,t),e.isElementOutside(r)&&e.props.onBlur(t)}}),e}return e(n,r),Object.defineProperty(n.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){return t.createElement(u.Provider,{value:this.setRef},this.props.children({requestBlur:this.requestBlur,setRef:this.setRef}))}}),Object.defineProperty(n,"defaultProps",{enumerable:!0,configurable:!0,writable:!0,value:{onBlur:function(){return null}}}),Object.defineProperty(n,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:u}),n}(n);export{i as default};
 //# sourceMappingURL=FocusGroup.js.map

package/dist/Form/Form.d.ts

@@ -1,19 +1,20 @@
-import React, { ComponentProps, ReactNode } from 'react';
-import Button from '../Button/Button';
+import React, { ChangeEvent, ComponentProps, ReactNode } from 'react';
+import Button from '../Button';
 type Props<Payload extends Record<string, any>> = {
-    initialPayload: Payload;
-    onSubmit: (payload: Payload, complete: () => void) => void;
     children: (props: {
+        editButtonProps: ComponentProps<typeof Button>;
+        getFieldProps: (id: keyof Payload, getChangeValue?: (event: ChangeEvent<HTMLInputElement>) => any) => Record<string, any>;
         isEditing: boolean;
         isSubmitting: boolean;
-        editButtonProps: ComponentProps<typeof Button>;
-        getFieldProps: (id: any) => Object;
+        payload: Payload;
     }) => ReactNode;
+    initialPayload: Payload;
+    onSubmit: (payload: Payload, complete: () => void) => void;
 };
 declare class Form<Payload extends Record<string, any>> extends React.Component<Props<Payload>, {
-    payload: Payload;
     isEditing: boolean;
     isSubmitting: boolean;
+    payload: Payload;
 }> {
     state: {
         isEditing: boolean;

package/dist/Form/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGxD,OAAO,MAAM,MAAM,kBAAkB,CAAA;AAErC,KAAK,KAAK,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IAShD,cAAc,EAAE,OAAO,CAAA;IAevB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;IAyB1D,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,SAAS,EAAE,OAAO,CAAA;QAClB,YAAY,EAAE,OAAO,CAAA;QACrB,eAAe,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAA;QAC9C,aAAa,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,MAAM,CAAA;KACnC,KAAK,SAAS,CAAA;CAChB,CAAA;AAED,cAAM,IAAI,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAE,SAAQ,KAAK,CAAC,SAAS,CACrE,KAAK,CAAC,OAAO,CAAC,EACd;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,OAAO,CAAA;CAAE,CAChE;IACC,KAAK;;;;MAIJ;IAED,SAAS,EAAE,gBAAgB,CAAA;IAE3B,eAAe,MAAO;IAEtB,kBAAkB,aAEjB;IAED,kBAAkB,aAGjB;IAED,kBAAkB,CAAC,SAAS,KAAA;IAQ5B,aAAa,aAKZ;IAED,WAAW,aAKV;IAED,YAAY,aAgBX;IAED,aAAa,sBAIZ;IAED,MAAM;CA4DP;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,MAAM,MAAM,WAAW,CAAA;AAG9B,KAAK,KAAK,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;IAwBhD,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,eAAe,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAA;QAC9C,aAAa,EAAE,CACb,EAAE,EAAE,MAAM,OAAO,EACjB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,GAAG,KAC3D,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;QACxB,SAAS,EAAE,OAAO,CAAA;QAClB,YAAY,EAAE,OAAO,CAAA;QACrB,OAAO,EAAE,OAAO,CAAA;KACjB,KAAK,SAAS,CAAA;IAUf,cAAc,EAAE,OAAO,CAAA;IAevB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,KAAK,IAAI,CAAA;CAC3D,CAAA;AAED,cAAM,IAAI,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAE,SAAQ,KAAK,CAAC,SAAS,CACrE,KAAK,CAAC,OAAO,CAAC,EACd;IAAE,SAAS,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAChE;IACC,KAAK;;;;MAIJ;IAED,SAAS,EAAE,gBAAgB,CAAA;IAE3B,eAAe,MAAO;IAEtB,kBAAkB,aAEjB;IAED,kBAAkB,aAGjB;IAED,kBAAkB,CAAC,SAAS,KAAA;IAQ5B,aAAa,aAKZ;IAED,WAAW,aAKV;IAED,YAAY,aAgBX;IAED,aAAa,sBAIZ;IAED,MAAM;CA4DP;AAED,eAAe,IAAI,CAAA"}

package/dist/Form/Form.js

@@ -1,2 +1,2 @@
-import{__extends as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import i from"react";import{shallowEqual as n}from"../utils.js";var a=function(i){function a(){var e=null!==i&&i.apply(this,arguments)||this;return Object.defineProperty(e,"state",{enumerable:!0,configurable:!0,writable:!0,value:{isEditing:!1,isSubmitting:!1,payload:e.props.initialPayload}}),Object.defineProperty(e,"focusable",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"submitTimeoutId",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"startSubmitTimeout",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.submitTimeoutId=setTimeout(e.handleSubmit)}}),Object.defineProperty(e,"clearSubmitTimeout",{enumerable:!0,configurable:!0,writable:!0,value:function(){clearTimeout(e.submitTimeoutId),e.submitTimeoutId=null}}),Object.defineProperty(e,"handleEditing",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.setState({isEditing:!0}),e.focusable&&e.focusable.focus()}}),Object.defineProperty(e,"handleReset",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.setState({isEditing:!1,payload:e.props.initialPayload})}}),Object.defineProperty(e,"handleSubmit",{enumerable:!0,configurable:!0,writable:!0,value:function(){if(JSON.stringify(e.props.initialPayload)===JSON.stringify(e.state.payload))e.setState({isEditing:!1},e.clearSubmitTimeout);else{var t=setTimeout((function(){e.setState({isEditing:!1,isSubmitting:!0})}));e.props.onSubmit(e.state.payload,(function(){clearTimeout(t),e.clearSubmitTimeout(),e.setState({isSubmitting:!1})}))}}}),Object.defineProperty(e,"storeFocusRef",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.focusable||(e.focusable=t)}}),e}return e(a,i),Object.defineProperty(a.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){n(e.initialPayload,this.props.initialPayload)||this.setState({payload:this.props.initialPayload})}}),Object.defineProperty(a.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,i=this.state,n=i.isEditing,a=i.isSubmitting,o=i.payload;return this.props.children(t(t({},this.state),{editButtonProps:{disabled:a,icon:n?void 0:{name:"general.pencil"},onClick:function(){null===e.submitTimeoutId&&(n?e.handleSubmit():e.handleEditing())},spinner:a,title:n?"Save":"Edit",tooltip:n?a?{title:"Saving"}:void 0:{title:"Edit"}},getFieldProps:function(i,r){return void 0===r&&(r=function(e){return e.target.value}),{innerRef:e.storeFocusRef,disabled:a,hover:n,value:o[i],onFocus:function(){e.clearSubmitTimeout(),e.setState({isEditing:!0})},onBlur:function(){e.startSubmitTimeout()},onChange:function(n){var a=r(n);e.setState((function(e){var n;return{payload:t(t({},e.payload),(n={},n[i]=a,n))}}))},onKeyDown:function(t){"Enter"!==t.key&&"Escape"!==t.key||(t.preventDefault(),t.target.blur(),"Escape"===t.key&&e.handleReset())}}}}))}}),a}(i.Component);export{a as default};
+import{__extends as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import i from"react";import{shallowEqual as n}from"../utils.js";var a=function(i){function a(){var e=null!==i&&i.apply(this,arguments)||this;return Object.defineProperty(e,"state",{enumerable:!0,configurable:!0,writable:!0,value:{isEditing:!1,isSubmitting:!1,payload:e.props.initialPayload}}),Object.defineProperty(e,"focusable",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(e,"submitTimeoutId",{enumerable:!0,configurable:!0,writable:!0,value:null}),Object.defineProperty(e,"startSubmitTimeout",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.submitTimeoutId=setTimeout(e.handleSubmit)}}),Object.defineProperty(e,"clearSubmitTimeout",{enumerable:!0,configurable:!0,writable:!0,value:function(){clearTimeout(e.submitTimeoutId),e.submitTimeoutId=null}}),Object.defineProperty(e,"handleEditing",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.setState({isEditing:!0}),e.focusable&&e.focusable.focus()}}),Object.defineProperty(e,"handleReset",{enumerable:!0,configurable:!0,writable:!0,value:function(){e.setState({isEditing:!1,payload:e.props.initialPayload})}}),Object.defineProperty(e,"handleSubmit",{enumerable:!0,configurable:!0,writable:!0,value:function(){if(JSON.stringify(e.props.initialPayload)===JSON.stringify(e.state.payload))e.setState({isEditing:!1},e.clearSubmitTimeout);else{var t=setTimeout((function(){e.setState({isEditing:!1,isSubmitting:!0})}));e.props.onSubmit(e.state.payload,(function(){clearTimeout(t),e.clearSubmitTimeout(),e.setState({isSubmitting:!1})}))}}}),Object.defineProperty(e,"storeFocusRef",{enumerable:!0,configurable:!0,writable:!0,value:function(t){e.focusable||(e.focusable=t)}}),e}return e(a,i),Object.defineProperty(a.prototype,"componentDidUpdate",{enumerable:!1,configurable:!0,writable:!0,value:function(e){n(e.initialPayload,this.props.initialPayload)||this.setState({payload:this.props.initialPayload})}}),Object.defineProperty(a.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,i=this.state,n=i.isEditing,a=i.isSubmitting,o=i.payload;return this.props.children(t(t({},this.state),{editButtonProps:{disabled:a,icon:n?void 0:{name:"general.pencil"},onClick:function(){null===e.submitTimeoutId&&(n?e.handleSubmit():e.handleEditing())},spinner:a,title:n?"Save":"Edit",tooltip:n?a?{title:"Saving"}:void 0:{title:"Edit"}},getFieldProps:function(i,r){return void 0===r&&(r=function(e){return e.target.value}),{disabled:a,hover:n,innerRef:e.storeFocusRef,onBlur:function(){e.startSubmitTimeout()},onChange:function(n){var a=r(n);e.setState((function(e){var n;return{payload:t(t({},e.payload),(n={},n[i]=a,n))}}))},onFocus:function(){e.clearSubmitTimeout(),e.setState({isEditing:!0})},onKeyDown:function(t){"Enter"!==t.key&&"Escape"!==t.key||(t.preventDefault(),t.target.blur(),"Escape"===t.key&&e.handleReset())},value:o[i]}}}))}}),a}(i.Component);export{a as default};
 //# sourceMappingURL=Form.js.map

package/dist/GridView/GridView.d.ts

@@ -1,23 +1,23 @@
 import { jsx } from '@emotion/react';
 import * as React from 'react';
 import { BoxProps } from '../Box';
-import { MediaQueries, Variants } from '../index';
+import { MediaQueries, Variants } from '../types';
 export type GridViewProps = {
-    children?: any;
+    alignment?: 'start' | 'end' | 'center' | 'stretch';
     as?: any;
-    autoFlow?: 'column' | 'row' | 'dense';
     autoColumns?: string;
+    autoFlow?: 'column' | 'row' | 'dense';
     autoRows?: string;
+    children?: any;
+    columnSpacing?: number | string;
     columns?: Array<any> | string;
     inline?: boolean;
     innerRef?: any;
+    mediaQueries?: object;
+    rowSpacing?: number | string;
     rows?: Array<any> | string;
-    alignment?: 'start' | 'end' | 'center' | 'stretch';
     spacing?: number | string;
-    columnSpacing?: number | string;
-    rowSpacing?: number | string;
     variants?: object;
-    mediaQueries?: object;
 } & BoxProps;
 type Props = React.RefAttributes<any> & React.HTMLAttributes<any> & GridViewProps & MediaQueries<GridViewProps> & Variants<GridViewProps>;
 export declare function GridView({ as, inline, innerRef, ...props }: Props): jsx.JSX.Element;

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

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

package/dist/GridView/GridView.js

@@ -1,2 +1,2 @@
-import{__rest as o,__assign as i}from'./../ext/tslib/tslib.es6.js';import{jsx as t}from"@emotion/react";import n from"../system/split-styles.js";import"../system/colors/colors.js";import"polished";import"../utils.js";import{spacingValue as r}from"../system/utils.js";import"../system/style-names.js";import"lodash";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import"react";import"../system/cxs.js";import{useVariant as s}from"../VariantProvider/VariantProvider.js";function a(o){return o?o.constructor===Array?o.map((function(o){return"number"==typeof o?"".concat(8*o,"px"):o})).join(" "):o:void 0}var m={styleProps:["autoFlow","autoColumns","autoRows","columns","rows","alignment","distribution","columnSpacing","rowSpacing","spacing"],getStyles:function(i){var t=i.autoFlow,n=i.autoColumns,s=i.autoRows,m=i.columns,e=i.rows,l=i.alignment,u=i.distribution,d=i.columnSpacing,p=i.rowSpacing,g=i.spacing,c=o(i,["autoFlow","autoColumns","autoRows","columns","rows","alignment","distribution","columnSpacing","rowSpacing","spacing"]);return void 0!==t&&void 0===c.gridAutoFlow&&(c.gridAutoFlow=t),void 0!==n&&void 0===c.gridAutoColumns&&(c.gridAutoColumns=n),void 0!==s&&void 0===c.autoRows&&(c.gridAutoRows=s),void 0!==m&&void 0===c.gridTemplateColumns&&(c.gridTemplateColumns=a(m)),void 0!==e&&void 0===c.gridTemplateRows&&(c.gridTemplateRows=a(e)),void 0!==l&&void 0===c.alignItems&&(c.alignItems=l),void 0!==u&&void 0===c.distribution&&(c.justifyItems=u),void 0!==d&&void 0===c.gridColumnGap&&(c.gridColumnGap=r(d)),void 0!==p&&void 0===c.gridRowGap&&(c.gridRowGap=r(p)),void 0!==g&&void 0===c.gap&&(c.gap=r(g)),c}};function e(r){var a=r.as,e=r.inline,l=r.innerRef,u=o(r,["as","inline","innerRef"]),d=a||"div",p=s();return t(d,i({ref:l},n(i({display:e?"inline-grid":"grid",autoColumns:"minmax(0, auto)",plugin:m,variant:p},u))))}export{e as GridView};
+import{__rest as o,__assign as i}from'./../ext/tslib/tslib.es6.js';import{jsx as t}from"@emotion/react";import"../system/colors/colors.js";import"polished";import"../utils.js";import"lodash/includes";import{spacingValue as n}from"../system/utils.js";import"../system/style-names.js";import"@planningcenter/icons/paths/general";import"@planningcenter/icons/paths/tapestry";import r from"../system/split-styles.js";import"react";import"../system/cxs.js";import{useVariant as s}from"../VariantProvider/VariantProvider.js";function a(o){return o?o.constructor===Array?o.map((function(o){return"number"==typeof o?"".concat(8*o,"px"):o})).join(" "):o:void 0}var e={getStyles:function(i){var t=i.autoFlow,r=i.autoColumns,s=i.autoRows,e=i.columns,m=i.rows,l=i.alignment,u=i.distribution,d=i.columnSpacing,p=i.rowSpacing,g=i.spacing,c=o(i,["autoFlow","autoColumns","autoRows","columns","rows","alignment","distribution","columnSpacing","rowSpacing","spacing"]);return void 0!==t&&void 0===c.gridAutoFlow&&(c.gridAutoFlow=t),void 0!==r&&void 0===c.gridAutoColumns&&(c.gridAutoColumns=r),void 0!==s&&void 0===c.autoRows&&(c.gridAutoRows=s),void 0!==e&&void 0===c.gridTemplateColumns&&(c.gridTemplateColumns=a(e)),void 0!==m&&void 0===c.gridTemplateRows&&(c.gridTemplateRows=a(m)),void 0!==l&&void 0===c.alignItems&&(c.alignItems=l),void 0!==u&&void 0===c.distribution&&(c.justifyItems=u),void 0!==d&&void 0===c.gridColumnGap&&(c.gridColumnGap=n(d)),void 0!==p&&void 0===c.gridRowGap&&(c.gridRowGap=n(p)),void 0!==g&&void 0===c.gap&&(c.gap=n(g)),c},styleProps:["autoFlow","autoColumns","autoRows","columns","rows","alignment","distribution","columnSpacing","rowSpacing","spacing"]};function m(n){var a=n.as,m=n.inline,l=n.innerRef,u=o(n,["as","inline","innerRef"]),d=a||"div",p=s();return t(d,i({ref:l},r(i({autoColumns:"minmax(0, auto)",display:m?"inline-grid":"grid",plugin:e,variant:p},u))))}export{m as GridView};
 //# sourceMappingURL=GridView.js.map

package/dist/Group/Group.js

@@ -1,2 +1,2 @@
-import{__rest as i,__assign as r}from'./../ext/tslib/tslib.es6.js';import t from"react";import{StackView as s}from"../StackView/StackView.js";import{useThemeValue as o}from"../system/utils.js";import{cloneChildren as a}from"../utils.js";function n(n){var e=n.axis,l=void 0===e?"horizontal":e,m=n.childProps,d=n.children,u=n.radius,p=n.spacing,c=i(n,["axis","childProps","children","radius","spacing"]),h=o("group.radius"),f=null!=u?u:h,g="horizontal"===l,x=g?"radiusLeft":"radiusTop",j=g?"radiusRight":"radiusBottom",v=g?0:"-1px",b=g?"-1px":0;return t.createElement(s,r({axis:l,spacing:p},c),a(d,(function(i,t){var s,o=t.firstChild,a=t.lastChild;return r(r(r(r({},m),((s={})[x]=o?f:0,s[j]=a?f:0,s)),!p&&!a&&{marginBottom:v}),!p&&!a&&{marginRight:b})})))}export{n as Group};
+import{__rest as i,__assign as r}from'./../ext/tslib/tslib.es6.js';import t from"react";import{StackView as s}from"../StackView/StackView.js";import{useThemeValue as o}from"../system/utils.js";import{cloneChildren as a}from"../utils.js";function n(n){var e=n.axis,l=void 0===e?"horizontal":e,m=n.childProps,d=n.children,u=n.radius,p=n.spacing,c=i(n,["axis","childProps","children","radius","spacing"]),h=o("group.radius"),f=null!=u?u:h,g="horizontal"===l,x=g?"radiusLeft":"radiusTop",j=g?"radiusRight":"radiusBottom",v=g?0:"-1px",b=g?"-1px":0;return t.createElement(s,r({axis:l,spacing:p},c),a(d,(function(i,t){var s,o=t.firstChild,a=t.lastChild;return r(r(r(r({},m),((s={})[j]=a?f:0,s[x]=o?f:0,s)),!p&&!a&&{marginBottom:v}),!p&&!a&&{marginRight:b})})))}export{n as Group};
 //# sourceMappingURL=Group.js.map

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

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

package/dist/Heading/Heading.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import i from"react";import{Text as o}from"../Text/Text.js";import{useThemeValue as r}from"../system/utils.js";var s=function(s){var l=s.level,m=void 0===l?1:l,n=e(s,["level"]),a=r("heading"),f=r("lineHeights"),p=m-1;return i.createElement(o,t({as:"h".concat(m),fontSize:p,lineHeight:f[p]+"px"},a,n))};export{s as default};
+import{__rest as e,__assign as t}from'./../ext/tslib/tslib.es6.js';import i from"react";import{useThemeValue as o}from"../system/utils.js";import{Text as r}from"../Text/Text.js";var s=function(s){var l=s.level,m=void 0===l?1:l,n=e(s,["level"]),a=o("heading"),f=o("lineHeights"),p=m-1;return i.createElement(r,t({as:"h".concat(m),fontSize:p,lineHeight:f[p]+"px"},a,n))};export{s as default};
 //# sourceMappingURL=Heading.js.map

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

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

package/dist/HeadingUppercase/HeadingUppercase.js

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

package/dist/HelperDrawer/HelperDrawer.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"HelperDrawer.d.ts","sourceRoot":"","sources":["../../src/HelperDrawer/HelperDrawer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,cAAc,EAAoC,MAAM,OAAO,CAAA;AAGxE,OAAO,IAAI,MAAM,SAAS,CAAA;AAK1B,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE;;;CAAA,mBAwBzC;AAED,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IAEzC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACrB,CAAA;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,mBAe1D;kBAfQ,YAAY;;;;;;;YAmB0C,aAAa;;AAA5E,wBAA8E"}
+{"version":3,"file":"HelperDrawer.d.ts","sourceRoot":"","sources":["../../src/HelperDrawer/HelperDrawer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAoC,MAAM,OAAO,CAAA;AAGxE,OAAO,IAAI,MAAM,SAAS,CAAA;AAK1B,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE;;;CAAA,eAwBzC;AAED,KAAK,KAAK,GAAG,cAAc,CAAC,OAAO,IAAI,CAAC,GAAG;IAEzC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACrB,CAAA;AAED,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,SAAS,EAAE,EAAE,KAAK,eAe1D;kBAfQ,YAAY;;;;;;;YAmB0C,aAAa;;AAA5E,wBAA8E"}

package/dist/HelperDrawer/HelperDrawer.js

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

package/dist/Highlight/Highlight.d.ts

@@ -1,9 +1,9 @@
 import { markFuzzyMatchSubstring, markStartsWithMatchSubstring } from './utils';
 type HighlightProps = {
-    color: string;
-    marker: (text: string, query: string) => Array<{
-        text: string;
+    color?: string;
+    marker?: (text: string, query: string) => Array<{
         highlight: boolean;
+        text: string;
     }>;
     query: string;
     text: string;

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

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

package/dist/Highlight/Highlight.js

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

package/dist/Highlight/utils.d.ts

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

package/dist/Highlight/utils.js

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

package/dist/Icon/Icon.d.ts

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

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

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

package/dist/Icon/Icon.js

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

package/dist/Icon/Path.d.ts

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

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

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

package/dist/Icon/Status.d.ts

@@ -1,7 +1,7 @@
 export type Props = {
+    color?: string;
     variant: 'confirmed' | 'unconfirmed' | 'declined';
     variantFilled?: boolean;
-    color?: string;
 };
 declare function Status(props: Props): JSX.Element;
 declare namespace Status {

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

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

package/dist/Icon/Status.js

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

package/dist/Input/Inline.d.ts

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

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

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

package/dist/Input/Inline.js

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