@devsym/graph-toolkit-react 1.0.0-next.8 → 1.1.0-beta.0

package/dist/providers/IPersonDataProvider.d.ts

@@ -1,5 +1,6 @@
 /**
- * Person data provider interface for fetching user information, presence, and photos
+ * Person data provider interface for fetching user information, presence, and photos,
+ * and optionally searching for people.
  */
 import { Presence, User } from '@microsoft/microsoft-graph-types';
 import { IProvider } from './IProvider';
@@ -60,4 +61,64 @@ export interface IPersonDataProvider {
  * @returns True if the provider implements IPersonDataProvider
  */
 export declare const isPersonDataProvider: (provider: IProvider | null) => provider is IProvider & IPersonDataProvider;
+/**
+ * Result item returned by a people search operation
+ */
+export interface PeopleSearchResult {
+    /**
+     * The unique identifier for the person
+     */
+    id: string;
+    /**
+     * The person's first name.
+     */
+    givenName?: string | null;
+    /**
+     * The person's last name.
+     */
+    surname?: string | null;
+    /**
+     * The person's display name
+     */
+    displayName?: string | null;
+    /**
+     * The person's primary mail address
+     */
+    mail?: string | null;
+    /**
+     * The person's user principal name
+     */
+    userPrincipalName?: string | null;
+    /**
+     * The person's job title
+     */
+    jobTitle?: string | null;
+    /**
+     * The department the person belongs to
+     */
+    department?: string | null;
+    /**
+     * Optional profile photo URL for the person.
+     * When provided, UI components can render the avatar image without fetching it separately.
+     */
+    photoUrl?: string | null;
+}
+/**
+ * Optional interface that providers can implement to support people search
+ */
+export interface IPeopleSearchProvider {
+    /**
+     * Search for people matching the given query string
+     * @param query - The search query (display name, email, or UPN fragment). An empty query may return initial suggestions.
+     * @param maxResults - Maximum number of results to return (default: 10)
+     * @returns Promise resolving to an array of matching people
+     */
+    searchPeople(query: string, maxResults?: number): Promise<PeopleSearchResult[]>;
+}
+/**
+ * Type guard to check if a provider implements the IPeopleSearchProvider interface
+ * @param provider - The provider to check
+ * @returns True if the provider implements IPeopleSearchProvider
+ */
+export declare const isPeopleSearchProvider: (provider: IProvider | null) => provider is IProvider & IPeopleSearchProvider;
 //# sourceMappingURL=IPersonDataProvider.d.ts.map

package/dist/providers/IPersonDataProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IPersonDataProvider.d.ts","sourceRoot":"","sources":["../../src/providers/IPersonDataProvider.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,aAAa,CAAC,OAAO,EAAE,yBAAyB,GAAG,OAAO,CAAC,0BAA0B,CAAC,CAAC;CACxF;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAC/B,UAAU,SAAS,GAAG,IAAI,KACzB,QAAQ,IAAI,SAAS,GAAG,mBAM1B,CAAC"}
+{"version":3,"file":"IPersonDataProvider.d.ts","sourceRoot":"","sources":["../../src/providers/IPersonDataProvider.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,aAAa,CAAC,OAAO,EAAE,yBAAyB,GAAG,OAAO,CAAC,0BAA0B,CAAC,CAAC;CACxF;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,GAC/B,UAAU,SAAS,GAAG,IAAI,KACzB,QAAQ,IAAI,SAAS,GAAG,mBAM1B,CAAC;AAEF;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;;;OAKG;IACH,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAAC;CACjF;AAED;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,GACjC,UAAU,SAAS,GAAG,IAAI,KACzB,QAAQ,IAAI,SAAS,GAAG,qBAM1B,CAAC"}

package/dist/providers/MockProvider.d.ts

@@ -2,8 +2,8 @@
  * MockProvider - simple in-memory provider for development and tests
  */
 import { IProvider, ProviderState } from './IProvider';
-import { IPersonDataProvider, ProviderPersonDataRequest, ProviderPersonDataResponse } from './IPersonDataProvider';
-export declare class MockProvider implements IProvider, IPersonDataProvider {
+import { IPersonDataProvider, IPeopleSearchProvider, PeopleSearchResult, ProviderPersonDataRequest, ProviderPersonDataResponse } from './IPersonDataProvider';
+export declare class MockProvider implements IProvider, IPersonDataProvider, IPeopleSearchProvider {
     private state;
     private listeners;
     constructor(options?: {
@@ -12,6 +12,7 @@ export declare class MockProvider implements IProvider, IPersonDataProvider {
     });
     getAccessToken(): Promise<string>;
     getPersonData(request: ProviderPersonDataRequest): Promise<ProviderPersonDataResponse>;
+    searchPeople(query: string, maxResults?: number): Promise<PeopleSearchResult[]>;
     login(): Promise<void>;
     logout(): Promise<void>;
     getState(): ProviderState;

package/dist/providers/MockProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MockProvider.d.ts","sourceRoot":"","sources":["../../src/providers/MockProvider.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EACL,mBAAmB,EACnB,yBAAyB,EACzB,0BAA0B,EAC3B,MAAM,uBAAuB,CAAC;AAK/B,qBAAa,YAAa,YAAW,SAAS,EAAE,mBAAmB;IACjE,OAAO,CAAC,KAAK,CAA8B;IAC3C,OAAO,CAAC,SAAS,CAAuB;gBAC5B,OAAO,CAAC,EAAE;QAAE,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE;IAMnE,cAAc,IAAI,OAAO,CAAC,MAAM,CAAC;IAQ3B,aAAa,CAAC,OAAO,EAAE,yBAAyB,GAAG,OAAO,CAAC,0BAA0B,CAAC;IA+BtF,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAKtB,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAK7B,QAAQ,IAAI,aAAa;IAIzB,cAAc,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI;IAIzC,yBAAyB,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI;IAIpD,OAAO,CAAC,IAAI;CASb;AAED,eAAO,MAAM,0BAA0B,oBAA+C,CAAC"}
+{"version":3,"file":"MockProvider.d.ts","sourceRoot":"","sources":["../../src/providers/MockProvider.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EACL,mBAAmB,EACnB,qBAAqB,EACrB,kBAAkB,EAClB,yBAAyB,EACzB,0BAA0B,EAC3B,MAAM,uBAAuB,CAAC;AAgH/B,qBAAa,YAAa,YAAW,SAAS,EAAE,mBAAmB,EAAE,qBAAqB;IACxF,OAAO,CAAC,KAAK,CAA8B;IAC3C,OAAO,CAAC,SAAS,CAAuB;gBAC5B,OAAO,CAAC,EAAE;QAAE,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,UAAU,CAAC,EAAE,MAAM,CAAA;KAAE;IAMnE,cAAc,IAAI,OAAO,CAAC,MAAM,CAAC;IAQ3B,aAAa,CAAC,OAAO,EAAE,yBAAyB,GAAG,OAAO,CAAC,0BAA0B,CAAC;IA2CtF,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,SAAK,GAAG,OAAO,CAAC,kBAAkB,EAAE,CAAC;IAe3E,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAKtB,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAK7B,QAAQ,IAAI,aAAa;IAIzB,cAAc,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI;IAIzC,yBAAyB,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI;IAIpD,OAAO,CAAC,IAAI;CASb;AAED,eAAO,MAAM,0BAA0B,oBAA+C,CAAC"}

package/dist/providers/MsalBrowserProvider.d.ts

@@ -3,6 +3,18 @@
  */
 import type { IPublicClientApplication } from '@azure/msal-browser';
 import { IProvider, ProviderState } from './IProvider';
+/**
+ * Error indicating that an interactive redirect has been initiated and token acquisition
+ * will continue after navigation completes.
+ */
+export declare class RedirectInProgressError extends Error {
+    /**
+     * Creates a new instance of RedirectInProgressError.
+     *
+     * @param message - A human-readable description of the redirect state.
+     */
+    constructor(message: string);
+}
 export declare class MsalBrowserProvider implements IProvider {
     private readonly msalInstance;
     private readonly defaultScopes;

package/dist/providers/MsalBrowserProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MsalBrowserProvider.d.ts","sourceRoot":"","sources":["../../src/providers/MsalBrowserProvider.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAe,wBAAwB,EAA+B,MAAM,qBAAqB,CAAC;AAC9G,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEvD,qBAAa,mBAAoB,YAAW,SAAS;IACnD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA2B;IACxD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAW;IACzC,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,KAAK,CAA4B;IACzC,OAAO,CAAC,SAAS,CAAyB;gBAE9B,YAAY,EAAE,wBAAwB,EAAE,aAAa,EAAE,MAAM,EAAE;IAKrE,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAgB3B,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAYtB,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAOvB,cAAc,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC;IA8BxD,QAAQ,IAAI,aAAa;IAIzB,cAAc,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI;IAIzC,yBAAyB,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI;IAIpD,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,IAAI;CASb"}
+{"version":3,"file":"MsalBrowserProvider.d.ts","sourceRoot":"","sources":["../../src/providers/MsalBrowserProvider.ts"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAO,KAAK,EAAe,wBAAwB,EAAkC,MAAM,qBAAqB,CAAC;AACjH,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEvD;;;GAGG;AACH,qBAAa,uBAAwB,SAAQ,KAAK;IAChD;;;;OAIG;gBACS,OAAO,EAAE,MAAM;CAI5B;AAED,qBAAa,mBAAoB,YAAW,SAAS;IACnD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAA2B;IACxD,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAW;IACzC,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,KAAK,CAA4B;IACzC,OAAO,CAAC,SAAS,CAAyB;gBAE9B,YAAY,EAAE,wBAAwB,EAAE,aAAa,EAAE,MAAM,EAAE;IAKrE,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAuB3B,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;IAKtB,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAWvB,cAAc,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,CAAC;IA8BxD,QAAQ,IAAI,aAAa;IAIzB,cAAc,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI;IAIzC,yBAAyB,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI;IAIpD,OAAO,CAAC,QAAQ;IAKhB,OAAO,CAAC,IAAI;CASb"}

package/dist/utils/graph.d.ts

@@ -11,4 +11,21 @@ export declare const createGraphClient: (provider: IProvider) => Client;
  * Extract initials from a display name
  */
 export declare const getInitials: (displayName?: string) => string;
+/**
+ * Convert a Microsoft Graph photo response into a data URL string when possible.
+ *
+ * The Graph SDK may return a string, `Blob`, or `ArrayBuffer` depending on the
+ * environment and request adapter. Unsupported response shapes resolve to `null`.
+ *
+ * @param photoResponse - Raw response returned from the Graph photo endpoint
+ * @returns A data URL string or `null` when the response cannot be converted
+ */
+export declare const photoResponseToDataUrl: (photoResponse: unknown) => Promise<string | null>;
+/**
+ * Encode a dynamic Microsoft Graph path segment for safe interpolation into request URLs.
+ *
+ * @param value - Raw path segment value such as a user identifier or group ID
+ * @returns The trimmed and URL-encoded path segment
+ */
+export declare const encodeGraphPathSegment: (value: string) => string;
 //# sourceMappingURL=graph.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"graph.d.ts","sourceRoot":"","sources":["../../src/utils/graph.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,UAAU,SAAS,KAAG,MAWvD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,cAAc,MAAM,KAAG,MASlD,CAAC"}
+{"version":3,"file":"graph.d.ts","sourceRoot":"","sources":["../../src/utils/graph.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,UAAU,SAAS,KAAG,MAWvD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,cAAc,MAAM,KAAG,MASlD,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,GAAU,eAAe,OAAO,KAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CA0B1F,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,GAAI,OAAO,MAAM,KAAG,MAA0C,CAAC"}

package/docs/assets/readme/provider-flow.svg

@@ -0,0 +1,76 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1100" height="430" viewBox="0 0 1100 430" role="img" aria-labelledby="title desc">
+  <title id="title">Graph Toolkit React provider flow</title>
+  <desc id="desc">A diagram showing React components inside GraphProvider using MockProvider, MsalBrowserProvider, TeamsHostedProvider, or a custom provider to access Microsoft Graph.</desc>
+  <defs>
+    <marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="5" orient="auto" markerUnits="strokeWidth">
+      <path d="M 0 0 L 10 5 L 0 10 z" fill="#64748b"/>
+    </marker>
+    <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
+      <feDropShadow dx="0" dy="8" stdDeviation="12" flood-color="#111827" flood-opacity="0.12"/>
+    </filter>
+  </defs>
+
+  <rect width="1100" height="430" fill="#f7f9fb"/>
+
+  <g transform="translate(58 54)">
+    <rect width="238" height="300" rx="8" fill="#ffffff" stroke="#d1d5db" filter="url(#shadow)"/>
+    <text x="26" y="42" font-family="Segoe UI, Arial, sans-serif" font-size="18" font-weight="600" fill="#111827">React application</text>
+    <text x="26" y="70" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#4b5563">Components render normal React UI</text>
+
+    <rect x="26" y="104" width="186" height="44" rx="6" fill="#eef6ff" stroke="#b3d6f2"/>
+    <text x="48" y="132" font-family="Segoe UI, Arial, sans-serif" font-size="14" font-weight="600" fill="#0f4c81">Person</text>
+
+    <rect x="26" y="164" width="186" height="44" rx="6" fill="#eefcf7" stroke="#b7ead7"/>
+    <text x="48" y="192" font-family="Segoe UI, Arial, sans-serif" font-size="14" font-weight="600" fill="#0f6b50">People</text>
+
+    <rect x="26" y="224" width="186" height="44" rx="6" fill="#fff7ed" stroke="#fed7aa"/>
+    <text x="48" y="252" font-family="Segoe UI, Arial, sans-serif" font-size="14" font-weight="600" fill="#9a3412">PeoplePicker</text>
+  </g>
+
+  <g transform="translate(378 86)">
+    <rect width="344" height="236" rx="8" fill="#111827" filter="url(#shadow)"/>
+    <text x="28" y="44" font-family="Segoe UI, Arial, sans-serif" font-size="20" font-weight="600" fill="#ffffff">GraphProvider</text>
+    <text x="28" y="74" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#d1d5db">One provider instance for token and state</text>
+
+    <rect x="28" y="104" width="132" height="38" rx="6" fill="#ffffff" fill-opacity="0.08" stroke="#374151"/>
+    <text x="48" y="128" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#e5e7eb">MockProvider</text>
+
+    <rect x="184" y="104" width="132" height="38" rx="6" fill="#ffffff" fill-opacity="0.08" stroke="#374151"/>
+    <text x="202" y="128" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#e5e7eb">MSAL browser</text>
+
+    <rect x="28" y="160" width="132" height="38" rx="6" fill="#ffffff" fill-opacity="0.08" stroke="#374151"/>
+    <text x="47" y="184" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#e5e7eb">Teams hosted</text>
+
+    <rect x="184" y="160" width="132" height="38" rx="6" fill="#ffffff" fill-opacity="0.08" stroke="#374151"/>
+    <text x="203" y="184" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#e5e7eb">Custom auth</text>
+  </g>
+
+  <g transform="translate(804 54)">
+    <rect width="238" height="300" rx="8" fill="#ffffff" stroke="#d1d5db" filter="url(#shadow)"/>
+    <text x="26" y="42" font-family="Segoe UI, Arial, sans-serif" font-size="18" font-weight="600" fill="#111827">Microsoft Graph</text>
+    <text x="26" y="70" font-family="Segoe UI, Arial, sans-serif" font-size="13" fill="#4b5563">Scoped user and directory data</text>
+
+    <circle cx="72" cy="128" r="28" fill="#0f6cbd"/>
+    <text x="72" y="138" text-anchor="middle" font-family="Segoe UI, Arial, sans-serif" font-size="22" font-weight="600" fill="#ffffff">U</text>
+    <text x="118" y="124" font-family="Segoe UI, Arial, sans-serif" font-size="14" font-weight="600" fill="#111827">Users</text>
+    <text x="118" y="146" font-family="Segoe UI, Arial, sans-serif" font-size="12" fill="#6b7280">profile and photo</text>
+
+    <circle cx="72" cy="200" r="28" fill="#13a10e"/>
+    <text x="72" y="210" text-anchor="middle" font-family="Segoe UI, Arial, sans-serif" font-size="22" font-weight="600" fill="#ffffff">P</text>
+    <text x="118" y="196" font-family="Segoe UI, Arial, sans-serif" font-size="14" font-weight="600" fill="#111827">Presence</text>
+    <text x="118" y="218" font-family="Segoe UI, Arial, sans-serif" font-size="12" fill="#6b7280">availability state</text>
+
+    <circle cx="72" cy="272" r="28" fill="#8764b8"/>
+    <text x="72" y="282" text-anchor="middle" font-family="Segoe UI, Arial, sans-serif" font-size="22" font-weight="600" fill="#ffffff">G</text>
+    <text x="118" y="268" font-family="Segoe UI, Arial, sans-serif" font-size="14" font-weight="600" fill="#111827">Groups</text>
+    <text x="118" y="290" font-family="Segoe UI, Arial, sans-serif" font-size="12" fill="#6b7280">members and lists</text>
+  </g>
+
+  <line x1="318" y1="204" x2="356" y2="204" stroke="#64748b" stroke-width="3" marker-end="url(#arrow)"/>
+  <line x1="724" y1="204" x2="780" y2="204" stroke="#64748b" stroke-width="3" marker-end="url(#arrow)"/>
+
+  <g transform="translate(396 358)">
+    <rect width="308" height="42" rx="8" fill="#e8f2ff" stroke="#b3d6f2"/>
+    <text x="24" y="27" font-family="Segoe UI, Arial, sans-serif" font-size="14" fill="#0f4c81">Keep auth outside UI components</text>
+  </g>
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devsym/graph-toolkit-react",
-  "version": "1.0.0-next.8",
+  "version": "1.1.0-beta.0",
   "description": "React components for Microsoft Graph powered by Fluent UI",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -16,7 +16,8 @@
     "dist",
     "README.md",
     "AGENTS.md",
-    "MGT_MIGRATION.md",
+    "CONTRIBUTING.md",
+    "docs/assets/readme",
     "LICENSE"
   ],
   "scripts": {
@@ -51,7 +52,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "tag": "next"
+    "tag": "beta"
   },
   "peerDependencies": {
     "@azure/msal-browser": "^4.0.0 || ^5.0.0",
@@ -69,33 +70,34 @@
     "@microsoft/microsoft-graph-types": "^2.40.0"
   },
   "devDependencies": {
-    "@changesets/cli": "^2.29.7",
     "@azure/msal-browser": "^5.2.0",
+    "@changesets/cli": "^2.29.7",
     "@fluentui/react-components": "^9.72.6",
-    "@storybook/addon-a11y": "^10.0.6",
-    "@storybook/addon-docs": "^10.0.6",
-    "@storybook/addon-links": "^10.0.6",
-    "@storybook/react-vite": "^10.0.6",
+    "@storybook/addon-a11y": "^10.3.4",
+    "@storybook/addon-docs": "^10.3.4",
+    "@storybook/addon-links": "^10.3.4",
+    "@storybook/react-vite": "^10.3.4",
+    "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.0",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "@typescript-eslint/eslint-plugin": "^8.46.3",
     "@typescript-eslint/parser": "^8.46.3",
-    "@vitejs/plugin-react": "^5.1.0",
+    "@vitejs/plugin-react": "^6.0.0",
     "eslint": "^9.39.1",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-storybook": "^10.2.8",
+    "eslint-plugin-storybook": "^10.3.4",
     "globals": "^17.3.0",
-    "jsdom": "^27.1.0",
+    "jsdom": "^29.0.2",
     "prettier": "^3.2.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "storybook": "^10.0.6",
+    "storybook": "^10.3.4",
     "typescript": "^5.9.3",
-    "vite": "^7.2.2",
+    "vite": "^8.0.5",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^4.0.18"
+    "vitest": "^4.1.2"
   }
-}
+}