@launchdarkly/toolbar 2.0.0-beta.1 → 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;
@@ -28,4 +25,5 @@ export declare class DevServerClient {
         value: any;
     }>;
     clearOverride(flagKey: string): Promise<void>;
+    updateProjectContext(context: any): Promise<DevServerProjectResponse>;
 }

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 {

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/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/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,12 +1,11 @@
-export { ActionButtonsContainer } from './ActionButtonsContainer';
-export { LoginScreen } from './LoginScreen';
+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,6 +20,7 @@ interface ExpandedToolbarContentProps {
     onHeaderMouseDown?: (event: React.MouseEvent) => void;
     reloadOnFlagChangeIsEnabled: boolean;
     onToggleReloadOnFlagChange: () => 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.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
-import { ToolbarMode } from '../types/toolbar';
+import { ToolbarMode } from '../../../types';
 export interface HeaderProps {
     searchTerm: string;
     onSearch: (searchTerm: string) => 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,4 +1,4 @@
-import { type ToolbarMode } from '../types/toolbar';
+import { ToolbarMode } from '../../../types';
 interface SettingsTabContentProps {
     mode: ToolbarMode;
     reloadOnFlagChangeIsEnabled: boolean;

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

@@ -1,5 +1,5 @@
-import { TabId, ToolbarMode } from '../types';
-import { IEventInterceptionPlugin, IFlagOverridePlugin } from '../../../../types';
+import { TabId, ToolbarMode } from '../../types';
+import { IEventInterceptionPlugin, IFlagOverridePlugin } from '../../../../../types';
 interface TabContentRendererProps {
     activeTab: TabId;
     baseUrl: string;

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

@@ -0,0 +1 @@
+export * from './ExpandedToolbarContentLegacy';

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.d.ts

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

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

@@ -0,0 +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/ContentRenderer.d.ts

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

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 function ContextItem({ context, isActiveContext, handleHeightChange, index }: ContextItemProps): import("react/jsx-runtime").JSX.Element;
+export {};