@launchdarkly/toolbar 1.6.0 → 2.0.0

package/cdn/toolbar.min.js.LICENSE.txt

@@ -1,3 +1,5 @@
+/*! js-cookie v3.0.5 | MIT */
+
 /**
  * @license React
  * react-dom-client.production.js
@@ -56,4 +58,16 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @preserve
+ * JS Implementation of incremental MurmurHash3 (r150) (as of May 10, 2013)
+ *
+ * @author <a href="mailto:jensyt@gmail.com">Jens Taylor</a>
+ * @see http://github.com/homebrewing/brauhaus-diff
+ * @author <a href="mailto:gary.court@gmail.com">Gary Court</a>
+ * @see http://github.com/garycourt/murmurhash-js
+ * @author <a href="mailto:aappleby@gmail.com">Austin Appleby</a>
+ * @see http://sites.google.com/site/murmurhash/
  */

package/dist/core/services/DevServerClient.d.ts

@@ -1,14 +1,11 @@
+import { ApiVariation } from '../ui/Toolbar/types/ldApi';
 export interface DevServerProjectResponse {
     _lastSyncedFromSource: number;
-    availableVariations: Record<string, Variation[]>;
+    availableVariations: Record<string, ApiVariation[]>;
     flagsState: Record<string, FlagState>;
     overrides: Record<string, Override>;
     sourceEnvironmentKey: string;
-}
-export interface Variation {
-    _id: string;
-    name: string;
-    value: any;
+    context?: any;
 }
 export interface FlagState {
     value: any;
@@ -21,14 +18,12 @@ export interface Override {
 export declare class DevServerClient {
     private baseUrl;
     private projectKey;
-    constructor(baseUrl: string, projectKey?: string);
-    setProjectKey(projectKey: string): void;
-    getProjectKey(): string | null;
+    constructor(baseUrl: string, projectKey: string);
     getProjectData(): Promise<DevServerProjectResponse>;
     setOverride(flagKey: string, value: any): Promise<{
         override: boolean;
         value: any;
     }>;
     clearOverride(flagKey: string): Promise<void>;
-    getAvailableProjects(): Promise<string[]>;
+    updateProjectContext(context: any): Promise<DevServerProjectResponse>;
 }

package/dist/core/services/FlagStateManager.d.ts

@@ -1,14 +1,17 @@
 import { DevServerClient } from './DevServerClient';
 import { EnhancedFlag } from '../types/devServer';
+import { ApiFlag } from '../ui/Toolbar/types/ldApi';
 export declare class FlagStateManager {
     private devServerClient;
     private listeners;
+    private apiFlags;
     constructor(devServerClient: DevServerClient);
     getEnhancedFlags(): Promise<Record<string, EnhancedFlag>>;
     private formatFlagName;
     private determineFlagType;
     setOverride(flagKey: string, value: any): Promise<void>;
     clearOverride(flagKey: string): Promise<void>;
+    setApiFlags(apiFlags: ApiFlag[]): void;
     subscribe(listener: (flags: Record<string, EnhancedFlag>) => void): () => void;
     private notifyListeners;
     destroy(): void;

package/dist/core/tests/mocks/providers.d.ts

@@ -0,0 +1,132 @@
+import { vi } from 'vitest';
+/**
+ * Shared mock factory functions for provider contexts.
+ *
+ * GLOBAL MOCKS:
+ * AnalyticsPreferencesProvider is mocked globally in vitest.setup.ts.
+ * Most test files don't need to do anything - the mock is automatic.
+ *
+ * TESTING REAL IMPLEMENTATIONS:
+ * If your test file tests the REAL implementation of a provider, add this at
+ * the top of your test file:
+ *
+ * @example
+ * vi.unmock('../ui/Toolbar/context/telemetry/AnalyticsPreferencesProvider');
+ *
+ * OVERRIDING WITH DYNAMIC VALUES:
+ * If your test needs to change mock values during execution, override the
+ * global mock with createDynamicAnalyticsPreferencesProviderMock:
+ *
+ * @example
+ * const { getMockValue, setMockValue } = vi.hoisted(() => {
+ *   let value = false;
+ *   return { getMockValue: () => value, setMockValue: (v) => { value = v; } };
+ * });
+ *
+ * vi.mock('../ui/Toolbar/context/telemetry/AnalyticsPreferencesProvider', async () => {
+ *   const { createDynamicAnalyticsPreferencesProviderMock } = await import('./mocks/providers');
+ *   return createDynamicAnalyticsPreferencesProviderMock({ getIsOptedInToAnalytics: getMockValue });
+ * });
+ */
+interface AnalyticsPreferencesMock {
+    useAnalyticsPreferences: () => {
+        isOptedInToAnalytics: boolean;
+        isOptedInToEnhancedAnalytics: boolean;
+        isOptedInToSessionReplay: boolean;
+        handleToggleAnalyticsOptOut: ReturnType<typeof vi.fn>;
+        handleToggleEnhancedAnalyticsOptOut: ReturnType<typeof vi.fn>;
+        handleToggleSessionReplayOptOut: ReturnType<typeof vi.fn>;
+    };
+    AnalyticsPreferencesProvider: ({ children }: {
+        children: React.ReactNode;
+    }) => React.ReactNode;
+}
+/**
+ * Creates a mock for AnalyticsPreferencesProvider.
+ * Used by vitest.setup.ts for global mocking.
+ */
+export declare function createAnalyticsPreferencesProviderMock(overrides?: {
+    isOptedInToAnalytics?: boolean;
+    isOptedInToEnhancedAnalytics?: boolean;
+    isOptedInToSessionReplay?: boolean;
+}): AnalyticsPreferencesMock;
+/**
+ * Creates a mock for AnalyticsPreferencesProvider with dynamic values.
+ * Use this when you need to change mock values during test execution.
+ *
+ * @example
+ * // For dynamic isOptedInToAnalytics:
+ * let mockIsOptedIn = false;
+ * vi.mock('../ui/Toolbar/context/telemetry/AnalyticsPreferencesProvider', async () => {
+ *   const { createDynamicAnalyticsPreferencesProviderMock } = await import('./mocks/providers');
+ *   return createDynamicAnalyticsPreferencesProviderMock({ getIsOptedInToAnalytics: () => mockIsOptedIn });
+ * });
+ *
+ * // For dynamic isOptedInToEnhancedAnalytics:
+ * vi.mock('../ui/Toolbar/context/telemetry/AnalyticsPreferencesProvider', async () => {
+ *   const { createDynamicAnalyticsPreferencesProviderMock } = await import('./mocks/providers');
+ *   return createDynamicAnalyticsPreferencesProviderMock({ getIsOptedInToEnhancedAnalytics: () => mockValue });
+ * });
+ *
+ * // In tests:
+ * mockIsOptedIn = true;  // Changes mock behavior
+ */
+export declare function createDynamicAnalyticsPreferencesProviderMock(options: {
+    getIsOptedInToAnalytics?: () => boolean;
+    getIsOptedInToEnhancedAnalytics?: () => boolean;
+    getIsOptedInToSessionReplay?: () => boolean;
+}): AnalyticsPreferencesMock;
+/**
+ * Creates a mock for InternalClientProvider with a customizable mock LDClient.
+ *
+ * @example
+ * const mockLDClient = { track: vi.fn(), ... };
+ * vi.mock('../../ui/Toolbar/context/telemetry/InternalClientProvider', () =>
+ *   createInternalClientProviderMock(mockLDClient)
+ * );
+ */
+export declare function createInternalClientProviderMock(mockClient?: Record<string, unknown>): {
+    useInternalClient: () => {
+        client: Record<string, unknown> | null;
+        loading: boolean;
+        error: null;
+        updateContext: ReturnType<typeof vi.fn>;
+    };
+    InternalClientProvider: ({ children }: {
+        children: React.ReactNode;
+    }) => React.ReactNode;
+};
+/**
+ * Creates a mock for DevServerProvider.
+ *
+ * @example
+ * vi.mock('../../ui/Toolbar/context/DevServerProvider', () =>
+ *   createDevServerProviderMock({ connectionStatus: 'connected' })
+ * );
+ */
+export declare function createDevServerProviderMock(overrides?: {
+    sourceEnvironmentKey?: string;
+    connectionStatus?: string;
+    flags?: Record<string, unknown>;
+    isLoading?: boolean;
+    error?: Error | null;
+}): {
+    useDevServerContext: () => {
+        state: {
+            sourceEnvironmentKey: string;
+            connectionStatus: string;
+            flags: Record<string, unknown>;
+            lastSyncTime: number;
+            isLoading: boolean;
+            error: Error | null;
+        };
+        setOverride: ReturnType<typeof vi.fn>;
+        clearOverride: ReturnType<typeof vi.fn>;
+        clearAllOverrides: ReturnType<typeof vi.fn>;
+        refresh: ReturnType<typeof vi.fn>;
+    };
+    DevServerProvider: ({ children }: {
+        children: React.ReactNode;
+    }) => React.ReactNode;
+};
+export {};

package/dist/core/types/devServer.d.ts

@@ -1,12 +1,11 @@
-import { Variation } from '../services/DevServerClient';
-export type { Variation } from '../services/DevServerClient';
+import { ApiVariation } from '../ui/Toolbar/types/ldApi';
 export interface EnhancedFlag {
     key: string;
     name: string;
     currentValue: any;
     isOverridden: boolean;
     originalValue: any;
-    availableVariations: Variation[];
+    availableVariations: ApiVariation[];
     type: 'boolean' | 'multivariate' | 'string' | 'number' | 'object';
     sourceEnvironment: string;
     enabled: boolean;

package/dist/core/ui/{Toolbar/components → Buttons}/IconButton.d.ts

@@ -2,10 +2,11 @@ import React from 'react';
 interface IconButtonProps {
     icon: React.ReactNode;
     label: string;
-    onClick: () => void;
+    onClick: (event: React.MouseEvent) => void;
     disabled?: boolean;
     className?: string;
     size?: 'small' | 'medium' | 'large';
+    title?: string;
 }
 export declare function IconButton(props: IconButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/core/ui/{Toolbar/components → Buttons}/StarButton.css.d.ts

@@ -1,2 +1,3 @@
 export declare const starButton: string;
+export declare const starButtonStarred: string;
 export declare const starIcon: string;

package/dist/core/ui/JsonEditor/JsonEditor.d.ts

@@ -6,12 +6,13 @@ interface JsonEditorProps {
     onFocus?: () => void;
     onBlur?: (e: React.FocusEvent<HTMLDivElement>, value: string) => void;
     onChange?: (value: string, viewUpdate: ViewUpdate) => void;
-    onLintErrors: (errors: Diagnostic[]) => void;
+    onLintErrors?: (errors: Diagnostic[]) => void;
     initialState?: {
         startCursorAtLine?: number;
         autoFocus?: boolean;
     };
     onEditorHeightChange: (height: number) => void;
+    readOnly?: boolean;
 }
 export declare function JsonEditor(props: JsonEditorProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/core/ui/Toolbar/LaunchDarklyToolbar.d.ts

@@ -5,7 +5,6 @@ export interface LdToolbarProps {
     baseUrl: string;
     flagOverridePlugin?: IFlagOverridePlugin;
     eventInterceptionPlugin?: IEventInterceptionPlugin;
-    domId: string;
 }
 export declare function LdToolbar(props: LdToolbarProps): import("react/jsx-runtime").JSX.Element;
 export interface LaunchDarklyToolbarProps {
@@ -18,5 +17,6 @@ export interface LaunchDarklyToolbarProps {
     pollIntervalInMs?: number;
     position?: ToolbarPosition;
     domId: string;
+    clientSideId?: string;
 }
 export declare function LaunchDarklyToolbar(props: LaunchDarklyToolbarProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/core/ui/Toolbar/components/{AuthenticationModal.d.ts → AuthenticationModal/AuthenticationModal.d.ts}

@@ -2,5 +2,5 @@ interface AuthenticationModalProps {
     isOpen: boolean;
     onClose: () => void;
 }
-export declare function AuthenticationModal(props: AuthenticationModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function AuthenticationModal(props: AuthenticationModalProps): null;
 export {};

package/dist/core/ui/Toolbar/components/CopyableText.css.d.ts

@@ -0,0 +1,4 @@
+export declare const wrapper: string;
+export declare const container: string;
+export declare const text: string;
+export declare const tooltip: string;

package/dist/core/ui/Toolbar/components/CopyableText.d.ts

@@ -0,0 +1,18 @@
+interface CopyableTextProps {
+    /** The text to display and copy to clipboard */
+    text: string;
+    /** Optional callback fired after copying (useful for analytics) */
+    onCopy?: (text: string) => void;
+    /** Custom aria-label for accessibility. Defaults to "Copy {text} to clipboard" */
+    ariaLabel?: string;
+    /** Custom title tooltip. Defaults to "Copy {text} to clipboard" */
+    title?: string;
+    /** Additional CSS class name */
+    className?: string;
+    /** Custom tooltip text shown after copying. Defaults to "Copied!" */
+    copiedMessage?: string;
+    /** Duration in ms to show the copied tooltip. Defaults to 2000 */
+    copiedDuration?: number;
+}
+export declare function CopyableText({ text, onCopy, ariaLabel, title, className, copiedMessage, copiedDuration, }: CopyableTextProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/FilterOptions/FilterOptions.css.d.ts

@@ -2,3 +2,4 @@ export declare const container: string;
 export declare const filterButton: string;
 export declare const bottomRow: string;
 export declare const statusText: string;
+export declare const buttonGroup: string;

package/dist/core/ui/Toolbar/components/FilterOptions/FilterOptions.d.ts

@@ -5,6 +5,7 @@ export interface FilterOptionsProps {
     starredCount: number;
     onClearOverrides?: () => void;
     onClearStarred?: () => void;
+    onShareUrl?: () => void;
     isLoading?: boolean;
 }
 export declare function FilterOptions(props: FilterOptionsProps): import("react/jsx-runtime").JSX.Element;

package/dist/core/ui/Toolbar/components/FilterOptions/ShareUrlButton.css.d.ts

@@ -0,0 +1,2 @@
+export declare const shareButton: string;
+export declare const smallIcon: string;

package/dist/core/ui/Toolbar/components/FilterOptions/ShareUrlButton.d.ts

@@ -0,0 +1,7 @@
+interface ShareUrlButtonProps {
+    onClick: () => void;
+    isLoading?: boolean;
+    count: number;
+}
+export declare function ShareUrlButton({ onClick, isLoading, count }: ShareUrlButtonProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/core/ui/Toolbar/components/LoadingScreen/LoadingScreen.css.d.ts

@@ -0,0 +1,7 @@
+export declare const loadingContainer: string;
+export declare const loadingHeader: string;
+export declare const headerLogo: string;
+export declare const loadingMainContent: string;
+export declare const loadingContent: string;
+export declare const spinner: string;
+export declare const loadingText: string;

package/dist/core/ui/Toolbar/components/LoadingScreen/LoadingScreen.d.ts

@@ -0,0 +1,5 @@
+interface LoadingScreenProps {
+    onMouseDown?: (event: React.MouseEvent) => void;
+}
+export declare function LoadingScreen(props: LoadingScreenProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/LoadingScreen/index.d.ts

@@ -0,0 +1 @@
+export { LoadingScreen } from './LoadingScreen';

package/dist/core/ui/Toolbar/components/LoginScreen/LoginScreen.css.d.ts

@@ -0,0 +1,14 @@
+export declare const loginContainer: string;
+export declare const loginHeader: string;
+export declare const headerLogo: string;
+export declare const loginMainContent: string;
+export declare const closeButtonArea: string;
+export declare const actionButton: string;
+export declare const loginContent: string;
+export declare const title: string;
+export declare const description: string;
+export declare const errorMessage: string;
+export declare const loginButton: string;
+export declare const spinner: string;
+export declare const helpText: string;
+export declare const helpLink: string;

package/dist/core/ui/Toolbar/components/LoginScreen/LoginScreen.d.ts

@@ -0,0 +1,10 @@
+interface LoginScreenProps {
+    onClose: () => void;
+    onLogin: () => void;
+    onMouseDown?: (event: React.MouseEvent) => void;
+}
+/**
+ * Login screen component that prompts users to authenticate with LaunchDarkly
+ */
+export declare function LoginScreen(props: LoginScreenProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/ShareStatePopover/ShareStatePopover.css.d.ts

@@ -0,0 +1,10 @@
+export declare const popover: string;
+export declare const header: string;
+export declare const title: string;
+export declare const content: string;
+export declare const description: string;
+export declare const options: string;
+export declare const option: string;
+export declare const optionLabel: string;
+export declare const count: string;
+export declare const actions: string;

package/dist/core/ui/Toolbar/components/ShareStatePopover/ShareStatePopover.d.ts

@@ -0,0 +1,15 @@
+export interface ShareStateOptions {
+    includeFlagOverrides: boolean;
+    includeContexts: boolean;
+    includeSettings: boolean;
+}
+interface ShareStatePopoverProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onShare: (options: ShareStateOptions) => void;
+    overrideCount: number;
+    contextCount: number;
+    anchorRef?: React.RefObject<HTMLElement>;
+}
+export declare function ShareStatePopover(props: ShareStatePopoverProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/ShareStatePopover/index.d.ts

@@ -0,0 +1,2 @@
+export { ShareStatePopover } from './ShareStatePopover';
+export type { ShareStateOptions } from './ShareStatePopover';

package/dist/core/ui/Toolbar/components/icons/ChartHistogram.d.ts

@@ -0,0 +1,5 @@
+interface IconProps {
+    className?: string;
+}
+export declare function ChartHistogram({ className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/icons/ChipAiIcon.d.ts

@@ -0,0 +1,5 @@
+interface IconProps {
+    className?: string;
+}
+export declare function ChipAiIcon({ className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/icons/ClickIcon.d.ts

@@ -0,0 +1,5 @@
+interface IconProps {
+    className?: string;
+}
+export declare function ClickIcon({ className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/icons/CursorIcon.d.ts

@@ -0,0 +1,7 @@
+interface CursorIconProps {
+    className?: string;
+    width?: number | string;
+    height?: number | string;
+}
+export declare function CursorIcon({ className, width, height }?: CursorIconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/icons/ExternalLinkIcon.d.ts

@@ -0,0 +1,6 @@
+interface IconProps {
+    className?: string;
+    size?: 'default' | 'small';
+}
+export declare function ExternalLinkIcon({ className, size }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/icons/FilterTuneIcon.d.ts

@@ -0,0 +1,5 @@
+interface IconProps {
+    className?: string;
+}
+export declare function FilterTuneIcon({ className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/icons/FlaskIcon.d.ts

@@ -0,0 +1,5 @@
+interface IconProps {
+    className?: string;
+}
+export declare function FlaskIcon({ className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/icons/Icon.css.d.ts

@@ -1 +1,2 @@
 export declare const icon: string;
+export declare const iconSmall: string;

package/dist/core/ui/Toolbar/components/icons/InfoIcon.d.ts

@@ -0,0 +1,5 @@
+interface IconProps {
+    className?: string;
+}
+export declare function InfoIcon({ className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/icons/LaunchDarklyIcon.d.ts

@@ -1,5 +1,6 @@
 interface LaunchDarklyIconProps {
     className?: string;
+    onMouseDown?: (event: React.MouseEvent) => void;
 }
-export declare function LaunchDarklyIcon({ className }: LaunchDarklyIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function LaunchDarklyIcon({ className, onMouseDown }: LaunchDarklyIconProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/core/ui/Toolbar/components/icons/ShareIcon.d.ts

@@ -0,0 +1,5 @@
+interface IconProps {
+    className?: string;
+}
+export declare function ShareIcon({ className }: IconProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/icons/index.d.ts

@@ -15,3 +15,13 @@ export { StarOutlineIcon } from './StarOutlineIcon';
 export { PersonPassword } from './PersonPassword';
 export { ThumbUpIcon } from './ThumbUpIcon';
 export { ThumbDownIcon } from './ThumbDownIcon';
+export { FilterTuneIcon } from './FilterTuneIcon';
+export { ClickIcon } from './ClickIcon';
+export { ChartHistogram } from './ChartHistogram';
+export { ChipAiIcon } from './ChipAiIcon';
+export { FlaskIcon } from './FlaskIcon';
+export { ExternalLinkIcon } from './ExternalLinkIcon';
+export { CursorIcon } from './CursorIcon';
+export { InfoIcon } from './InfoIcon';
+export { AddIcon } from './AddIcon';
+export { ShareIcon } from './ShareIcon';

package/dist/core/ui/Toolbar/components/index.d.ts

@@ -1,11 +1,11 @@
-export { ActionButtonsContainer } from './ActionButtonsContainer';
+export { ActionButtonsContainer } from './legacy/ActionButtonsContainer';
 export { CircleLogo } from './CircleLogo';
 export { ConnectionStatus } from './ConnectionStatus';
+export { CopyableText } from './CopyableText';
 export { DoNotTrackWarning } from './DoNotTrackWarning';
-export { ExpandedToolbarContent } from './ExpandedToolbarContent';
 export { LaunchDarklyIcon } from './icons/LaunchDarklyIcon';
 export { StatusDot } from './StatusDot';
-export { TabContentRenderer } from './TabContentRenderer';
+export { TabContentRenderer } from './legacy/TabContentRenderer';
 export { ErrorMessage } from './ErrorMessage';
 export { type FlagFilterMode, FlagFilterOptionsContext, useFlagFilterOptions, } from './FilterOptions/useFlagFilterOptions';
 export { FilterOptions } from './FilterOptions/FilterOptions';

package/dist/core/ui/Toolbar/components/{ExpandedToolbarContent.d.ts → legacy/ExpandedToolbarContentLegacy.d.ts}

@@ -1,6 +1,6 @@
 import React, { Dispatch, SetStateAction } from 'react';
-import { ActiveTabId, ToolbarMode } from '../types';
-import { IEventInterceptionPlugin, IFlagOverridePlugin } from '../../../../types';
+import { ActiveTabId, ToolbarMode } from '../../types';
+import { IEventInterceptionPlugin, IFlagOverridePlugin } from '../../../../../types';
 interface ExpandedToolbarContentProps {
     activeTab: ActiveTabId;
     slideDirection: number;
@@ -20,8 +20,7 @@ interface ExpandedToolbarContentProps {
     onHeaderMouseDown?: (event: React.MouseEvent) => void;
     reloadOnFlagChangeIsEnabled: boolean;
     onToggleReloadOnFlagChange: () => void;
-    optInToNewFeatures: boolean;
-    onToggleOptInToNewFeatures: () => void;
+    onOpenAuthModal?: () => void;
 }
-export declare const ExpandedToolbarContent: React.ForwardRefExoticComponent<ExpandedToolbarContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ExpandedToolbarContentLegacy: React.ForwardRefExoticComponent<ExpandedToolbarContentProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/core/ui/Toolbar/components/{FlagControls.d.ts → legacy/FlagControls.d.ts}

@@ -1,4 +1,4 @@
-import { EnhancedFlag } from '../../../types/devServer';
+import { EnhancedFlag } from '../../../../types/devServer';
 interface BooleanFlagControlProps {
     flag: EnhancedFlag;
     onOverride: (value: boolean) => void;

package/dist/core/ui/Toolbar/{Header → components/legacy/Header}/Header.css.d.ts

@@ -16,3 +16,5 @@ export declare const searchFieldWrapperSvg: string;
 export declare const searchWrapper: string;
 export declare const environmentWrapper: string;
 export declare const icon: string;
+export declare const environmentLabelWrapper: string;
+export declare const environmentTooltip: string;

package/dist/core/ui/Toolbar/{Header → components/legacy/Header}/Header.d.ts

@@ -1,12 +1,11 @@
 import { Dispatch, SetStateAction } from 'react';
-import { ToolbarMode } from '../types/toolbar';
+import { ToolbarMode } from '../../../types';
 export interface HeaderProps {
     searchTerm: string;
     onSearch: (searchTerm: string) => void;
     onClose: () => void;
     searchIsExpanded: boolean;
     setSearchIsExpanded: Dispatch<SetStateAction<boolean>>;
-    label: string;
     mode: ToolbarMode;
     onMouseDown?: (event: React.MouseEvent) => void;
     onOpenConfig?: () => void;

package/dist/core/ui/Toolbar/components/{LocalFlagControls.d.ts → legacy/LocalFlagControls.d.ts}

@@ -1,5 +1,5 @@
-import type { LocalFlag } from '../context';
-import { EnhancedFlag } from '../../../types/devServer';
+import { LocalFlag } from '../../context';
+import { EnhancedFlag } from '../../../../types/devServer';
 interface LocalBooleanFlagControlProps {
     flag: LocalFlag;
     onOverride: (value: boolean) => void;

package/dist/core/ui/Toolbar/components/{LocalObjectFlagControlListItem.d.ts → legacy/LocalObjectFlagControlListItem.d.ts}

@@ -1,5 +1,5 @@
-import { LocalFlag } from '../context';
-import { EnhancedFlag } from '../../../types/devServer';
+import { EnhancedFlag } from '../../../../types/devServer';
+import { LocalFlag } from '../../context';
 interface LocalObjectFlagControlListItemProps {
     handleClearOverride: (key: string) => void;
     handleOverride: (flagKey: string, value: any) => void;

package/dist/core/ui/Toolbar/{TabContent → components/legacy/TabContent}/EventsTabContent.d.ts

@@ -1,4 +1,4 @@
-import { IEventInterceptionPlugin } from '../../../../types';
+import { IEventInterceptionPlugin } from '../../../../../../types';
 interface EventsTabContentProps {
     baseUrl: string;
     eventInterceptionPlugin?: IEventInterceptionPlugin;

package/dist/core/ui/Toolbar/{TabContent → components/legacy/TabContent}/FlagSdkOverrideTabContent.d.ts

@@ -1,4 +1,4 @@
-import { IFlagOverridePlugin } from '../../../../types';
+import { IFlagOverridePlugin } from '../../../../../../types';
 interface FlagSdkOverrideTabContentProps {
     flagOverridePlugin?: IFlagOverridePlugin;
     reloadOnFlagChangeIsEnabled: boolean;

package/dist/core/ui/Toolbar/{TabContent → components/legacy/TabContent}/SettingsTabContent.d.ts

@@ -1,12 +1,10 @@
-import { type ToolbarMode } from '../types/toolbar';
+import { ToolbarMode } from '../../../types';
 interface SettingsTabContentProps {
     mode: ToolbarMode;
     reloadOnFlagChangeIsEnabled: boolean;
     onToggleReloadOnFlagChange: () => void;
     isAutoCollapseEnabled: boolean;
     onToggleAutoCollapse: () => void;
-    optInToNewFeatures: boolean;
-    onToggleOptInToNewFeatures: () => void;
 }
 export declare function SettingsTabContent(props: SettingsTabContentProps): import("react/jsx-runtime").JSX.Element;
 export {};