profinansy-ui-lib 4.1.77 → 4.1.78

package/dist/localization/translations/urls.d.ts

@@ -0,0 +1,510 @@
+export declare const Urls_translations: {
+    ru: {
+        main_menu: string;
+        investments: string;
+        review: string;
+        all_review: string;
+        dashboard_stocks: string;
+        dashboard_bonds: string;
+        dashboard_etf: string;
+        dashboard_crypto: string;
+        portfolios: string;
+        portfolios_list: string;
+        selections: string;
+        calendars: string;
+        general_calendar: string;
+        dividend_calendar: string;
+        economic_calendar: string;
+        stocks_calendar: string;
+        obligations_calendar: string;
+        crypto_calendar: string;
+        bonds_calendar: string;
+        coupon_calendar: string;
+        bond_redemption_calendar: string;
+        bond_offer_calendar: string;
+        bond_default_calendar: string;
+        report_calendar: string;
+        ipo_calendar: string;
+        ico_calendar: string;
+        air_calendar: string;
+        screener: string;
+        stocks_screener: string;
+        bonds_screener: string;
+        etf_screener: string;
+        crypto_screener: string;
+        futures_screener: string;
+        dfa_screener: string;
+        asset_comparison: string;
+        asset_comparison_stocks: string;
+        asset_comparison_bonds: string;
+        asset_comparison_etf: string;
+        passive_income: string;
+        passive_income_stocks: string;
+        passive_income_bonds: string;
+        passive_income_common: string;
+        economic_cycles: string;
+        heat_map: string;
+        rrg: string;
+        brokers: string;
+        news: string;
+        calculators: string;
+        calculator_compound_interest: string;
+        calculator_mortgage: string;
+        calculator_credit: string;
+        calculator_credit_prepayment: string;
+        calculator_credit_prepayment_short: string;
+        calculator_goals: string;
+        calculator_refinance: string;
+        calculator_bonds: string;
+        calculator_currency_converter: string;
+        calculator_savings: string;
+        calculator_deposit: string;
+        calculator_inflation: string;
+        calculator_vacation: string;
+        calculator_iis: string;
+        club: string;
+        club_main: string;
+        club_feed: string;
+        club_about: string;
+        club_schedule: string;
+        club_invest_war: string;
+        club_ideas: string;
+        club_choice: string;
+        club_public_account: string;
+        club_portfolios: string;
+        club_selections: string;
+        club_weekly_review: string;
+        club_market_ru: string;
+        club_bonds: string;
+        club_roller_coaster: string;
+        club_review_companies: string;
+        club_crypto: string;
+        club_portfolios_analytic: string;
+        club_invited_speakers: string;
+        club_roller_cink: string;
+        club_faq: string;
+        club_client_history: string;
+        club_offline_meetings: string;
+        club_kink_rkink: string;
+        club_help: string;
+        courses: string;
+        courses_home: string;
+        courses_available: string;
+        courses_my_courses: string;
+        courses_mini: string;
+        courses_free: string;
+        courses_students: string;
+        courses_reviews: string;
+        courses_stories: string;
+        courses_materials: string;
+        courses_events: string;
+        courses_main: string;
+        courses_shop: string;
+        courses_list: string;
+        courses_basket: string;
+        courses_orders: string;
+        courses_how_use: string;
+        courses_budget: string;
+        courses_portfolio: string;
+        courses_investing: string;
+        courses_direct_line: string;
+        courses_leaders_table: string;
+        courses_graduate: string;
+        courses_graduates: string;
+        courses_graduates_home: string;
+        courses_graduates_events: string;
+        courses_graduates_chat: string;
+        courses_child: string;
+        courses_child_home: string;
+        courses_child_audio_tales: string;
+        courses_child_comics: string;
+        courses_child_education: string;
+        courses_child_articles: string;
+        courses_blog: string;
+        courses_investology: string;
+        courses_library: string;
+        courses_podcasts: string;
+        courses_youtube: string;
+        courses_kfp: string;
+        feed: string;
+        feed_community: string;
+        feed_blog: string;
+        feed_news: string;
+        feed_selections: string;
+        feed_investology: string;
+        feed_podcasts: string;
+        feed_analytic: string;
+        feed_strategy: string;
+        feed_youtube: string;
+        feed_new_features: string;
+        feed_library: string;
+        idv: string;
+        idv_full_name: string;
+        idv_main: string;
+        idv_lessons: string;
+        idv_tournament: string;
+        idv_invest_simulator: string;
+        idv_review: string;
+        idv_compound: string;
+        idv_transactions: string;
+        idv_analytics: string;
+        idv_search: string;
+        idv_search_stocks: string;
+        idv_search_bonds: string;
+        idv_search_etf: string;
+        idv_schedule: string;
+        idv_tasks: string;
+        idv_questions: string;
+        idv_achievements: string;
+        method: string;
+        method_main: string;
+        method_lessons: string;
+        method_tasks: string;
+        method_materials: string;
+        method_questions: string;
+        method_tournament: string;
+        method_achievements: string;
+        method_kfp: string;
+        method_budget: string;
+        method_invest_ideas: string;
+        method_screener: string;
+        method_portfolios: string;
+        myMoney: string;
+        myMoney_budget: string;
+        myMoney_accounts: string;
+        myMoney_history: string;
+        myMoney_analytics: string;
+        myMoney_plan_budget: string;
+        myMoney_accumulations: string;
+        myMoney_debts: string;
+        myMoney_credits: string;
+        myMoney_plans: string;
+        myMoney_goals: string;
+        myMoney_goals_active: string;
+        myMoney_goals_accomplished: string;
+        myMoney_desires: string;
+        myMoney_desires_active: string;
+        myMoney_desires_accomplished: string;
+        myMoney_checklists: string;
+        myMoney_checklists_all: string;
+        myMoney_checklists_active: string;
+        myMoney_checklists_accomplished: string;
+        myMoney_checklists_templates: string;
+        myMoney_checklists_folders: string;
+        more: string;
+        partner: string;
+        vacancies: string;
+        scammers: string;
+        about_company: string;
+        client_support: string;
+        profile: string;
+        profile_profile: string;
+        profile_main: string;
+        profile_personal_data: string;
+        profile_subscriptions: string;
+        profile_payments: string;
+        profile_publications: string;
+        profile_groups: string;
+        profile_channels: string;
+        profile_favorite: string;
+        profile_favorite_instruments: string;
+        profile_favorite_portfolio: string;
+        profile_favorite_publications: string;
+        profile_favorite_investidea: string;
+        profile_favorite_selections: string;
+        profile_favorite_news: string;
+        profile_favorite_podcasts: string;
+        profile_favorite_investology: string;
+        profile_bank: string;
+        profile_notifications: string;
+        profile_reviews: string;
+        profile_children_cabinet: string;
+        about_profinansy: string;
+        goals_create: string;
+        goals_wish: string;
+        goals_selection: string;
+        goals_checklist: string;
+        budget_savings: string;
+        budget_credits: string;
+        budget_loans: string;
+        budget_add_expense: string;
+        budget_create_account: string;
+        budget_add_payment: string;
+        budget_add_savings: string;
+        portfolios_my: string;
+        portfolios_planning: string;
+        portfolios_add_deal: string;
+        portfolios_create_new: string;
+        market_review: string;
+        pas_income: string;
+        econom_cycles: string;
+        investideas: string;
+        club_about_full: string;
+        idv_achievements_short: string;
+        all_calculators: string;
+        referral_program: string;
+        about_us: string;
+        support: string;
+        vacancies_short: string;
+        scammers_short: string;
+        help: string;
+        coming_soon: string;
+        shop: string;
+        portfolios_public: string;
+        leave_review: string;
+    };
+    en: {
+        main_menu: string;
+        investments: string;
+        review: string;
+        all_review: string;
+        dashboard_stocks: string;
+        dashboard_bonds: string;
+        dashboard_etf: string;
+        dashboard_crypto: string;
+        portfolios: string;
+        portfolios_list: string;
+        selections: string;
+        calendars: string;
+        general_calendar: string;
+        dividend_calendar: string;
+        economic_calendar: string;
+        stocks_calendar: string;
+        obligations_calendar: string;
+        crypto_calendar: string;
+        bonds_calendar: string;
+        coupon_calendar: string;
+        bond_redemption_calendar: string;
+        bond_offer_calendar: string;
+        bond_default_calendar: string;
+        report_calendar: string;
+        ipo_calendar: string;
+        ico_calendar: string;
+        air_calendar: string;
+        screener: string;
+        stocks_screener: string;
+        bonds_screener: string;
+        etf_screener: string;
+        crypto_screener: string;
+        futures_screener: string;
+        dfa_screener: string;
+        asset_comparison: string;
+        asset_comparison_stocks: string;
+        asset_comparison_bonds: string;
+        asset_comparison_etf: string;
+        passive_income: string;
+        passive_income_stocks: string;
+        passive_income_bonds: string;
+        passive_income_common: string;
+        economic_cycles: string;
+        heat_map: string;
+        rrg: string;
+        brokers: string;
+        news: string;
+        calculators: string;
+        calculator_compound_interest: string;
+        calculator_mortgage: string;
+        calculator_credit: string;
+        calculator_credit_prepayment: string;
+        calculator_credit_prepayment_short: string;
+        calculator_goals: string;
+        calculator_refinance: string;
+        calculator_bonds: string;
+        calculator_currency_converter: string;
+        calculator_savings: string;
+        calculator_deposit: string;
+        calculator_inflation: string;
+        calculator_vacation: string;
+        calculator_iis: string;
+        club: string;
+        club_main: string;
+        club_feed: string;
+        club_about: string;
+        club_schedule: string;
+        club_invest_war: string;
+        club_ideas: string;
+        club_choice: string;
+        club_public_account: string;
+        club_portfolios: string;
+        club_selections: string;
+        club_weekly_review: string;
+        club_market_ru: string;
+        club_bonds: string;
+        club_roller_coaster: string;
+        club_review_companies: string;
+        club_crypto: string;
+        club_portfolios_analytic: string;
+        club_invited_speakers: string;
+        club_roller_cink: string;
+        club_faq: string;
+        club_client_history: string;
+        club_offline_meetings: string;
+        club_kink_rkink: string;
+        club_help: string;
+        courses: string;
+        courses_home: string;
+        courses_available: string;
+        courses_my_courses: string;
+        courses_mini: string;
+        courses_free: string;
+        courses_students: string;
+        courses_reviews: string;
+        courses_stories: string;
+        courses_materials: string;
+        courses_events: string;
+        courses_main: string;
+        courses_shop: string;
+        courses_list: string;
+        courses_basket: string;
+        courses_orders: string;
+        courses_how_use: string;
+        courses_budget: string;
+        courses_portfolio: string;
+        courses_investing: string;
+        courses_direct_line: string;
+        courses_leaders_table: string;
+        courses_graduate: string;
+        courses_graduates: string;
+        courses_graduates_home: string;
+        courses_graduates_events: string;
+        courses_graduates_chat: string;
+        courses_child: string;
+        courses_child_home: string;
+        courses_child_audio_tales: string;
+        courses_child_comics: string;
+        courses_child_education: string;
+        courses_child_articles: string;
+        courses_blog: string;
+        courses_investology: string;
+        courses_library: string;
+        courses_podcasts: string;
+        courses_youtube: string;
+        courses_kfp: string;
+        feed: string;
+        feed_community: string;
+        feed_blog: string;
+        feed_news: string;
+        feed_selections: string;
+        feed_investology: string;
+        feed_podcasts: string;
+        feed_analytic: string;
+        feed_strategy: string;
+        feed_youtube: string;
+        feed_new_features: string;
+        feed_library: string;
+        idv: string;
+        idv_full_name: string;
+        idv_main: string;
+        idv_lessons: string;
+        idv_tournament: string;
+        idv_invest_simulator: string;
+        idv_review: string;
+        idv_compound: string;
+        idv_transactions: string;
+        idv_analytics: string;
+        idv_search: string;
+        idv_search_stocks: string;
+        idv_search_bonds: string;
+        idv_search_etf: string;
+        idv_schedule: string;
+        idv_tasks: string;
+        idv_questions: string;
+        idv_achievements: string;
+        method: string;
+        method_main: string;
+        method_lessons: string;
+        method_tasks: string;
+        method_materials: string;
+        method_questions: string;
+        method_tournament: string;
+        method_achievements: string;
+        method_kfp: string;
+        method_budget: string;
+        method_invest_ideas: string;
+        method_screener: string;
+        method_portfolios: string;
+        myMoney: string;
+        myMoney_budget: string;
+        myMoney_accounts: string;
+        myMoney_history: string;
+        myMoney_analytics: string;
+        myMoney_plan_budget: string;
+        myMoney_accumulations: string;
+        myMoney_debts: string;
+        myMoney_credits: string;
+        myMoney_plans: string;
+        myMoney_goals: string;
+        myMoney_goals_active: string;
+        myMoney_goals_accomplished: string;
+        myMoney_desires: string;
+        myMoney_desires_active: string;
+        myMoney_desires_accomplished: string;
+        myMoney_checklists: string;
+        myMoney_checklists_all: string;
+        myMoney_checklists_active: string;
+        myMoney_checklists_accomplished: string;
+        myMoney_checklists_templates: string;
+        myMoney_checklists_folders: string;
+        more: string;
+        partner: string;
+        vacancies: string;
+        scammers: string;
+        about_company: string;
+        client_support: string;
+        profile: string;
+        profile_profile: string;
+        profile_main: string;
+        profile_personal_data: string;
+        profile_subscriptions: string;
+        profile_payments: string;
+        profile_publications: string;
+        profile_groups: string;
+        profile_channels: string;
+        profile_favorite: string;
+        profile_favorite_instruments: string;
+        profile_favorite_portfolio: string;
+        profile_favorite_publications: string;
+        profile_favorite_investidea: string;
+        profile_favorite_selections: string;
+        profile_favorite_news: string;
+        profile_favorite_podcasts: string;
+        profile_favorite_investology: string;
+        profile_bank: string;
+        profile_notifications: string;
+        profile_reviews: string;
+        profile_children_cabinet: string;
+        about_profinansy: string;
+        goals_create: string;
+        goals_wish: string;
+        goals_selection: string;
+        goals_checklist: string;
+        budget_savings: string;
+        budget_credits: string;
+        budget_loans: string;
+        budget_add_expense: string;
+        budget_create_account: string;
+        budget_add_payment: string;
+        budget_add_savings: string;
+        portfolios_my: string;
+        portfolios_planning: string;
+        portfolios_add_deal: string;
+        portfolios_create_new: string;
+        market_review: string;
+        pas_income: string;
+        econom_cycles: string;
+        investideas: string;
+        club_about_full: string;
+        idv_achievements_short: string;
+        all_calculators: string;
+        referral_program: string;
+        about_us: string;
+        support: string;
+        vacancies_short: string;
+        scammers_short: string;
+        help: string;
+        coming_soon: string;
+        shop: string;
+        portfolios_public: string;
+        leave_review: string;
+    };
+};

