import { z } from '@hono/zod-openapi';
import { EmbedV2 } from '@bluepic/types';
import { Ref } from 'vue';
export declare function getThemeStyle(rawCSS: string): Record<string, string>;
export declare function useTheme(bluepicAppWrapperSelector?: string, theme?: 'light' | 'dark' | 'auto', customThemeVars?: Partial<z.infer<typeof EmbedV2.customStyleSchema>>): Ref<{
    "primary-color-base"?: string | undefined;
    "primary-color-light"?: string | undefined;
    "primary-color-dark"?: string | undefined;
    "primary-color-bright"?: string | undefined;
    "success-color-base"?: string | undefined;
    "success-color-light"?: string | undefined;
    "success-color-dark"?: string | undefined;
    "success-color-darker"?: string | undefined;
    "error-color-base"?: string | undefined;
    "error-color-light"?: string | undefined;
    "error-color-dark"?: string | undefined;
    "error-color-darker"?: string | undefined;
    "warning-color-base"?: string | undefined;
    "warning-color-light"?: string | undefined;
    "warning-color-dark"?: string | undefined;
    "warning-color-darker"?: string | undefined;
    "border-color-base"?: string | undefined;
    "text-color-base"?: string | undefined;
    "text-color-alt"?: string | undefined;
    "card-border-color"?: string | undefined;
    "card-background-color"?: string | undefined;
    "card-background-color-hover"?: string | undefined;
    "card-header-divider-color"?: string | undefined;
    "card-footer-divider-color"?: string | undefined;
    "card-footer-background-color"?: string | undefined;
    "popover-without-darkened-bg-background-color"?: string | undefined;
    "popover-without-darkened-bg-box-shadow"?: string | undefined;
    "input-border-color"?: string | undefined;
    "input-border-color-hover"?: string | undefined;
    "input-border-color-focus"?: string | undefined;
    "input-shadow-focus-color"?: string | undefined;
    "input-background-color"?: string | undefined;
    "input-outline-color-focus"?: string | undefined;
    "input-border-color-disabled"?: string | undefined;
    "input-opacity-disabled"?: string | undefined;
    "checkbox-border-color"?: string | undefined;
    "checkbox-outline-color-focus"?: string | undefined;
    "checkbox-border-color-focus"?: string | undefined;
    "checkbox-border-color-checked"?: string | undefined;
    "checkbox-background-color-checked"?: string | undefined;
    "labeled-text-color"?: string | undefined;
    "label-background-color"?: string | undefined;
    "select-background-color"?: string | undefined;
    "select-background-color-hover"?: string | undefined;
    "select-background-color-focus"?: string | undefined;
    "select-border"?: string | undefined;
    "select-border-hover"?: string | undefined;
    "select-border-focus"?: string | undefined;
    "select-color"?: string | undefined;
    "select-color-hover"?: string | undefined;
    "select-color-focus"?: string | undefined;
    "popover-background-color"?: string | undefined;
    "popover-border"?: string | undefined;
    "popover-arrow-border-color"?: string | undefined;
    "popup-background-color"?: string | undefined;
    "menu-item-color"?: string | undefined;
    "menu-item-color-active"?: string | undefined;
    "menu-item-background-color"?: string | undefined;
    "menu-item-background-color-active"?: string | undefined;
    "menu-item-background-color-hover"?: string | undefined;
    "list-divider"?: string | undefined;
    "list-item-background-color-hover"?: string | undefined;
    "empty-text-color"?: string | undefined;
    "select-button-background-color"?: string | undefined;
    "select-button-background-color-hover"?: string | undefined;
    "tag-background-color"?: string | undefined;
    "tag-color"?: string | undefined;
    "tag-border-color"?: string | undefined;
    "tag-error-background-color"?: string | undefined;
    "tag-error-color"?: string | undefined;
    "tag-error-border-color"?: string | undefined;
    "slider-body-background-color"?: string | undefined;
    "slider-body-background-color-hover"?: string | undefined;
    "slider-body-background-color-focus"?: string | undefined;
    "slider-thumb-background-color"?: string | undefined;
    "slider-thumb-background-color-hover"?: string | undefined;
    "slider-thumb-background-color-focus"?: string | undefined;
    "slider-thumb-box-shadow"?: string | undefined;
    "slider-value-background-color"?: string | undefined;
    "slider-value-background-color-hover"?: string | undefined;
    "slider-value-background-color-focus"?: string | undefined;
    "progress-background-color"?: string | undefined;
    "progress-value-color"?: string | undefined;
    "radio-background-color"?: string | undefined;
    "radio-background-color-active"?: string | undefined;
    "radio-background-color-hover"?: string | undefined;
    "radio-border"?: string | undefined;
    "radio-border-active"?: string | undefined;
    "radio-border-color-hover"?: string | undefined;
    "radio-label-color"?: string | undefined;
    "radio-label-color-active"?: string | undefined;
    "radio-symbol-color"?: string | undefined;
    "tab-color"?: string | undefined;
    "tab-color-active"?: string | undefined;
    "tab-segment-background-color"?: string | undefined;
    "tab-segment-background-color-active"?: string | undefined;
    "tab-segment-color"?: string | undefined;
    "tab-segment-color-active"?: string | undefined;
    "button-border"?: string | undefined;
    "button-border-hover"?: string | undefined;
    "button-border-focus"?: string | undefined;
    "button-background-color"?: string | undefined;
    "button-background-color-hover"?: string | undefined;
    "button-background-color-focus"?: string | undefined;
    "button-text-color"?: string | undefined;
    "button-text-color-hover"?: string | undefined;
    "button-text-color-focus"?: string | undefined;
    "button-box-shadow"?: string | undefined;
    "button-box-shadow-hover"?: string | undefined;
    "button-secondary-border"?: string | undefined;
    "button-secondary-border-hover"?: string | undefined;
    "button-secondary-border-focus"?: string | undefined;
    "button-secondary-background-color"?: string | undefined;
    "button-secondary-background-color-hover"?: string | undefined;
    "button-secondary-background-color-focus"?: string | undefined;
    "button-secondary-text-color"?: string | undefined;
    "button-secondary-text-color-hover"?: string | undefined;
    "button-secondary-text-color-focus"?: string | undefined;
    "button-secondary-box-shadow"?: string | undefined;
    "button-secondary-box-shadow-hover"?: string | undefined;
    "message-body-background-color"?: string | undefined;
    "message-body-text-color"?: string | undefined;
    "message-body-border"?: string | undefined;
    "canvas-background-color"?: string | undefined;
    "canvas-background-image"?: string | undefined;
    "canvas-btn-background-color"?: string | undefined;
    "canvas-btn-background-color-hover"?: string | undefined;
    "canvas-btn-color"?: string | undefined;
    "select-item-border"?: string | undefined;
    "editor-view-background-color"?: string | undefined;
    "fields-view-background-color"?: string | undefined;
    "live-view-background-color"?: string | undefined;
    "gallery-card-background-color"?: string | undefined;
    "gallery-card-border"?: string | undefined;
    "gallery-action-btn-background-color"?: string | undefined;
    "gallery-action-btn-color"?: string | undefined;
    "gallery-card-name-text-color"?: string | undefined;
    "gallery-card-description-text-color"?: string | undefined;
    "bluepic-embed-editor-border"?: string | undefined;
    "bluepic-embed-editor-border-radius"?: string | undefined;
    "tooltip-background-color"?: string | undefined;
    "tooltip-text-color"?: string | undefined;
}, Partial<{
    "primary-color-base": string;
    "primary-color-light": string;
    "primary-color-dark": string;
    "primary-color-bright": string;
    "success-color-base": string;
    "success-color-light": string;
    "success-color-dark": string;
    "success-color-darker": string;
    "error-color-base": string;
    "error-color-light": string;
    "error-color-dark": string;
    "error-color-darker": string;
    "warning-color-base": string;
    "warning-color-light": string;
    "warning-color-dark": string;
    "warning-color-darker": string;
    "border-color-base": string;
    "text-color-base": string;
    "text-color-alt": string;
    "card-border-color": string;
    "card-background-color": string;
    "card-background-color-hover": string;
    "card-header-divider-color": string;
    "card-footer-divider-color": string;
    "card-footer-background-color": string;
    "popover-without-darkened-bg-background-color": string;
    "popover-without-darkened-bg-box-shadow": string;
    "input-border-color": string;
    "input-border-color-hover": string;
    "input-border-color-focus": string;
    "input-shadow-focus-color": string;
    "input-background-color": string;
    "input-outline-color-focus": string;
    "input-border-color-disabled": string;
    "input-opacity-disabled": string;
    "checkbox-border-color": string;
    "checkbox-outline-color-focus": string;
    "checkbox-border-color-focus": string;
    "checkbox-border-color-checked": string;
    "checkbox-background-color-checked": string;
    "labeled-text-color": string;
    "label-background-color": string;
    "select-background-color": string;
    "select-background-color-hover": string;
    "select-background-color-focus": string;
    "select-border": string;
    "select-border-hover": string;
    "select-border-focus": string;
    "select-color": string;
    "select-color-hover": string;
    "select-color-focus": string;
    "popover-background-color": string;
    "popover-border": string;
    "popover-arrow-border-color": string;
    "popup-background-color": string;
    "menu-item-color": string;
    "menu-item-color-active": string;
    "menu-item-background-color": string;
    "menu-item-background-color-active": string;
    "menu-item-background-color-hover": string;
    "list-divider": string;
    "list-item-background-color-hover": string;
    "empty-text-color": string;
    "select-button-background-color": string;
    "select-button-background-color-hover": string;
    "tag-background-color": string;
    "tag-color": string;
    "tag-border-color": string;
    "tag-error-background-color": string;
    "tag-error-color": string;
    "tag-error-border-color": string;
    "slider-body-background-color": string;
    "slider-body-background-color-hover": string;
    "slider-body-background-color-focus": string;
    "slider-thumb-background-color": string;
    "slider-thumb-background-color-hover": string;
    "slider-thumb-background-color-focus": string;
    "slider-thumb-box-shadow": string;
    "slider-value-background-color": string;
    "slider-value-background-color-hover": string;
    "slider-value-background-color-focus": string;
    "progress-background-color": string;
    "progress-value-color": string;
    "radio-background-color": string;
    "radio-background-color-active": string;
    "radio-background-color-hover": string;
    "radio-border": string;
    "radio-border-active": string;
    "radio-border-color-hover": string;
    "radio-label-color": string;
    "radio-label-color-active": string;
    "radio-symbol-color": string;
    "tab-color": string;
    "tab-color-active": string;
    "tab-segment-background-color": string;
    "tab-segment-background-color-active": string;
    "tab-segment-color": string;
    "tab-segment-color-active": string;
    "button-border": string;
    "button-border-hover": string;
    "button-border-focus": string;
    "button-background-color": string;
    "button-background-color-hover": string;
    "button-background-color-focus": string;
    "button-text-color": string;
    "button-text-color-hover": string;
    "button-text-color-focus": string;
    "button-box-shadow": string;
    "button-box-shadow-hover": string;
    "button-secondary-border": string;
    "button-secondary-border-hover": string;
    "button-secondary-border-focus": string;
    "button-secondary-background-color": string;
    "button-secondary-background-color-hover": string;
    "button-secondary-background-color-focus": string;
    "button-secondary-text-color": string;
    "button-secondary-text-color-hover": string;
    "button-secondary-text-color-focus": string;
    "button-secondary-box-shadow": string;
    "button-secondary-box-shadow-hover": string;
    "message-body-background-color": string;
    "message-body-text-color": string;
    "message-body-border": string;
    "canvas-background-color": string;
    "canvas-background-image": string;
    "canvas-btn-background-color": string;
    "canvas-btn-background-color-hover": string;
    "canvas-btn-color": string;
    "select-item-border": string;
    "editor-view-background-color": string;
    "fields-view-background-color": string;
    "live-view-background-color": string;
    "gallery-card-background-color": string;
    "gallery-card-border": string;
    "gallery-action-btn-background-color": string;
    "gallery-action-btn-color": string;
    "gallery-card-name-text-color": string;
    "gallery-card-description-text-color": string;
    "bluepic-embed-editor-border": string;
    "bluepic-embed-editor-border-radius": string;
    "tooltip-background-color": string;
    "tooltip-text-color": string;
}> | {
    "primary-color-base"?: string | undefined;
    "primary-color-light"?: string | undefined;
    "primary-color-dark"?: string | undefined;
    "primary-color-bright"?: string | undefined;
    "success-color-base"?: string | undefined;
    "success-color-light"?: string | undefined;
    "success-color-dark"?: string | undefined;
    "success-color-darker"?: string | undefined;
    "error-color-base"?: string | undefined;
    "error-color-light"?: string | undefined;
    "error-color-dark"?: string | undefined;
    "error-color-darker"?: string | undefined;
    "warning-color-base"?: string | undefined;
    "warning-color-light"?: string | undefined;
    "warning-color-dark"?: string | undefined;
    "warning-color-darker"?: string | undefined;
    "border-color-base"?: string | undefined;
    "text-color-base"?: string | undefined;
    "text-color-alt"?: string | undefined;
    "card-border-color"?: string | undefined;
    "card-background-color"?: string | undefined;
    "card-background-color-hover"?: string | undefined;
    "card-header-divider-color"?: string | undefined;
    "card-footer-divider-color"?: string | undefined;
    "card-footer-background-color"?: string | undefined;
    "popover-without-darkened-bg-background-color"?: string | undefined;
    "popover-without-darkened-bg-box-shadow"?: string | undefined;
    "input-border-color"?: string | undefined;
    "input-border-color-hover"?: string | undefined;
    "input-border-color-focus"?: string | undefined;
    "input-shadow-focus-color"?: string | undefined;
    "input-background-color"?: string | undefined;
    "input-outline-color-focus"?: string | undefined;
    "input-border-color-disabled"?: string | undefined;
    "input-opacity-disabled"?: string | undefined;
    "checkbox-border-color"?: string | undefined;
    "checkbox-outline-color-focus"?: string | undefined;
    "checkbox-border-color-focus"?: string | undefined;
    "checkbox-border-color-checked"?: string | undefined;
    "checkbox-background-color-checked"?: string | undefined;
    "labeled-text-color"?: string | undefined;
    "label-background-color"?: string | undefined;
    "select-background-color"?: string | undefined;
    "select-background-color-hover"?: string | undefined;
    "select-background-color-focus"?: string | undefined;
    "select-border"?: string | undefined;
    "select-border-hover"?: string | undefined;
    "select-border-focus"?: string | undefined;
    "select-color"?: string | undefined;
    "select-color-hover"?: string | undefined;
    "select-color-focus"?: string | undefined;
    "popover-background-color"?: string | undefined;
    "popover-border"?: string | undefined;
    "popover-arrow-border-color"?: string | undefined;
    "popup-background-color"?: string | undefined;
    "menu-item-color"?: string | undefined;
    "menu-item-color-active"?: string | undefined;
    "menu-item-background-color"?: string | undefined;
    "menu-item-background-color-active"?: string | undefined;
    "menu-item-background-color-hover"?: string | undefined;
    "list-divider"?: string | undefined;
    "list-item-background-color-hover"?: string | undefined;
    "empty-text-color"?: string | undefined;
    "select-button-background-color"?: string | undefined;
    "select-button-background-color-hover"?: string | undefined;
    "tag-background-color"?: string | undefined;
    "tag-color"?: string | undefined;
    "tag-border-color"?: string | undefined;
    "tag-error-background-color"?: string | undefined;
    "tag-error-color"?: string | undefined;
    "tag-error-border-color"?: string | undefined;
    "slider-body-background-color"?: string | undefined;
    "slider-body-background-color-hover"?: string | undefined;
    "slider-body-background-color-focus"?: string | undefined;
    "slider-thumb-background-color"?: string | undefined;
    "slider-thumb-background-color-hover"?: string | undefined;
    "slider-thumb-background-color-focus"?: string | undefined;
    "slider-thumb-box-shadow"?: string | undefined;
    "slider-value-background-color"?: string | undefined;
    "slider-value-background-color-hover"?: string | undefined;
    "slider-value-background-color-focus"?: string | undefined;
    "progress-background-color"?: string | undefined;
    "progress-value-color"?: string | undefined;
    "radio-background-color"?: string | undefined;
    "radio-background-color-active"?: string | undefined;
    "radio-background-color-hover"?: string | undefined;
    "radio-border"?: string | undefined;
    "radio-border-active"?: string | undefined;
    "radio-border-color-hover"?: string | undefined;
    "radio-label-color"?: string | undefined;
    "radio-label-color-active"?: string | undefined;
    "radio-symbol-color"?: string | undefined;
    "tab-color"?: string | undefined;
    "tab-color-active"?: string | undefined;
    "tab-segment-background-color"?: string | undefined;
    "tab-segment-background-color-active"?: string | undefined;
    "tab-segment-color"?: string | undefined;
    "tab-segment-color-active"?: string | undefined;
    "button-border"?: string | undefined;
    "button-border-hover"?: string | undefined;
    "button-border-focus"?: string | undefined;
    "button-background-color"?: string | undefined;
    "button-background-color-hover"?: string | undefined;
    "button-background-color-focus"?: string | undefined;
    "button-text-color"?: string | undefined;
    "button-text-color-hover"?: string | undefined;
    "button-text-color-focus"?: string | undefined;
    "button-box-shadow"?: string | undefined;
    "button-box-shadow-hover"?: string | undefined;
    "button-secondary-border"?: string | undefined;
    "button-secondary-border-hover"?: string | undefined;
    "button-secondary-border-focus"?: string | undefined;
    "button-secondary-background-color"?: string | undefined;
    "button-secondary-background-color-hover"?: string | undefined;
    "button-secondary-background-color-focus"?: string | undefined;
    "button-secondary-text-color"?: string | undefined;
    "button-secondary-text-color-hover"?: string | undefined;
    "button-secondary-text-color-focus"?: string | undefined;
    "button-secondary-box-shadow"?: string | undefined;
    "button-secondary-box-shadow-hover"?: string | undefined;
    "message-body-background-color"?: string | undefined;
    "message-body-text-color"?: string | undefined;
    "message-body-border"?: string | undefined;
    "canvas-background-color"?: string | undefined;
    "canvas-background-image"?: string | undefined;
    "canvas-btn-background-color"?: string | undefined;
    "canvas-btn-background-color-hover"?: string | undefined;
    "canvas-btn-color"?: string | undefined;
    "select-item-border"?: string | undefined;
    "editor-view-background-color"?: string | undefined;
    "fields-view-background-color"?: string | undefined;
    "live-view-background-color"?: string | undefined;
    "gallery-card-background-color"?: string | undefined;
    "gallery-card-border"?: string | undefined;
    "gallery-action-btn-background-color"?: string | undefined;
    "gallery-action-btn-color"?: string | undefined;
    "gallery-card-name-text-color"?: string | undefined;
    "gallery-card-description-text-color"?: string | undefined;
    "bluepic-embed-editor-border"?: string | undefined;
    "bluepic-embed-editor-border-radius"?: string | undefined;
    "tooltip-background-color"?: string | undefined;
    "tooltip-text-color"?: string | undefined;
}>;
