@protonradio/proton-ui 0.7.4 → 0.7.5-beta10

package/dist/index.d.ts

@@ -52,6 +52,27 @@ declare interface ActionMenuProps {
     "data-testid"?: string;
 }
 
+/**
+ * Base Overlay component for creating modal-like backgrounds.
+ * @interface BackdropProps
+ */
+export declare function Backdrop({ fadeIn, onBackgroundEvent, children, }: BackdropProps): JSX_2.Element;
+
+declare interface BackdropProps {
+    /**
+     * Whether to fade in the overlay.
+     */
+    fadeIn?: boolean;
+    /**
+     * Callback function to handle the background event (click or ESC key).
+     */
+    onBackgroundEvent?: () => void;
+    /**
+     * Children to render inside the overlay.
+     */
+    children?: React.ReactNode;
+}
+
 export declare const Badge: ({ variant, children, ...props }: BadgeProps) => JSX_2.Element;
 
 export declare interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
@@ -349,12 +370,40 @@ declare interface IconProps {
     color?: string;
 }
 
+/**
+ * ImageOverlay component for displaying an image with a blur effect.
+ * @interface ImageBackdropProps
+ */
+export declare function ImageBackdrop({ image, imageUrl, onLoad, onBackgroundEvent, }: ImageBackdropProps): JSX_2.Element;
+
+declare interface ImageBackdropProps {
+    /**
+     * The image to display in the overlay. Supports server side rendering.
+     */
+    image?: React.ReactNode;
+    /**
+     * The URL of the image to display in the overlay.
+     * @important Supported in client components only.
+     */
+    imageUrl?: string;
+    /**
+     * Callback function to handle the image load event.
+     * @important Supported in client components only.
+     */
+    onLoad?: (image: HTMLImageElement) => void;
+    /**
+     * Callback function to handle the background event.
+     */
+    onBackgroundEvent?: () => void;
+}
+
 /**
  * A controlled and customizable input component with support for labels, prefixes, suffixes, and error states.
  */
 export declare const Input: default_2.ForwardRefExoticComponent<BaseInputProps & default_2.RefAttributes<HTMLInputElement>>;
 
 declare type Palette = {
+    BASE_COLOR: string;
     BRAND: {
         PRIMARY: string;
         PRIMARY_LIGHT: string;
@@ -456,7 +505,7 @@ export { Row }
 /**
  * A search input component with optional clear functionality and URL parameter sync.
  */
-export declare const SearchInput: ({ name, placeholder, autoComplete, isClearable, isDisabled, error, defaultValue, value: controlledValue, "data-testid": testId, onChange, onClear, }: SearchInputProps) => JSX_2.Element;
+export declare const SearchInput: ({ name, placeholder, autoComplete, isClearable, error, defaultValue, value: controlledValue, "data-testid": testId, onChange, onClear, }: SearchInputProps) => JSX_2.Element;
 
 declare interface SearchInputProps extends Omit<BaseInputProps, "prefix" | "suffix" | "value" | "onChange" | "description" | "descriptionPosition" | "label"> {
     /** Should the clear button be shown when there is text? */
@@ -634,30 +683,6 @@ declare interface ThemeVariables {
     "--proton-control__secondary-super-light": string;
 }
 
-/**
- * A component that displays a loading tombstone. For use as a placeholder while loading content
- * @interface TombstoneProps
- */
-export declare const Tombstone: ({ width, height, borderRadius, }: TombstoneProps) => JSX_2.Element;
-
-declare interface TombstoneProps {
-    /**
-     * The width of the tombstone.
-     * @default "100%"
-     */
-    width?: string;
-    /**
-     * The height of the tombstone.
-     * @default "1.5rem"
-     */
-    height?: string;
-    /**
-     * The border radius of the tombstone.
-     * @default "4px"
-     */
-    borderRadius?: string;
-}
-
 export declare function Tooltip({ children, arrow, ...props }: TooltipProps): JSX_2.Element;
 
 export declare interface TooltipProps extends Omit<TooltipProps_2, "children"> {