@protonradio/proton-ui 0.10.3 → 0.10.4

package/dist/index.d.ts

@@ -293,6 +293,23 @@ export declare const Cell: <T>(props: ProtonColumnProps<T>) => JSX.Element;
 
 export declare const Column: <T>(props: ProtonColumnProps<T>) => JSX.Element;
 
+/**
+ * Input with a button to copy value to the clipboard.
+ * @interface CopyInputProps
+ */
+export declare function CopyInput({ name, value, onError, onSuccess }: CopyInputProps): JSX_2.Element;
+
+declare interface CopyInputProps {
+    /** The name of the input field */
+    name: string;
+    /** The value to display in the input and copy to clipboard */
+    value: string;
+    /** Optional callback when copy fails, receives the error object */
+    onError?: (error: Error) => void;
+    /** Optional callback when copy succeeds */
+    onSuccess?: () => void;
+}
+
 /**
  * Intended use in overlay containers such as modals or popovers.
  */
@@ -303,6 +320,36 @@ declare interface DialogProps extends AriaDialogProps {
     children: React.ReactNode;
 }
 
+/**
+ * Elevation component creates a visual elevation effect using the theme-aware background color.
+ *
+ * This component is designed to be used as a visual layer that sits on top of other content
+ * to create a sense of depth or hierarchy in the UI. It uses the `--proton-control__background-color-light`
+ * CSS variable which is theme-aware and will adapt to light, dark, and custom-dark themes.
+ *
+ * @interface ElevationProps
+ */
+export declare const Elevation: ({ children, backgroundGradient, backgroundGradientDirection, "data-testid": dataTestId, }: ElevationProps) => JSX_2.Element;
+
+declare interface ElevationProps {
+    /**
+     * The content to be displayed within the elevation.
+     */
+    children?: ReactNode;
+    /**
+     * Whether the elevation should have a background gradient.
+     */
+    backgroundGradient?: boolean;
+    /**
+     * The direction of the background gradient.
+     */
+    backgroundGradientDirection?: "left" | "right";
+    /**
+     * The data-testid attribute for testing purposes.
+     */
+    "data-testid"?: string;
+}
+
 export declare function Icon(props: Omit<IconProps, "svgContent">): JSX_2.Element;
 
 declare type IconID = "external-link" | "caret-down";
@@ -377,7 +424,7 @@ declare interface ModalProps {
     /**
      * Callback function when modal is closed
      * */
-    onClose: () => void;
+    onClose?: () => void;
     /**
      * Whether to show the modal with an overlay background.
      * @default true