@planningcenter/topbar 8.3.2 → 8.3.3-rc.2

package/dist/types/modules/not_small_topbar/user_menu.d.ts

@@ -0,0 +1,23 @@
+import * as PCO_URL from "@planningcenter/url";
+import { ConnectedPerson } from "../interfaces";
+interface UserMenuProps {
+    appName: string;
+    connectedPeople: ConnectedPerson[];
+    env: PCO_URL.Environment;
+    linkToProfile: boolean;
+    mfaConfigured: boolean;
+    mfaEnabled: boolean;
+    orgName: string;
+    requestClearAppsCache: any;
+    requestClearConnectedPeopleCache: any;
+    requestSwitchConnectedPerson: any;
+    requestUnlinkConnectedPeople: any;
+    setUserMenuVisible: Function;
+    toolbarEnabled: boolean;
+    userId: string;
+    userMenuVisible: boolean;
+    userName: string;
+}
+export declare const UserMenu: ({ appName, connectedPeople, env, linkToProfile, mfaConfigured, mfaEnabled, orgName, requestClearAppsCache, requestClearConnectedPeopleCache, requestSwitchConnectedPerson, requestUnlinkConnectedPeople, setUserMenuVisible, toolbarEnabled, userId, userMenuVisible, userName, }: UserMenuProps) => JSX.Element;
+export {};
+//# sourceMappingURL=user_menu.d.ts.map

package/dist/types/modules/not_small_topbar/user_menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user_menu.d.ts","sourceRoot":"","sources":["../../../../modules/not_small_topbar/user_menu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,OAAO,MAAM,qBAAqB,CAAA;AAS9C,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAI/C,UAAU,aAAa;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,EAAE,eAAe,EAAE,CAAA;IAClC,GAAG,EAAE,OAAO,CAAC,WAAW,CAAA;IACxB,aAAa,EAAE,OAAO,CAAA;IACtB,aAAa,EAAE,OAAO,CAAA;IACtB,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,qBAAqB,EAAE,GAAG,CAAA;IAC1B,gCAAgC,EAAE,GAAG,CAAA;IACrC,4BAA4B,EAAE,GAAG,CAAA;IACjC,4BAA4B,EAAE,GAAG,CAAA;IACjC,kBAAkB,EAAE,QAAQ,CAAA;IAC5B,cAAc,EAAE,OAAO,CAAA;IACvB,MAAM,EAAE,MAAM,CAAA;IACd,eAAe,EAAE,OAAO,CAAA;IACxB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,eAAO,MAAM,QAAQ,sRAiBlB,aAAa,gBAsRf,CAAA"}

package/dist/types/modules/not_small_topbar/user_menu_trigger.d.ts

@@ -0,0 +1,16 @@
+import * as PCO_URL from "@planningcenter/url";
+import { ConnectedPerson } from "../interfaces";
+interface UserMenuTriggerProps {
+    colors: any;
+    connectedPeople: ConnectedPerson[];
+    env: PCO_URL.Environment;
+    orgName: string;
+    requestConnectedPeopleFetch: any;
+    setUserMenuVisible: Function;
+    showOrgName: boolean;
+    toolbarEnabled: boolean;
+    userAvatarPath: string;
+}
+export declare const UserMenuTrigger: ({ colors, connectedPeople, env, orgName, requestConnectedPeopleFetch, setUserMenuVisible, showOrgName, toolbarEnabled, userAvatarPath, }: UserMenuTriggerProps) => JSX.Element;
+export {};
+//# sourceMappingURL=user_menu_trigger.d.ts.map

package/dist/types/modules/not_small_topbar/user_menu_trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user_menu_trigger.d.ts","sourceRoot":"","sources":["../../../../modules/not_small_topbar/user_menu_trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,qBAAqB,CAAA;AAK9C,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAI/C,UAAU,oBAAoB;IAC5B,MAAM,EAAE,GAAG,CAAA;IACX,eAAe,EAAE,eAAe,EAAE,CAAA;IAClC,GAAG,EAAE,OAAO,CAAC,WAAW,CAAA;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,2BAA2B,EAAE,GAAG,CAAA;IAChC,kBAAkB,EAAE,QAAQ,CAAA;IAC5B,WAAW,EAAE,OAAO,CAAA;IACpB,cAAc,EAAE,OAAO,CAAA;IACvB,cAAc,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,eAAe,6IAUzB,oBAAoB,gBAiEtB,CAAA"}

package/dist/types/modules/platform_announcements.d.ts

