import { Accessor } from 'solid-js'; import type { Component } from 'solid-js'; import { Context } from 'solid-js'; import { JSX } from 'solid-js'; import type { Mutation } from '@tanstack/query-core'; import type { onlineManager } from '@tanstack/query-core'; import { Options } from 'tsup'; import type { Query } from '@tanstack/query-core'; import type { QueryClient } from '@tanstack/query-core'; import type { StorageObject } from '@solid-primitives/storage'; import type { StorageSetter } from '@solid-primitives/storage'; import { UserConfig } from 'vite'; export declare function ArrowDown(): JSX; export declare function ArrowLeft(): JSX; export declare function ArrowRight(): JSX; export declare function ArrowUp(): JSX; export declare const BUTTON_POSITION: DevtoolsButtonPosition; export declare function Check(props: { checked: boolean; theme: 'light' | 'dark'; }): JSX; export declare function CheckCircle(): JSX; export declare function ChevronDown(): JSX; export declare const ContentView: Component; declare interface ContentViewProps { localStore: StorageObject; setLocalStore: StorageSetter; showPanelViewOnly?: boolean; onClose?: () => unknown; } export declare const convertRemToPixels: (rem: number) => number; export declare function CopiedCopier(props: { theme: 'light' | 'dark'; }): JSX; export declare function Copier(): JSX; export declare const default_alias: DevtoolsComponentType; export declare const default_alias_1: DevtoolsComponentType; export declare function default_alias_2(props: ExplorerProps): JSX; export declare const default_alias_3: any[]; export declare const default_alias_4: any[]; export declare const default_alias_5: Options | Options[] | ((overrideOptions: Options) => Options | Options[] | Promise); export declare const default_alias_6: UserConfig; export declare const DEFAULT_HEIGHT = 500; export declare const DEFAULT_MUTATION_SORT_FN_NAME: string | undefined; export declare const DEFAULT_SORT_FN_NAME: string | undefined; export declare const DEFAULT_SORT_ORDER = 1; export declare const DEFAULT_WIDTH = 500; /** * Deletes nested data by path * * @param {unknown} oldData Data to be updated * @param {Array} deletePath Path to the data to be deleted * @returns newData without the deleted items by path */ export declare const deleteNestedDataByPath: (oldData: unknown, deletePath: Array) => any; export declare const Devtools: Component; declare type DevtoolsButtonPosition = `${YPosition}-${XPosition}` | 'relative'; export { DevtoolsButtonPosition } export { DevtoolsButtonPosition as DevtoolsButtonPosition_alias_1 } export { DevtoolsButtonPosition as DevtoolsButtonPosition_alias_2 } export declare type DevtoolsComponentType = Component & { shadowDOMTarget?: ShadowRoot; }; declare interface DevtoolsErrorType { /** * The name of the error. */ name: string; /** * How the error is initialized. */ initializer: (query: Query) => Error; } export { DevtoolsErrorType } export { DevtoolsErrorType as DevtoolsErrorType_alias_1 } export { DevtoolsErrorType as DevtoolsErrorType_alias_2 } declare interface DevtoolsPanelProps { localStore: StorageObject; setLocalStore: StorageSetter; } declare type DevtoolsPosition = XPosition | YPosition; export { DevtoolsPosition } export { DevtoolsPosition as DevtoolsPosition_alias_1 } export { DevtoolsPosition as DevtoolsPosition_alias_2 } /** * Displays a string regardless the type of the data * @param {unknown} value Value to be stringified * @param {boolean} beautify Formats json to multiline */ export declare const displayValue: (value: unknown, beautify?: boolean) => string; export declare function ErrorCopier(): JSX; declare type ExplorerProps = { editable?: boolean; label: string; value: unknown; defaultExpanded?: Array; dataPath?: Array; activeQuery?: Query; itemsDeletable?: boolean; onEdit?: () => void; }; export declare const firstBreakpoint = 1024; export declare function getMutationStatusColor({ status, isPaused, }: { status: Mutation['state']['status']; isPaused: boolean; }): "gray" | "purple" | "yellow" | "green" | "red"; export declare const getPreferredColorScheme: () => Accessor<"dark" | "light">; export declare function getQueryStatusColor({ queryState, observerCount, isStale, }: { queryState: Query['state']; observerCount: number; isStale: boolean; }): "blue" | "gray" | "purple" | "yellow" | "green"; export declare function getQueryStatusColorByLabel(label: QueryStatusLabel): "blue" | "gray" | "purple" | "yellow" | "green"; export declare function getQueryStatusLabel(query: Query): "fetching" | "paused" | "inactive" | "stale" | "fresh"; export declare function getSidedProp(prop: T, side: DevtoolsPosition): `${T}${Capitalize}`; export declare const INITIAL_IS_OPEN = false; export declare function List(): JSX; export declare function LoadingCircle(): JSX; export declare function Monitor(): JSX; export declare function Moon(): JSX; declare type MutationSortFn = (a: Mutation, b: Mutation) => number; export declare const mutationSortFns: Record; export declare function Offline(): JSX; export declare const ParentPanel: Component<{ children: JSX.Element; }>; export declare function PauseCircle(): JSX; export declare function Pencil(): JSX; export declare const PIP_DEFAULT_HEIGHT = 500; declare type PiPContextType = { pipWindow: Window | null; requestPipWindow: (width: number, height: number) => void; closePipWindow: () => void; disabled: boolean; }; export declare function PiPIcon(): JSX; declare const PiPProvider: (props: PiPProviderProps) => JSX.Element; export { PiPProvider } export { PiPProvider as PiPProvider_alias_1 } declare interface PiPProviderProps { children: JSX.Element; localStore: StorageObject; setLocalStore: StorageSetter; disabled?: boolean; } export declare const POSITION: DevtoolsPosition; declare const QueryDevtoolsContext: Context; export { QueryDevtoolsContext } export { QueryDevtoolsContext as QueryDevtoolsContext_alias_1 } declare interface QueryDevtoolsProps { readonly client: QueryClient; queryFlavor: string; version: string; onlineManager: typeof onlineManager; buttonPosition?: DevtoolsButtonPosition; position?: DevtoolsPosition; initialIsOpen?: boolean; errorTypes?: Array; shadowDOMTarget?: ShadowRoot; onClose?: () => unknown; hideDisabledQueries?: boolean; theme?: Theme; } export { QueryDevtoolsProps } export { QueryDevtoolsProps as QueryDevtoolsProps_alias_1 } declare type QueryStatusLabel = 'fresh' | 'stale' | 'paused' | 'inactive' | 'fetching'; export declare function Search(): JSX; export declare const secondBreakpoint = 796; export declare function Settings(): JSX; export declare const setupStyleSheet: (nonce?: string, target?: ShadowRoot) => void; declare type SortFn = (a: Query, b: Query) => number; export declare const sortFns: Record; export declare function Sun(): JSX; export declare function TanstackLogo(): JSX; declare class TanstackQueryDevtools { #private; constructor(config: TanstackQueryDevtoolsConfig); setButtonPosition(position: DevtoolsButtonPosition): void; setPosition(position: DevtoolsPosition): void; setInitialIsOpen(isOpen: boolean): void; setErrorTypes(errorTypes: Array): void; setClient(client: QueryClient): void; setTheme(theme?: Theme): void; mount(el: T): void; unmount(): void; } export { TanstackQueryDevtools } export { TanstackQueryDevtools as TanstackQueryDevtools_alias_1 } declare interface TanstackQueryDevtoolsConfig extends QueryDevtoolsProps { styleNonce?: string; shadowDOMTarget?: ShadowRoot; } export { TanstackQueryDevtoolsConfig } export { TanstackQueryDevtoolsConfig as TanstackQueryDevtoolsConfig_alias_1 } declare class TanstackQueryDevtoolsPanel { #private; constructor(config: TanstackQueryDevtoolsPanelConfig); setButtonPosition(position: DevtoolsButtonPosition): void; setPosition(position: DevtoolsPosition): void; setInitialIsOpen(isOpen: boolean): void; setErrorTypes(errorTypes: Array): void; setClient(client: QueryClient): void; setOnClose(onClose: () => unknown): void; setTheme(theme?: Theme): void; mount(el: T): void; unmount(): void; } export { TanstackQueryDevtoolsPanel } export { TanstackQueryDevtoolsPanel as TanstackQueryDevtoolsPanel_alias_1 } declare interface TanstackQueryDevtoolsPanelConfig extends QueryDevtoolsProps { styleNonce?: string; shadowDOMTarget?: ShadowRoot; onClose?: () => unknown; } export { TanstackQueryDevtoolsPanelConfig } export { TanstackQueryDevtoolsPanelConfig as TanstackQueryDevtoolsPanelConfig_alias_1 } declare type Theme = 'dark' | 'light' | 'system'; export { Theme } export { Theme as Theme_alias_1 } export { Theme as Theme_alias_2 } export declare const THEME_PREFERENCE = "system"; declare const ThemeContext: Context>; export { ThemeContext } export { ThemeContext as ThemeContext_alias_1 } export declare const thirdBreakpoint = 700; export declare const tokens: { readonly colors: { readonly inherit: "inherit"; readonly current: "currentColor"; readonly transparent: "transparent"; readonly black: "#000000"; readonly white: "#ffffff"; readonly neutral: { readonly 50: "#f9fafb"; readonly 100: "#f2f4f7"; readonly 200: "#eaecf0"; readonly 300: "#d0d5dd"; readonly 400: "#98a2b3"; readonly 500: "#667085"; readonly 600: "#475467"; readonly 700: "#344054"; readonly 800: "#1d2939"; readonly 900: "#101828"; }; readonly darkGray: { readonly 50: "#525c7a"; readonly 100: "#49536e"; readonly 200: "#414962"; readonly 300: "#394056"; readonly 400: "#313749"; readonly 500: "#292e3d"; readonly 600: "#212530"; readonly 700: "#191c24"; readonly 800: "#111318"; readonly 900: "#0b0d10"; }; readonly gray: { readonly 50: "#f9fafb"; readonly 100: "#f2f4f7"; readonly 200: "#eaecf0"; readonly 300: "#d0d5dd"; readonly 400: "#98a2b3"; readonly 500: "#667085"; readonly 600: "#475467"; readonly 700: "#344054"; readonly 800: "#1d2939"; readonly 900: "#101828"; }; readonly blue: { readonly 25: "#F5FAFF"; readonly 50: "#EFF8FF"; readonly 100: "#D1E9FF"; readonly 200: "#B2DDFF"; readonly 300: "#84CAFF"; readonly 400: "#53B1FD"; readonly 500: "#2E90FA"; readonly 600: "#1570EF"; readonly 700: "#175CD3"; readonly 800: "#1849A9"; readonly 900: "#194185"; }; readonly green: { readonly 25: "#F6FEF9"; readonly 50: "#ECFDF3"; readonly 100: "#D1FADF"; readonly 200: "#A6F4C5"; readonly 300: "#6CE9A6"; readonly 400: "#32D583"; readonly 500: "#12B76A"; readonly 600: "#039855"; readonly 700: "#027A48"; readonly 800: "#05603A"; readonly 900: "#054F31"; }; readonly red: { readonly 50: "#fef2f2"; readonly 100: "#fee2e2"; readonly 200: "#fecaca"; readonly 300: "#fca5a5"; readonly 400: "#f87171"; readonly 500: "#ef4444"; readonly 600: "#dc2626"; readonly 700: "#b91c1c"; readonly 800: "#991b1b"; readonly 900: "#7f1d1d"; readonly 950: "#450a0a"; }; readonly yellow: { readonly 25: "#FFFCF5"; readonly 50: "#FFFAEB"; readonly 100: "#FEF0C7"; readonly 200: "#FEDF89"; readonly 300: "#FEC84B"; readonly 400: "#FDB022"; readonly 500: "#F79009"; readonly 600: "#DC6803"; readonly 700: "#B54708"; readonly 800: "#93370D"; readonly 900: "#7A2E0E"; }; readonly purple: { readonly 25: "#FAFAFF"; readonly 50: "#F4F3FF"; readonly 100: "#EBE9FE"; readonly 200: "#D9D6FE"; readonly 300: "#BDB4FE"; readonly 400: "#9B8AFB"; readonly 500: "#7A5AF8"; readonly 600: "#6938EF"; readonly 700: "#5925DC"; readonly 800: "#4A1FB8"; readonly 900: "#3E1C96"; }; readonly teal: { readonly 25: "#F6FEFC"; readonly 50: "#F0FDF9"; readonly 100: "#CCFBEF"; readonly 200: "#99F6E0"; readonly 300: "#5FE9D0"; readonly 400: "#2ED3B7"; readonly 500: "#15B79E"; readonly 600: "#0E9384"; readonly 700: "#107569"; readonly 800: "#125D56"; readonly 900: "#134E48"; }; readonly pink: { readonly 25: "#fdf2f8"; readonly 50: "#fce7f3"; readonly 100: "#fbcfe8"; readonly 200: "#f9a8d4"; readonly 300: "#f472b6"; readonly 400: "#ec4899"; readonly 500: "#db2777"; readonly 600: "#be185d"; readonly 700: "#9d174d"; readonly 800: "#831843"; readonly 900: "#500724"; }; readonly cyan: { readonly 25: "#ecfeff"; readonly 50: "#cffafe"; readonly 100: "#a5f3fc"; readonly 200: "#67e8f9"; readonly 300: "#22d3ee"; readonly 400: "#06b6d4"; readonly 500: "#0891b2"; readonly 600: "#0e7490"; readonly 700: "#155e75"; readonly 800: "#164e63"; readonly 900: "#083344"; }; }; readonly alpha: { readonly 100: "ff"; readonly 90: "e5"; readonly 80: "cc"; readonly 70: "b3"; readonly 60: "99"; readonly 50: "80"; readonly 40: "66"; readonly 30: "4d"; readonly 20: "33"; readonly 10: "1a"; readonly 0: "00"; }; readonly font: { readonly size: { readonly '2xs': "calc(var(--tsqd-font-size) * 0.625)"; readonly xs: "calc(var(--tsqd-font-size) * 0.75)"; readonly sm: "calc(var(--tsqd-font-size) * 0.875)"; readonly md: "var(--tsqd-font-size)"; readonly lg: "calc(var(--tsqd-font-size) * 1.125)"; readonly xl: "calc(var(--tsqd-font-size) * 1.25)"; readonly '2xl': "calc(var(--tsqd-font-size) * 1.5)"; readonly '3xl': "calc(var(--tsqd-font-size) * 1.875)"; readonly '4xl': "calc(var(--tsqd-font-size) * 2.25)"; readonly '5xl': "calc(var(--tsqd-font-size) * 3)"; readonly '6xl': "calc(var(--tsqd-font-size) * 3.75)"; readonly '7xl': "calc(var(--tsqd-font-size) * 4.5)"; readonly '8xl': "calc(var(--tsqd-font-size) * 6)"; readonly '9xl': "calc(var(--tsqd-font-size) * 8)"; }; readonly lineHeight: { readonly xs: "calc(var(--tsqd-font-size) * 1)"; readonly sm: "calc(var(--tsqd-font-size) * 1.25)"; readonly md: "calc(var(--tsqd-font-size) * 1.5)"; readonly lg: "calc(var(--tsqd-font-size) * 1.75)"; readonly xl: "calc(var(--tsqd-font-size) * 2)"; readonly '2xl': "calc(var(--tsqd-font-size) * 2.25)"; readonly '3xl': "calc(var(--tsqd-font-size) * 2.5)"; readonly '4xl': "calc(var(--tsqd-font-size) * 2.75)"; readonly '5xl': "calc(var(--tsqd-font-size) * 3)"; readonly '6xl': "calc(var(--tsqd-font-size) * 3.25)"; readonly '7xl': "calc(var(--tsqd-font-size) * 3.5)"; readonly '8xl': "calc(var(--tsqd-font-size) * 3.75)"; readonly '9xl': "calc(var(--tsqd-font-size) * 4)"; }; readonly weight: { readonly thin: "100"; readonly extralight: "200"; readonly light: "300"; readonly normal: "400"; readonly medium: "500"; readonly semibold: "600"; readonly bold: "700"; readonly extrabold: "800"; readonly black: "900"; }; }; readonly breakpoints: { readonly xs: "320px"; readonly sm: "640px"; readonly md: "768px"; readonly lg: "1024px"; readonly xl: "1280px"; readonly '2xl': "1536px"; }; readonly border: { readonly radius: { readonly none: "0px"; readonly xs: "calc(var(--tsqd-font-size) * 0.125)"; readonly sm: "calc(var(--tsqd-font-size) * 0.25)"; readonly md: "calc(var(--tsqd-font-size) * 0.375)"; readonly lg: "calc(var(--tsqd-font-size) * 0.5)"; readonly xl: "calc(var(--tsqd-font-size) * 0.75)"; readonly '2xl': "calc(var(--tsqd-font-size) * 1)"; readonly '3xl': "calc(var(--tsqd-font-size) * 1.5)"; readonly full: "9999px"; }; }; readonly size: { readonly 0: "0px"; readonly 0.25: "calc(var(--tsqd-font-size) * 0.0625)"; readonly 0.5: "calc(var(--tsqd-font-size) * 0.125)"; readonly 1: "calc(var(--tsqd-font-size) * 0.25)"; readonly 1.5: "calc(var(--tsqd-font-size) * 0.375)"; readonly 2: "calc(var(--tsqd-font-size) * 0.5)"; readonly 2.5: "calc(var(--tsqd-font-size) * 0.625)"; readonly 3: "calc(var(--tsqd-font-size) * 0.75)"; readonly 3.5: "calc(var(--tsqd-font-size) * 0.875)"; readonly 4: "calc(var(--tsqd-font-size) * 1)"; readonly 4.5: "calc(var(--tsqd-font-size) * 1.125)"; readonly 5: "calc(var(--tsqd-font-size) * 1.25)"; readonly 5.5: "calc(var(--tsqd-font-size) * 1.375)"; readonly 6: "calc(var(--tsqd-font-size) * 1.5)"; readonly 6.5: "calc(var(--tsqd-font-size) * 1.625)"; readonly 7: "calc(var(--tsqd-font-size) * 1.75)"; readonly 8: "calc(var(--tsqd-font-size) * 2)"; readonly 9: "calc(var(--tsqd-font-size) * 2.25)"; readonly 10: "calc(var(--tsqd-font-size) * 2.5)"; readonly 11: "calc(var(--tsqd-font-size) * 2.75)"; readonly 12: "calc(var(--tsqd-font-size) * 3)"; readonly 14: "calc(var(--tsqd-font-size) * 3.5)"; readonly 16: "calc(var(--tsqd-font-size) * 4)"; readonly 20: "calc(var(--tsqd-font-size) * 5)"; readonly 24: "calc(var(--tsqd-font-size) * 6)"; readonly 28: "calc(var(--tsqd-font-size) * 7)"; readonly 32: "calc(var(--tsqd-font-size) * 8)"; readonly 36: "calc(var(--tsqd-font-size) * 9)"; readonly 40: "calc(var(--tsqd-font-size) * 10)"; readonly 44: "calc(var(--tsqd-font-size) * 11)"; readonly 48: "calc(var(--tsqd-font-size) * 12)"; readonly 52: "calc(var(--tsqd-font-size) * 13)"; readonly 56: "calc(var(--tsqd-font-size) * 14)"; readonly 60: "calc(var(--tsqd-font-size) * 15)"; readonly 64: "calc(var(--tsqd-font-size) * 16)"; readonly 72: "calc(var(--tsqd-font-size) * 18)"; readonly 80: "calc(var(--tsqd-font-size) * 20)"; readonly 96: "calc(var(--tsqd-font-size) * 24)"; }; readonly shadow: { readonly xs: (_?: string) => "0 1px 2px 0 rgb(0 0 0 / 0.05)"; readonly sm: (color?: string) => `0 1px 3px 0 ${string}, 0 1px 2px -1px ${string}`; readonly md: (color?: string) => `0 4px 6px -1px ${string}, 0 2px 4px -2px ${string}`; readonly lg: (color?: string) => `0 10px 15px -3px ${string}, 0 4px 6px -4px ${string}`; readonly xl: (color?: string) => `0 20px 25px -5px ${string}, 0 8px 10px -6px ${string}`; readonly '2xl': (color?: string) => `0 25px 50px -12px ${string}`; readonly inner: (color?: string) => `inset 0 2px 4px 0 ${string}`; readonly none: () => "none"; }; readonly zIndices: { readonly hide: -1; readonly auto: "auto"; readonly base: 0; readonly docked: 10; readonly dropdown: 1000; readonly sticky: 1100; readonly banner: 1200; readonly overlay: 1300; readonly modal: 1400; readonly popover: 1500; readonly skipLink: 1600; readonly toast: 1700; readonly tooltip: 1800; }; }; export declare function Trash(): JSX; /** * updates nested data by path * * @param {unknown} oldData Data to be updated * @param {Array} updatePath Path to the data to be updated * @param {unknown} value New value */ export declare const updateNestedDataByPath: (oldData: unknown, updatePath: Array, value: unknown) => any; declare const usePiPWindow: () => Accessor; export { usePiPWindow } export { usePiPWindow as usePiPWindow_alias_1 } declare function useQueryDevtoolsContext(): QueryDevtoolsProps; export { useQueryDevtoolsContext } export { useQueryDevtoolsContext as useQueryDevtoolsContext_alias_1 } declare function useTheme(): Accessor<"dark" | "light">; export { useTheme } export { useTheme as useTheme_alias_1 } export declare function Wifi(): JSX; export declare function XCircle(): JSX; declare type XPosition = 'left' | 'right'; declare type YPosition = 'top' | 'bottom'; export { }