@launchdarkly/toolbar 2.2.0-beta.1 → 2.2.0

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

@@ -1,12 +1,14 @@
 import { DevServerClient } from './DevServerClient';
 import { EnhancedFlag } from '../types/devServer';
 import { ApiFlag } from '../ui/Toolbar/types/ldApi';
+import type { DevServerProjectResponse } from './DevServerClient';
 export declare class FlagStateManager {
     private devServerClient;
     private listeners;
     private apiFlags;
     constructor(devServerClient: DevServerClient);
     getEnhancedFlags(): Promise<Record<string, EnhancedFlag>>;
+    getEnhancedFlagsFromDevServerData(devServerData: DevServerProjectResponse): Record<string, EnhancedFlag>;
     private formatFlagName;
     private determineFlagType;
     setOverride(flagKey: string, value: any): Promise<void>;

package/dist/core/styles/constants.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Style isolation constants for Shadow DOM.
+ *
+ * This module provides unique identifiers and detection patterns for toolbar styles,
+ * enabling reliable isolation from host application stylesheets.
+ */
+/**
+ * Unique prefix for all toolbar vanilla-extract class names.
+ * This is configured in rslib.config.ts and rslib.config.cdn.ts
+ */
+export declare const TOOLBAR_CLASS_PREFIX = "ldtb_";
+/**
+ * CSS comment marker injected into toolbar stylesheets.
+ * Used to identify toolbar styles during runtime interception.
+ */
+export declare const TOOLBAR_STYLE_MARKER = "/* LD_TOOLBAR_STYLES */";
+/**
+ * Checks if CSS content belongs to the toolbar based on known markers.
+ * This is used for reliable style interception without false positives.
+ *
+ * @param content - CSS content to check
+ * @returns true if the content is toolbar CSS that should be moved to Shadow DOM
+ */
+export declare function isToolbarStyleContent(content: string): boolean;

package/dist/core/styles/index.d.ts

@@ -0,0 +1,2 @@
+export { TOOLBAR_CLASS_PREFIX, TOOLBAR_STYLE_MARKER, isToolbarStyleContent } from './constants';
+export { injectStylesIntoShadowRoot, createStyleInterceptor, cacheToolbarStyle, getCachedToolbarStyles, clearToolbarStyleCache, } from './shadowDomStyles';

package/dist/core/styles/shadowDomStyles.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Shadow DOM Style Injection Utilities
+ *
+ * This module provides utilities for injecting styles directly into Shadow DOM,
+ * bypassing document.head entirely to prevent style conflicts with host applications.
+ *
+ * The approach uses:
+ * 1. adoptedStyleSheets (modern browsers) - Styles never touch document.head
+ * 2. Synchronous DOM interception (fallback) - Intercepts before styles are visible
+ */
+/**
+ * Injects CSS directly into a Shadow DOM root using the best available method.
+ *
+ * @param shadowRoot - The Shadow DOM root to inject styles into
+ * @param cssText - The CSS content to inject
+ * @returns A cleanup function to remove the styles
+ */
+export declare function injectStylesIntoShadowRoot(shadowRoot: ShadowRoot, cssText: string): () => void;
+/**
+ * Creates a synchronous interceptor for styles injected into document.head.
+ * This prevents toolbar styles from ever being visible in the main document.
+ *
+ * IMPORTANT: This must be called BEFORE importing any toolbar components
+ * to intercept their style injections.
+ *
+ * @param shadowRoot - The Shadow DOM root to redirect styles to
+ * @returns A cleanup function to restore original DOM methods
+ */
+export declare function createStyleInterceptor(shadowRoot: ShadowRoot): () => void;
+/**
+ * Caches a style for HMR support.
+ */
+export declare function cacheToolbarStyle(content: string): void;
+/**
+ * Gets all cached toolbar styles.
+ */
+export declare function getCachedToolbarStyles(): string[];
+/**
+ * Clears the style cache (useful for testing).
+ */
+export declare function clearToolbarStyleCache(): 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/ui/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/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/components/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/CircleLogo.d.ts

@@ -1,7 +1,6 @@
 import { type MouseEvent } from 'react';
 interface CircleLogoProps {
-    onClick: () => void;
     onMouseDown: (event: MouseEvent) => void;
 }
-export declare const CircleLogo: import("react").ForwardRefExoticComponent<CircleLogoProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const CircleLogo: import("react").ForwardRefExoticComponent<CircleLogoProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/dist/core/ui/Toolbar/components/{FlagKeyWithCopy.css.d.ts → CopyableText.css.d.ts}

@@ -1,4 +1,4 @@
 export declare const wrapper: string;
 export declare const container: string;
-export declare const flagKeyText: 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/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/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

@@ -23,3 +23,5 @@ 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,6 +1,7 @@
 export { ActionButtonsContainer } from './legacy/ActionButtonsContainer';
 export { CircleLogo } from './CircleLogo';
 export { ConnectionStatus } from './ConnectionStatus';
+export { CopyableText } from './CopyableText';
 export { DoNotTrackWarning } from './DoNotTrackWarning';
 export { LaunchDarklyIcon } from './icons/LaunchDarklyIcon';
 export { StatusDot } from './StatusDot';

package/dist/core/ui/Toolbar/components/legacy/ExpandedToolbarContentLegacy.d.ts

@@ -20,6 +20,7 @@ interface ExpandedToolbarContentProps {
     onHeaderMouseDown?: (event: React.MouseEvent) => void;
     reloadOnFlagChangeIsEnabled: boolean;
     onToggleReloadOnFlagChange: () => void;
+    onOpenAuthModal?: () => void;
 }
 export declare const ExpandedToolbarContentLegacy: React.ForwardRefExoticComponent<ExpandedToolbarContentProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/core/ui/Toolbar/components/new/AnalyticsConsentToast/AnalyticsConsentToast.d.ts

@@ -0,0 +1,5 @@
+/**
+ * A toast component that appears at the bottom of the toolbar asking users
+ * to opt into analytics. Only shows the first time the toolbar is opened.
+ */
+export declare function AnalyticsConsentToast(): import("react/jsx-runtime").JSX.Element | null;

package/dist/core/ui/Toolbar/components/new/AnalyticsConsentToast/AnalyticsConsentToast.module.css.d.ts

@@ -0,0 +1,13 @@
+export declare const overlay: string;
+export declare const container: string;
+export declare const infoIcon: string;
+export declare const content: string;
+export declare const textContent: string;
+export declare const title: string;
+export declare const description: string;
+export declare const privacyLink: string;
+export declare const actions: string;
+export declare const button: string;
+export declare const primaryButton: string;
+export declare const closeButton: string;
+export declare const closeIcon: string;

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

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

package/dist/core/ui/Toolbar/components/new/ContentActions.module.css.d.ts

@@ -1,4 +1,8 @@
 export declare const container: string;
+export declare const searchContainer: string;
+export declare const searchDropdown: string;
+export declare const searchDropdownFlags: string;
+export declare const searchDropdownLeft: string;
 export declare const actionButton: string;
 export declare const clearButton: string;
 export declare const icon: string;

package/dist/core/ui/Toolbar/components/new/Contexts/AddContextForm.d.ts

@@ -0,0 +1,6 @@
+interface AddContextFormProps {
+    isOpen: boolean;
+    onClose: () => void;
+}
+export declare function AddContextForm({ isOpen, onClose }: AddContextFormProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/new/Contexts/AddContextForm.module.css.d.ts

@@ -0,0 +1,14 @@
+export declare const container: string;
+export declare const header: string;
+export declare const title: string;
+export declare const closeButton: string;
+export declare const form: string;
+export declare const field: string;
+export declare const label: string;
+export declare const required: string;
+export declare const input: string;
+export declare const jsonEditorContainer: string;
+export declare const errorText: string;
+export declare const actions: string;
+export declare const cancelButton: string;
+export declare const submitButton: string;

package/dist/core/ui/Toolbar/components/new/Contexts/ContextItem.d.ts

@@ -0,0 +1,9 @@
+import type { LDContext } from 'launchdarkly-js-client-sdk';
+interface ContextItemProps {
+    context: LDContext;
+    isActiveContext: boolean;
+    handleHeightChange?: (index: number, height: number) => void;
+    index?: number;
+}
+export declare const ContextItem: import("react").NamedExoticComponent<ContextItemProps>;
+export {};

package/dist/core/ui/Toolbar/components/new/Contexts/ContextItem.module.css.d.ts

@@ -0,0 +1,19 @@
+export declare const container: string;
+export declare const header: string;
+export declare const containerActive: string;
+export declare const containerClickable: string;
+export declare const info: string;
+export declare const nameRow: string;
+export declare const name: string;
+export declare const keyRow: string;
+export declare const key: string;
+export declare const kindBadge: string;
+export declare const anonymousBadge: string;
+export declare const activeDot: string;
+export declare const actions: string;
+export declare const deleteButton: string;
+export declare const iconButton: string;
+export declare const expandButton: string;
+export declare const chevron: string;
+export declare const chevronExpanded: string;
+export declare const editActions: string;

package/dist/core/ui/Toolbar/components/new/Contexts/ContextList.d.ts

@@ -0,0 +1 @@
+export declare const ContextList: import("react").NamedExoticComponent<object>;

package/dist/core/ui/Toolbar/components/new/Contexts/ContextList.module.css.d.ts

@@ -0,0 +1,8 @@
+export declare const container: string;
+export declare const statsHeader: string;
+export declare const statsText: string;
+export declare const addButton: string;
+export declare const scrollContainer: string;
+export declare const virtualInner: string;
+export declare const loadingMore: string;
+export declare const loadingMoreText: string;

package/dist/core/ui/Toolbar/components/new/Contexts/ContextListContent.d.ts

@@ -0,0 +1 @@
+export declare const ContextListContent: import("react").NamedExoticComponent<object>;

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

@@ -0,0 +1,4 @@
+export { ContextListContent } from './ContextListContent';
+export { ContextList } from './ContextList';
+export { ContextItem } from './ContextItem';
+export { AddContextForm } from './AddContextForm';

package/dist/core/ui/Toolbar/components/new/ExpandedToolbarContent.d.ts

@@ -1,9 +1,10 @@
-import React from 'react';
+import type { MouseEvent as ReactMouseEvent } from 'react';
 import { TabId } from '../../types/toolbar';
 interface ExpandedToolbarContentProps {
     onClose?: () => void;
-    onHeaderMouseDown?: (event: React.MouseEvent) => void;
+    onHeaderMouseDown?: (event: ReactMouseEvent) => void;
     defaultActiveTab: TabId;
+    onOpenAuthModal?: () => void;
 }
-export declare const ExpandedToolbarContent: React.ForwardRefExoticComponent<ExpandedToolbarContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ExpandedToolbarContent: import("react").ForwardRefExoticComponent<ExpandedToolbarContentProps & import("react").RefAttributes<HTMLDivElement>>;
 export {};

package/dist/core/ui/Toolbar/components/new/FeatureFlags/FlagControls.d.ts

@@ -4,19 +4,19 @@ interface BooleanFlagControlProps {
     onOverride: (value: boolean) => void;
     disabled?: boolean;
 }
-export declare function BooleanFlagControl(props: BooleanFlagControlProps): import("react/jsx-runtime").JSX.Element;
+export declare const BooleanFlagControl: import("react").NamedExoticComponent<BooleanFlagControlProps>;
 interface MultivariateFlagControlProps {
     flag: NormalizedFlag;
     onOverride: (value: any) => void;
     disabled?: boolean;
 }
-export declare function MultivariateFlagControl(props: MultivariateFlagControlProps): import("react/jsx-runtime").JSX.Element;
+export declare const MultivariateFlagControl: import("react").NamedExoticComponent<MultivariateFlagControlProps>;
 interface StringNumberFlagControlProps {
     flag: NormalizedFlag;
     onOverride: (value: string | number) => void;
     disabled?: boolean;
 }
-export declare function StringNumberFlagControl(props: StringNumberFlagControlProps): import("react/jsx-runtime").JSX.Element;
+export declare const StringNumberFlagControl: import("react").NamedExoticComponent<StringNumberFlagControlProps>;
 interface ObjectFlagControlButtonsProps {
     isEditing: boolean;
     onEditStart: () => void;
@@ -24,7 +24,7 @@ interface ObjectFlagControlButtonsProps {
     onCancel: () => void;
     hasErrors: boolean;
 }
-export declare function ObjectFlagControlButtons(props: ObjectFlagControlButtonsProps): import("react/jsx-runtime").JSX.Element;
+export declare const ObjectFlagControlButtons: import("react").NamedExoticComponent<ObjectFlagControlButtonsProps>;
 interface ObjectFlagEditorProps {
     flag: NormalizedFlag;
     isEditing: boolean;
@@ -33,5 +33,5 @@ interface ObjectFlagEditorProps {
     onLintErrors: (hasErrors: boolean) => void;
     handleHeightChange: (height: number) => void;
 }
-export declare function ObjectFlagEditor(props: ObjectFlagEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare const ObjectFlagEditor: import("react").NamedExoticComponent<ObjectFlagEditorProps>;
 export {};

package/dist/core/ui/Toolbar/components/new/FeatureFlags/FlagItem.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { NormalizedFlag } from './types';
 interface FlagItemProps {
     flag: NormalizedFlag;
@@ -7,5 +8,5 @@ interface FlagItemProps {
     disabled?: boolean;
     index: number;
 }
-export declare function FlagItem({ flag, onOverride, onClearOverride, handleHeightChange, disabled, index, }: FlagItemProps): import("react/jsx-runtime").JSX.Element;
+export declare const FlagItem: React.NamedExoticComponent<FlagItemProps>;
 export {};

package/dist/core/ui/Toolbar/components/new/FeatureFlags/FlagListContent.d.ts

@@ -1 +1 @@
-export declare function FlagListContent(): import("react/jsx-runtime").JSX.Element;
+export declare const FlagListContent: import("react").NamedExoticComponent<object>;

package/dist/core/ui/Toolbar/components/new/FilterOverlay/FilterOverlay.module.css.d.ts

@@ -1,4 +1,5 @@
 export declare const overlay: string;
+export declare const overlayFlags: string;
 export declare const header: string;
 export declare const title: string;
 export declare const resetButton: string;

package/dist/core/ui/Toolbar/components/new/Monitoring/EventsContent.module.css.d.ts

@@ -1,3 +1,4 @@
+export declare const container: string;
 export declare const statsHeader: string;
 export declare const statsText: string;
 export declare const eventInfo: string;

package/dist/core/ui/Toolbar/components/new/Settings/Privacy/PrivacySettings.d.ts

@@ -0,0 +1 @@
+export declare function PrivacySettings(): import("react/jsx-runtime").JSX.Element;

package/dist/core/ui/Toolbar/components/new/Settings/SettingsContent.module.css.d.ts

@@ -1,3 +1,5 @@
 export declare const container: string;
 export declare const value: string;
 export declare const placeholder: string;
+export declare const feedbackSection: string;
+export declare const feedbackTitle: string;

package/dist/core/ui/Toolbar/components/new/Settings/ShareButton.d.ts

@@ -0,0 +1,5 @@
+interface ShareButtonProps {
+    onClick: (e: React.MouseEvent) => void;
+}
+export declare function ShareButton({ onClick }: ShareButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/core/ui/Toolbar/components/new/Settings/ShareButton.module.css.d.ts

@@ -0,0 +1 @@
+export declare const button: string;

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

@@ -1,5 +1,5 @@
-export * from './SettingsContent';
 export * from './GeneralSettings';
+export * from './Privacy/PrivacySettings';
 export * from './SettingsSection';
 export * from './SettingsItem';
 export * from './ProjectSelector';