@@ -1,5 +1,5 @@
-import * as PCO_URL from "@planningcenter/url";
-import * as React from "react";
+import { Environment } from "@planningcenter/url";
+import React from "react";
 import { Fetch } from "./api_request";
 export declare class StyledAnnouncement extends React.Component<{
     style?: object;
@@ -17,7 +17,7 @@ export default class PlatformAnnouncements extends React.Component<{
     colors: any;
     configuredFetch?: Fetch;
     data: object;
-    env: PCO_URL.Environment;
+    env: Environment;
     renderItem?: any;
 }, {}> {
     static defaultProps: {

package/dist/types/modules/platform_announcements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"platform_announcements.d.ts","sourceRoot":"","sources":["../../../modules/platform_announcements.tsx"],"names":[],"mappings":"AAAA,OAAc,KAAK,OAAO,MAAM,qBAAqB,CAAA;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAmB,EAAgB,KAAK,EAAE,MAAM,eAAe,CAAA;AAqE/D,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CACrD;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,EAClB,EAAE,CACH;IACC,MAAM;CAuBP;AAED,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAChD;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,GAAG,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,EACD,EAAE,CACH;IACC,MAAM;CAwBP;AAED,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAChE;IACE,MAAM,EAAE,GAAG,CAAA;IACX,eAAe,CAAC,EAAE,KAAK,CAAA;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,OAAO,CAAC,WAAW,CAAA;IACxB,UAAU,CAAC,EAAE,GAAG,CAAA;CACjB,EACD,EAAE,CACH;IACC,OAAc,YAAY;;;;;;MASzB;IAED,MAAM;CAqBP"}
+{"version":3,"file":"platform_announcements.d.ts","sourceRoot":"","sources":["../../../modules/platform_announcements.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAmB,EAAgB,KAAK,EAAE,MAAM,eAAe,CAAA;AAyE/D,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CACrD;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,EAClB,EAAE,CACH;IACC,MAAM;CAuBP;AAED,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAChD;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,GAAG,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,EACD,EAAE,CACH;IACC,MAAM;CAwBP;AAED,MAAM,CAAC,OAAO,OAAO,qBAAsB,SAAQ,KAAK,CAAC,SAAS,CAChE;IACE,MAAM,EAAE,GAAG,CAAA;IACX,eAAe,CAAC,EAAE,KAAK,CAAA;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,WAAW,CAAA;IAChB,UAAU,CAAC,EAAE,GAAG,CAAA;CACjB,EACD,EAAE,CACH;IACC,OAAc,YAAY;;;;;;MASzB;IAED,MAAM;CAqBP"}

package/dist/types/modules/product_announcement.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 export declare function ProductAnnouncement({ colors, html, onClick, ...props }: {
     colors: object;
     html: string;

package/dist/types/modules/product_announcement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"product_announcement.d.ts","sourceRoot":"","sources":["../../../modules/product_announcement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA0B9B,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,IAAS,EACT,OAEC,EACD,GAAG,KAAK,EACT,EAAE;IACD,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAA;CAC7B,eAgBA;AAED,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAChD;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,GAAG,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,EACD,EAAE,CACH;IACC,MAAM;CA0BP;AAED,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CACrD;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,EAClB,EAAE,CACH;IACC,MAAM;CAwBP;AAED,wBAAgB,mBAAmB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CAmBlE"}
+{"version":3,"file":"product_announcement.d.ts","sourceRoot":"","sources":["../../../modules/product_announcement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AA0BzB,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,IAAS,EACT,OAEC,EACD,GAAG,KAAK,EACT,EAAE;IACD,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,GAAG,CAAA;CAC7B,eAgBA;AAED,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAChD;IACE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,GAAG,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,EACD,EAAE,CACH;IACC,MAAM;CA0BP;AAED,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CACrD;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,EAClB,EAAE,CACH;IACC,MAAM;CAwBP;AAED,wBAAgB,mBAAmB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,GAAG,GAAG,CAAC,OAAO,CAmBlE"}

package/dist/types/modules/small_topbar/account_settings_link.d.ts

@@ -0,0 +1,5 @@
+import { Environment } from "@planningcenter/url";
+export declare function AccountSettingsLink({ env }: {
+    env: Environment;
+}): JSX.Element;
+//# sourceMappingURL=account_settings_link.d.ts.map

package/dist/types/modules/small_topbar/account_settings_link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"account_settings_link.d.ts","sourceRoot":"","sources":["../../../../modules/small_topbar/account_settings_link.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAOzD,wBAAgB,mBAAmB,CAAC,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,EAAE,WAAW,CAAA;CAAE,eAyChE"}

package/dist/types/modules/small_topbar/close_menu_button.d.ts

@@ -0,0 +1,6 @@
+export declare const CloseMenuButton: ({ color, size, style, }: {
+    color?: string;
+    size?: number;
+    style?: object;
+}) => JSX.Element;
+//# sourceMappingURL=close_menu_button.d.ts.map

package/dist/types/modules/small_topbar/close_menu_button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"close_menu_button.d.ts","sourceRoot":"","sources":["../../../../modules/small_topbar/close_menu_button.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,eAAe;YAKlB,MAAM;WACP,MAAM;YACL,MAAM;iBAKf,CAAA"}

package/dist/types/modules/{small_topbar.d.ts → small_topbar/index.d.ts}

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { SharedTopbarProps } from "./interfaces";
+import { SharedTopbarProps } from "../interfaces";
 interface SmallTopbarProps {
     currentRouteComponent?: any;
 }
@@ -15,4 +14,4 @@ declare const Route: ({ active, ...props }: {
     active: any;
 }) => JSX.Element;
 export { Route, Topbar };
-//# sourceMappingURL=small_topbar.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dist/types/modules/small_topbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../modules/small_topbar/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAuCjD,UAAU,gBAAgB;IACxB,qBAAqB,CAAC,EAAE,GAAG,CAAA;CAC5B;AAMD,QAAA,MAAM,MAAM;YAAW,iBAAiB,GAAG,gBAAgB;;;;;CAke1D,CAAA;AAOD,QAAA,MAAM,KAAK;;;iBAmBV,CAAA;AAED,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,CAAA"}

package/dist/types/modules/small_topbar/linked_accounts.d.ts

@@ -0,0 +1,11 @@
+import { ConnectedPerson } from "../interfaces";
+export declare function LinkedAccounts({ appName, borderColor, connectedPeople, requestClearAppsCache, requestClearConnectedPeopleCache, requestSwitchConnectedPerson, requestUnlinkConnectedPeople, }: {
+    appName: string;
+    borderColor: string;
+    connectedPeople: ConnectedPerson[];
+    requestClearAppsCache: any;
+    requestClearConnectedPeopleCache: any;
+    requestSwitchConnectedPerson: any;
+    requestUnlinkConnectedPeople: any;
+}): JSX.Element;
+//# sourceMappingURL=linked_accounts.d.ts.map

package/dist/types/modules/small_topbar/linked_accounts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"linked_accounts.d.ts","sourceRoot":"","sources":["../../../../modules/small_topbar/linked_accounts.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAG/C,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,WAAW,EACX,eAAe,EACf,qBAAqB,EACrB,gCAAgC,EAChC,4BAA4B,EAC5B,4BAA4B,GAC7B,EAAE;IACD,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,eAAe,EAAE,eAAe,EAAE,CAAA;IAClC,qBAAqB,EAAE,GAAG,CAAA;IAC1B,gCAAgC,EAAE,GAAG,CAAA;IACrC,4BAA4B,EAAE,GAAG,CAAA;IACjC,4BAA4B,EAAE,GAAG,CAAA;CAClC,GAAG,GAAG,CAAC,OAAO,CAiGd"}

package/dist/types/modules/small_topbar/login_settings_link.d.ts

@@ -0,0 +1,9 @@
+import { Environment } from "@planningcenter/url";
+export declare function LoginSettingsLink({ appName, borderColor, env, mfaConfigured, userId, }: {
+    appName: string;
+    borderColor: string;
+    env: Environment;
+    mfaConfigured: boolean;
+    userId: string;
+}): JSX.Element;
+//# sourceMappingURL=login_settings_link.d.ts.map

package/dist/types/modules/small_topbar/login_settings_link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"login_settings_link.d.ts","sourceRoot":"","sources":["../../../../modules/small_topbar/login_settings_link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAOjD,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,WAAW,EACX,GAAG,EACH,aAAa,EACb,MAAM,GACP,EAAE;IACD,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,GAAG,EAAE,WAAW,CAAA;IAChB,aAAa,EAAE,OAAO,CAAA;IACtB,MAAM,EAAE,MAAM,CAAA;CACf,eAqBA"}

package/dist/types/modules/small_topbar/profile_link.d.ts

@@ -0,0 +1,5 @@
+export declare function ProfileLink({ borderColor, userId, }: {
+    borderColor: string;
+    userId: string;
+}): JSX.Element;
+//# sourceMappingURL=profile_link.d.ts.map

package/dist/types/modules/small_topbar/profile_link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile_link.d.ts","sourceRoot":"","sources":["../../../../modules/small_topbar/profile_link.tsx"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,MAAM,GACP,EAAE;IACD,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;CACf,eAmBA"}

package/dist/types/modules/small_topbar/user_info.d.ts

@@ -0,0 +1,13 @@
+import { Environment } from "@planningcenter/url";
+export declare function UserInfo({ appName, borderColor, env, linkToProfile, mfaConfigured, mfaEnabled, orgName, userId, userName, }: {
+    appName: string;
+    borderColor: string;
+    env: Environment;
+    linkToProfile: boolean;
+    mfaConfigured: boolean;
+    mfaEnabled: boolean;
+    orgName: string;
+    userId: string;
+    userName: string;
+}): JSX.Element;
+//# sourceMappingURL=user_info.d.ts.map

package/dist/types/modules/small_topbar/user_info.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user_info.d.ts","sourceRoot":"","sources":["../../../../modules/small_topbar/user_info.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAOjD,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,WAAW,EACX,GAAG,EACH,aAAa,EACb,aAAa,EACb,UAAU,EACV,OAAO,EACP,MAAM,EACN,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;IACnB,GAAG,EAAE,WAAW,CAAA;IAChB,aAAa,EAAE,OAAO,CAAA;IACtB,aAAa,EAAE,OAAO,CAAA;IACtB,UAAU,EAAE,OAAO,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;CACjB,eA4BA"}

package/dist/types/modules/small_topbar/user_menu.d.ts

@@ -0,0 +1,4 @@
+export declare function UserMenu({ children }: {
+    children: any;
+}): JSX.Element;
+//# sourceMappingURL=user_menu.d.ts.map

package/dist/types/modules/small_topbar/user_menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user_menu.d.ts","sourceRoot":"","sources":["../../../../modules/small_topbar/user_menu.tsx"],"names":[],"mappings":"AAKA,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,GAAG,CAAA;CAAE,eAsCvD"}

package/dist/types/modules/small_topbar/user_menu_trigger.d.ts

@@ -0,0 +1,9 @@
+import { Environment } from "@planningcenter/url";
+export declare function UserMenuTrigger({ colors: appColors, env, setUserMenuVisible, userMenuVisible, userAvatarPath, }: {
+    colors: object;
+    env: Environment;
+    setUserMenuVisible: Function;
+    userAvatarPath: string;
+    userMenuVisible: boolean;
+}): JSX.Element;
+//# sourceMappingURL=user_menu_trigger.d.ts.map

package/dist/types/modules/small_topbar/user_menu_trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user_menu_trigger.d.ts","sourceRoot":"","sources":["../../../../modules/small_topbar/user_menu_trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAOjD,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EAAE,SAAS,EACjB,GAAG,EACH,kBAAkB,EAClB,eAAe,EACf,cAAc,GACf,EAAE;IACD,MAAM,EAAE,MAAM,CAAA;IACd,GAAG,EAAE,WAAW,CAAA;IAChB,kBAAkB,EAAE,QAAQ,CAAA;IAC5B,cAAc,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,OAAO,CAAA;CACzB,eAmCA"}

package/dist/types/modules/small_topbar/user_name.d.ts

@@ -0,0 +1,5 @@
+export declare function UserName({ orgName, userName, }: {
+    orgName: string;
+    userName: string;
+}): JSX.Element;
+//# sourceMappingURL=user_name.d.ts.map

package/dist/types/modules/small_topbar/user_name.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user_name.d.ts","sourceRoot":"","sources":["../../../../modules/small_topbar/user_name.tsx"],"names":[],"mappings":"AAIA,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;CACjB,eA8BA"}

package/dist/types/modules/small_topbar/user_profile_menu.d.ts

@@ -0,0 +1,18 @@
+import { Environment } from "@planningcenter/url";
+import { ConnectedPerson } from "../interfaces";
+export declare function UserProfileMenu({ appName, connectedPeople, env, linkToProfile, mfaConfigured, mfaEnabled, requestClearAppsCache, requestClearConnectedPeopleCache, requestSwitchConnectedPerson, requestUnlinkConnectedPeople, setUserMenuVisible, userAvatarPath, userId, }: {
+    appName: string;
+    connectedPeople: ConnectedPerson[];
+    env: Environment;
+    linkToProfile: boolean;
+    mfaConfigured: boolean;
+    mfaEnabled: boolean;
+    requestClearAppsCache: any;
+    requestClearConnectedPeopleCache: any;
+    requestSwitchConnectedPerson: any;
+    requestUnlinkConnectedPeople: any;
+    setUserMenuVisible: any;
+    userAvatarPath: string;
+    userId: string;
+}): JSX.Element;
+//# sourceMappingURL=user_profile_menu.d.ts.map

package/dist/types/modules/small_topbar/user_profile_menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user_profile_menu.d.ts","sourceRoot":"","sources":["../../../../modules/small_topbar/user_profile_menu.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAOjD,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAI/C,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,eAAe,EACf,GAAG,EACH,aAAa,EACb,aAAa,EACb,UAAU,EACV,qBAAqB,EACrB,gCAAgC,EAChC,4BAA4B,EAC5B,4BAA4B,EAC5B,kBAAkB,EAClB,cAAc,EACd,MAAM,GACP,EAAE;IACD,OAAO,EAAE,MAAM,CAAA;IACf,eAAe,EAAE,eAAe,EAAE,CAAA;IAClC,GAAG,EAAE,WAAW,CAAA;IAChB,aAAa,EAAE,OAAO,CAAA;IACtB,aAAa,EAAE,OAAO,CAAA;IACtB,UAAU,EAAE,OAAO,CAAA;IACnB,qBAAqB,EAAE,GAAG,CAAA;IAC1B,gCAAgC,EAAE,GAAG,CAAA;IACrC,4BAA4B,EAAE,GAAG,CAAA;IACjC,4BAA4B,EAAE,GAAG,CAAA;IACjC,kBAAkB,EAAE,GAAG,CAAA;IACvB,cAAc,EAAE,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,CAAA;CACf,eAqHA"}

package/dist/types/modules/styled_root.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function StyledRoot({ children, style, ...nativeProps }: {
     [x: string]: any;
     children: any;

package/dist/types/modules/styled_root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled_root.d.ts","sourceRoot":"","sources":["../../../modules/styled_root.tsx"],"names":[],"mappings":";AAEA,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE;;;;CAAA,GAAG,GAAG,CAAC,OAAO,CA2B3E"}
+{"version":3,"file":"styled_root.d.ts","sourceRoot":"","sources":["../../../modules/styled_root.tsx"],"names":[],"mappings":"AAEA,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,WAAW,EAAE;;;;CAAA,GAAG,GAAG,CAAC,OAAO,CA4B3E"}

package/dist/types/modules/symbols.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
 export declare const Bell: ({ dot, dotFill, fill, style, ...props }: {
     dot?: boolean;
     dotFill?: string;
     fill?: string;
     style?: object;
 }) => JSX.Element;
-export declare const BlankStateIcon: ({ dark, style, ...nativeProps }: {
+export declare const BlankStateIcon: ({ dark, id, style, ...nativeProps }: {
     dark?: boolean;
+    id?: string;
     style?: object;
 }) => JSX.Element;
 export declare const ChevronIcon: ({ fill, size, style, ...nativeProps }: {

package/dist/types/modules/symbols.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"symbols.d.ts","sourceRoot":"","sources":["../../../modules/symbols.tsx"],"names":[],"mappings":";AAEA,eAAO,MAAM,IAAI;UAOT,OAAO;cACH,MAAM;WACT,MAAM;YACL,MAAM;iBAoCf,CAAA;AAED,eAAO,MAAM,cAAc;WAKlB,OAAO;YACN,MAAM;iBAiDf,CAAA;AAED,eAAO,MAAM,WAAW;WAMf,MAAM;WACN,MAAM;YACL,MAAM;iBAef,CAAC;AAEF,eAAO,MAAM,GAAG;WAMP,MAAM;WACN,MAAM;YACL,MAAM;iBAef,CAAC;AAEF,eAAO,MAAM,qBAAqB;YAKxB,GAAG;YACH,MAAM;iBAgBf,CAAA;AAED,eAAO,MAAM,QAAQ;YAKX,GAAG;YACH,MAAM;iBAgBf,CAAA;AAED,eAAO,MAAM,mBAAmB;WAMvB,MAAM;UACP,MAAM;YACJ,MAAM;iBAef,CAAA;AAED,eAAO,MAAM,QAAQ;WAKZ,MAAM;YACL,MAAM;iBAef,CAAA;AAED,eAAO,MAAM,CAAC;WAKL,MAAM;YACL,MAAM;iBAef,CAAA"}
+{"version":3,"file":"symbols.d.ts","sourceRoot":"","sources":["../../../modules/symbols.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI;UAOT,OAAO;cACH,MAAM;WACT,MAAM;YACL,MAAM;iBAoCf,CAAA;AAED,eAAO,MAAM,cAAc;WAMlB,OAAO;SACT,MAAM;YACH,MAAM;iBAiDf,CAAA;AAED,eAAO,MAAM,WAAW;WAMf,MAAM;WACN,MAAM;YACL,MAAM;iBAef,CAAA;AAED,eAAO,MAAM,GAAG;WAMP,MAAM;WACN,MAAM;YACL,MAAM;iBAef,CAAA;AAED,eAAO,MAAM,qBAAqB;YAKxB,GAAG;YACH,MAAM;iBAgBf,CAAA;AAED,eAAO,MAAM,QAAQ;YAKX,GAAG;YACH,MAAM;iBAgBf,CAAA;AAED,eAAO,MAAM,mBAAmB;WAMvB,MAAM;UACP,MAAM;YACJ,MAAM;iBAef,CAAA;AAED,eAAO,MAAM,QAAQ;WAKZ,MAAM;YACL,MAAM;iBAef,CAAA;AAED,eAAO,MAAM,CAAC;WAKL,MAAM;YACL,MAAM;iBAef,CAAA"}

package/dist/types/modules/theme.d.ts

@@ -0,0 +1,5 @@
+export declare const topbarTheme: {
+    colors: any;
+    id: string;
+};
+//# sourceMappingURL=theme.d.ts.map

package/dist/types/modules/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../modules/theme.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW;;;CAQvB,CAAA"}

package/dist/types/modules/toolbar/components/drawer.d.ts

@@ -0,0 +1,5 @@
+export declare function Drawer({ children, width }: {
+    children: any;
+    width: any;
+}): JSX.Element;
+//# sourceMappingURL=drawer.d.ts.map

package/dist/types/modules/toolbar/components/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../../modules/toolbar/components/drawer.tsx"],"names":[],"mappings":"AAGA,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE;;;CAAA,eAczC"}

package/dist/types/modules/toolbar/components/drawer_header.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface DrawerHeaderProps {
+    children: React.ReactNode;
+    closeDrawer?: Function;
+}
+export declare function DrawerHeader({ children, closeDrawer }: DrawerHeaderProps): JSX.Element;
+export {};
+//# sourceMappingURL=drawer_header.d.ts.map

package/dist/types/modules/toolbar/components/drawer_header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer_header.d.ts","sourceRoot":"","sources":["../../../../../modules/toolbar/components/drawer_header.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,QAAQ,CAAA;CACvB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,iBAAiB,eA4BxE"}

package/dist/types/modules/toolbar/components/drawer_heading.d.ts

@@ -0,0 +1,5 @@
+export declare function DrawerHeading({ children, ...props }: {
+    [x: string]: any;
+    children: any;
+}): JSX.Element;
+//# sourceMappingURL=drawer_heading.d.ts.map

package/dist/types/modules/toolbar/components/drawer_heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer_heading.d.ts","sourceRoot":"","sources":["../../../../../modules/toolbar/components/drawer_heading.tsx"],"names":[],"mappings":"AAGA,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE;;;CAAA,eAYnD"}

package/dist/types/modules/toolbar/components/index.d.ts

@@ -0,0 +1,6 @@
+export { Drawer } from "./drawer";
+export { DrawerHeader } from "./drawer_header";
+export { DrawerHeading } from "./drawer_heading";
+export { SwitchView } from "./switch_view";
+export { UserProfile } from "./user_profile";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/modules/toolbar/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../modules/toolbar/components/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/types/modules/toolbar/components/switch_view.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from "react";
+interface SwitchViewProps {
+    activeIndex: number;
+    children: ReactNode;
+}
+declare const SwitchView: React.FC<SwitchViewProps>;
+export { SwitchView };
+//# sourceMappingURL=switch_view.d.ts.map

package/dist/types/modules/toolbar/components/switch_view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch_view.d.ts","sourceRoot":"","sources":["../../../../../modules/toolbar/components/switch_view.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,UAAU,eAAe;IACvB,WAAW,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuCzC,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/types/modules/toolbar/components/user_profile.d.ts

@@ -0,0 +1,11 @@
+interface Props {
+    closeDrawer: () => void;
+    loginSettingsUrl: string;
+    logoutUrl: string;
+    profileUrl: string;
+    userAvatarPath: string;
+    userName: string;
+}
+export declare function UserProfile({ closeDrawer, loginSettingsUrl, logoutUrl, profileUrl, userName, userAvatarPath, }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=user_profile.d.ts.map

package/dist/types/modules/toolbar/components/user_profile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user_profile.d.ts","sourceRoot":"","sources":["../../../../../modules/toolbar/components/user_profile.tsx"],"names":[],"mappings":"AAgBA,UAAU,KAAK;IACb,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,gBAAgB,EAAE,MAAM,CAAA;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,wBAAgB,WAAW,CAAC,EAC1B,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,UAAU,EACV,QAAQ,EACR,cAAc,GACf,EAAE,KAAK,eAyFP"}

package/dist/types/modules/toolbar/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { ActionType, useToolbarReducer } from "./use_toolbar_reducer";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/modules/toolbar/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../modules/toolbar/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/types/modules/toolbar/hooks/use_toolbar_reducer.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+declare enum ActionType {
+    close = "close",
+    mount = "mount",
+    open = "open",
+    set = "set",
+    unmount = "unmount"
+}
+declare type ToolbarState = {
+    currentContent: any;
+    mounted: boolean;
+    open: boolean;
+};
+declare type ToolbarDispatch = {
+    payload?: any;
+    type: ActionType;
+};
+declare const useToolbarReducer: (overrides?: Partial<ToolbarState>) => [ToolbarState, React.Dispatch<ToolbarDispatch>];
+export { ActionType, useToolbarReducer };
+//# sourceMappingURL=use_toolbar_reducer.d.ts.map

package/dist/types/modules/toolbar/hooks/use_toolbar_reducer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_toolbar_reducer.d.ts","sourceRoot":"","sources":["../../../../../modules/toolbar/hooks/use_toolbar_reducer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,aAAK,UAAU;IACb,KAAK,UAAU;IACf,KAAK,UAAU;IACf,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,OAAO,YAAY;CACpB;AAED,aAAK,YAAY,GAAG;IAClB,cAAc,EAAE,GAAG,CAAA;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,OAAO,CAAA;CACd,CAAA;AAED,aAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,IAAI,EAAE,UAAU,CAAA;CACjB,CAAA;AA0BD,QAAA,MAAM,iBAAiB,eAAgB,QAAQ,YAAY,CAAC,oDACE,CAAA;AAE9D,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/types/modules/toolbar/index.d.ts

@@ -0,0 +1,13 @@
+import { Environment } from "@planningcenter/url";
+import useNotifications from "../hooks/use_notifications";
+declare type UseNotificationProps = Pick<Parameters<typeof useNotifications>["0"], "enableJoltLogging" | "joltPromise">;
+declare type ToolbarProps = {
+    appName: string;
+    env: Environment;
+    userAvatarPath: string;
+    userId: string;
+    userName: string;
+} & UseNotificationProps;
+export declare function Toolbar({ appName, env, userAvatarPath, userId, userName, }: ToolbarProps): JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/types/modules/toolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../modules/toolbar/index.tsx"],"names":[],"mappings":"AASA,OAAe,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAKzD,OAAO,gBAAgB,MAAM,4BAA4B,CAAA;AAazD,aAAK,oBAAoB,GAAG,IAAI,CAC9B,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,GAAG,CAAC,EACxC,mBAAmB,GAAG,aAAa,CACpC,CAAA;AAED,aAAK,YAAY,GAAG;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,GAAG,EAAE,WAAW,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,MAAM,CAAA;CACjB,GAAG,oBAAoB,CAAA;AAExB,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,GAAG,EACH,cAAc,EACd,MAAM,EACN,QAAQ,GACT,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAkK5B"}

package/dist/types/modules/toolbar/tools/index.d.ts

@@ -0,0 +1,3 @@
+export { Notifications } from "./notifications";
+export { Tasks } from "./tasks";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/modules/toolbar/tools/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../modules/toolbar/tools/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA"}

package/dist/types/modules/toolbar/tools/notifications.d.ts

@@ -0,0 +1,4 @@
+import { ToolbarTool } from "../types";
+declare const Notifications: ToolbarTool;
+export { Notifications };
+//# sourceMappingURL=notifications.d.ts.map

package/dist/types/modules/toolbar/tools/notifications.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../../../../modules/toolbar/tools/notifications.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAqLtC,QAAA,MAAM,aAAa,EAAE,WAOpB,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/types/modules/toolbar/tools/tasks.d.ts

@@ -0,0 +1,4 @@
+import { ToolbarTool } from "../types";
+declare const Tasks: ToolbarTool;
+export { Tasks };
+//# sourceMappingURL=tasks.d.ts.map

package/dist/types/modules/toolbar/tools/tasks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tasks.d.ts","sourceRoot":"","sources":["../../../../../modules/toolbar/tools/tasks.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAgEtC,QAAA,MAAM,KAAK,EAAE,WAOZ,CAAA;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/dist/types/modules/unbutton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function Unbutton({ style, ...nativeProps }: {
     children: any;
     id?: string;

package/dist/types/modules/unbutton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unbutton.d.ts","sourceRoot":"","sources":["../../../modules/unbutton.tsx"],"names":[],"mappings":";AAIA,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,GAAG,WAAW,EACf,EAAE;IACD,QAAQ,EAAE,GAAG,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,WAAW,CAAC,EAAE,GAAG,CAAA;IACjB,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,GAAG,CAAC,OAAO,CAkBd"}
+{"version":3,"file":"unbutton.d.ts","sourceRoot":"","sources":["../../../modules/unbutton.tsx"],"names":[],"mappings":"AAIA,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,GAAG,WAAW,EACf,EAAE;IACD,QAAQ,EAAE,GAAG,CAAA;IACb,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,WAAW,CAAC,EAAE,GAAG,CAAA;IACjB,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,YAAY,CAAC,EAAE,GAAG,CAAA;IAClB,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,GAAG,GAAG,CAAC,OAAO,CAkBd"}

package/dist/types/modules/utils.d.ts

@@ -1,2 +1,3 @@
 export declare const capitalize: (s: string) => string;
+export declare const HSLtoHSLA: (hsl: string, a?: number) => string;
 //# sourceMappingURL=utils.d.ts.map

package/dist/types/modules/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../modules/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,MAAO,MAAM,WAA2C,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../modules/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,MAAO,MAAM,WAA2C,CAAA;AAE/E,eAAO,MAAM,SAAS,QAAS,MAAM,MAAK,MAAM,WAO/C,CAAA"}

package/package.json

@@ -11,10 +11,16 @@
   "module": "./dist/topbar.module.js",
   "dependencies": {
     "@churchcenter/datetime-fmt": "^1.3.2",
+    "@emotion/cache": "^10.0.0",
+    "@emotion/react": "^11.10.5",
+    "@planningcenter/add-ons": ">=0.16.0 <2",
     "@planningcenter/jolt-client": "^1.3.1",
+    "@planningcenter/tapestry-react": ">=2.6.0-rc.12 <3",
     "@planningcenter/url": "^2.6.4",
     "react-cool-dimensions": "^2.0.7",
-    "react-transition-group": "^4.4.2"
+    "react-transition-group": "^4.4.2",
+    "tslint-config-prettier": "^1.18.0",
+    "use-sync-external-store": "^1.2.0"
   },
   "name": "@planningcenter/topbar",
   "devDependencies": {
@@ -25,6 +31,7 @@
     "@typescript-eslint/parser": "^5.10.1",
     "css-loader": "^6.5.1",
     "eslint": "^8.7.0",
+    "eslint-config-prettier": "^8.8.0",
     "eslint-import-resolver-typescript": "^2.5.0",
     "eslint-plugin-import": "^2.25.4",
     "eslint-plugin-react": "^7.28.0",
@@ -49,9 +56,10 @@
     "webpack-cli": "^4.9.1",
     "webpack-dev-server": "^4.4.0"
   },
-  "version": "8.3.2",
+  "version": "8.3.3-rc.2",
   "peerDependencies": {
-    "react": "^16.8.6"
+    "react": "^16.8.6",
+    "@planningcenter/add-ons": ">=0.16.0 <2"
   },
   "private": false,
   "repository": "https://github.com/planningcenter/topbar.git",
@@ -60,7 +68,12 @@
     "build": "microbundle --jsx React.createElement",
     "dev": "webpack-cli serve --mode development",
     "prepare": "$npm_execpath run build",
-    "test": "jest"
+    "test": "jest",
+    "lint": "npx eslint modules",
+    "lint:fix": "yarn lint --fix",
+    "prettier": "npx prettier modules --check",
+    "prettier:fix": "yarn prettier --write",
+    "format": "yarn lint:fix && yarn prettier:fix"
   },
   "source": "index.ts",
   "types": "dist/types/index.d.ts"