package/dist/localization/useLocalization.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { Locales } from '../common.types';
+interface ILocalizationProps {
+    /** Выбранная локализация **/
+    locale: Locales;
+    /** Хост меняет локаль (роутер, i18n). Если нет — библиотека сама ведёт на `/en` или прод-домен */
+    onLocaleChange?: (locale: Locales) => void;
+}
+interface ILocalization extends ILocalizationProps {
+    isForeignSite: boolean;
+    changeLocale: (locale: Locales) => void;
+}
+export declare const LocalizationProvider: ({ config, children }: {
+    config: ILocalizationProps;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useLocalization: () => ILocalization;
+export {};

package/dist/socket/getSharedSocket.d.ts

@@ -0,0 +1,2 @@
+import { Socket } from 'socket.io-client';
+export declare const getSharedSocket: (token: string) => Socket;

package/dist/socket/socketExternalBridge.d.ts

@@ -0,0 +1,3 @@
+import { Socket } from 'socket.io-client';
+export declare let externalSocket: Socket | null;
+export declare const setExternalSocket: (s: Socket) => void;

package/dist/socket/socketProvider.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Socket } from 'socket.io-client';
+interface Props {
+    children: React.ReactNode;
+    token: string;
+}
+export interface SocketContextValue {
+    socket?: Socket;
+}
+export declare const SocketContext: React.Context<SocketContextValue>;
+export declare const SocketProvider: ({ token, children }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const withSocketIO: <T extends object>(Component: React.ComponentType<T>) => (props: T) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/socket/types.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export type QuoteId = string | number;
+export interface QuoteUpdatePayload {
+    id: QuoteId;
+    value: number;
+    change: number;
+    time: number;
+    cap: number;
+    p: Record<string, unknown>;
+}
+export interface QuotesGetterProps {
+    quotes: QuoteId[];
+    static?: boolean;
+    initValues?: Record<QuoteId, number>;
+    onChange?: (quote: QuoteId, value: number, change?: number, cap?: number, p?: Record<string, unknown>) => void;
+    children: (values: any, changes: any, times: any, caps: any, p: any) => React.ReactNode;
+}

package/dist/socket/ws_api.d.ts

@@ -0,0 +1,55 @@
+import React, { Component } from 'react';
+import { SocketContextValue } from './socketProvider';
+import { QuoteId, QuotesGetterProps, QuoteUpdatePayload } from './types';
+export interface QuotesContextShape {
+    add: (quotes: QuoteId[], component: QuotesGetterNative) => void;
+    delete: (quotes: QuoteId[]) => void;
+    _attach: (component: QuotesGetterNative) => void;
+    _detach: (component: QuotesGetterNative) => void;
+    QuotesValues: Record<QuoteId, number>;
+    ChangeValues: Record<QuoteId, number>;
+    TimeValues: Record<QuoteId, number>;
+    CapsValues: Record<QuoteId, number>;
+    PValues: Record<QuoteId, Record<string, unknown>>;
+}
+export interface Props extends SocketContextValue {
+    children: React.ReactNode;
+}
+export interface QuotesGetterNativeProps extends QuotesGetterProps, QuotesContextShape {
+}
+export declare const QuotesContext: React.Context<QuotesContextShape>;
+declare class QuotesGetterNative extends Component<QuotesGetterNativeProps> {
+    quotes: QuoteId[];
+    quotesMas: Record<QuoteId, boolean>;
+    data: Record<QuoteId, number>;
+    dataChanges: Record<QuoteId, number>;
+    dataTimes: Record<QuoteId, number>;
+    dataCaps: Record<QuoteId, number>;
+    dataP: Record<QuoteId, Record<string, unknown>>;
+    mounted: boolean;
+    lastUpdateId: QuoteId | 0;
+    raf?: number;
+    constructor(props: QuotesGetterNativeProps);
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    componentDidUpdate(): void;
+    _needForce: () => void;
+    _update: (values: QuoteUpdatePayload) => void;
+    _newQuotes: (nextQuotes: QuoteId[], prevQuotes: QuoteId[]) => {
+        needAdd: QuoteId[];
+        needDelete: QuoteId[];
+    };
+    render(): React.ReactNode;
+}
+type HookProps = {
+    close?: boolean;
+    closePrice?: number;
+    onChange?: QuotesGetterProps['onChange'];
+    className?: string;
+} & QuotesGetterProps;
+export declare const Hook: React.FC<HookProps>;
+export declare const withHook: <P>(funcGet: (props: P) => QuoteId[]) => (Component: React.ComponentType<P & {
+    values: Record<QuoteId, number>;
+}>) => (props: P) => import("react/jsx-runtime").JSX.Element;
+export declare const Quotes: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/styles/List.d.ts

@@ -0,0 +1 @@
+export declare const ListItemStyle: import("styled-components").RuleSet<object>;

package/dist/styles/Scroll.d.ts

@@ -0,0 +1,17 @@
+import { TTheme } from '../theme/theme.typed';
+export declare const Scroll: import("styled-components").RuleSet<object>;
+export declare const NotVisibleScroll: import("styled-components").RuleSet<object>;
+export declare const getStyleScroll: (theme: TTheme) => {
+    '&::-webkit-scrollbar': {
+        width: string;
+        height: string;
+    };
+    '&::-webkit-scrollbar-track': {
+        background: string;
+        borderRadius: string;
+    };
+    '&::-webkit-scrollbar-thumb': {
+        background: string;
+        borderRadius: string;
+    };
+};

package/dist/theme/Theme.stories.styled.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+export declare const Legend: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const LegendItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $variant: 'light' | 'dark';
+}>> & string;
+export declare const CategorySection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const CategoryTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const ColorGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SubgroupSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SubgroupTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const SubgroupGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ColorCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isDeprecated?: boolean;
+}>> & string;
+export declare const TokenName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {
+    $isDeprecated?: boolean;
+}>> & string;
+export declare const TokenPath: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const DeprecatedLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const SwatchStack: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SwatchLayer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $backdrop: string;
+}>> & string;
+export declare const Swatch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $color: string;
+}>> & string;
+export declare const SwatchMeta: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HexRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $wrap?: boolean;
+}>> & string;
+export declare const HexLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const HexValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $wrap?: boolean;
+}>> & string;