border-beam 1.2.0 → 1.4.0

package/dist/index.d.ts

@@ -24,8 +24,12 @@ export default BorderBeam;
  * - 'mono': Monochromatic grayscale
  * - 'ocean': Blue and purple tones
  * - 'sunset': Warm orange, yellow, and red tones
+ * - 'forest': Green and teal tones
+ * - 'candy': Pink and magenta tones
+ * - 'ice': Cyan and pale blue tones
+ * - 'gold': Amber and yellow tones
  */
-export declare type BorderBeamColorVariant = 'colorful' | 'mono' | 'ocean' | 'sunset';
+export declare type BorderBeamColorVariant = 'colorful' | 'mono' | 'ocean' | 'sunset' | 'forest' | 'candy' | 'ice' | 'gold';
 
 /**
  * Props for the BorderBeam component
@@ -87,6 +91,14 @@ export declare interface BorderBeamProps extends Omit<HTMLAttributes<HTMLDivElem
      * @default 1.2 for dark, varies for light
      */
     saturation?: number;
+    /**
+     * Multiplies the blur radius of every glow layer, so the halo reads
+     * tighter (< 1) or wider and softer (> 1). Each layer keeps its own
+     * tuned proportion — the core stays tighter than the bloom — because
+     * this scales the presets rather than replacing them.
+     * @default 1
+     */
+    glowSize?: number;
     /**
      * Hue rotation range in degrees for the hue-shift animation
      * @default 30
@@ -106,6 +118,14 @@ export declare interface BorderBeamProps extends Omit<HTMLAttributes<HTMLDivElem
      * Additional inline styles for the container
      */
     style?: CSSProperties;
+    /**
+     * Extra CSS appended after the beam's own generated stylesheet, so it can
+     * override or add layers and keyframes. Write `{id}` wherever the
+     * instance id belongs — the root is `[data-beam="{id}"]`, its layers are
+     * the `::before` / `::after` pseudo-elements and `[data-beam-bloom]`, and
+     * keyframes are named `*-{id}` — and it is substituted per instance.
+     */
+    css?: string;
     /**
      * Callback when fade-in animation completes
      */