@bug-on/m3-expressive 1.3.4 → 1.3.6

package/dist/fading-blur-mask--uZbBKLj.d.mts

@@ -0,0 +1,77 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+/**
+ * @file fading-blur-mask.types.ts
+ * Fading Edge & Backdrop Blur Mask — TypeScript interfaces.
+ */
+
+/** Gradient fade direction for the blur mask. */
+type FadingBlurDirection = "top" | "bottom" | "both";
+/**
+ * Props for the primitive `<FadingBlurMask>` component.
+ */
+interface FadingBlurMaskProps {
+    /**
+     * Gradient fade direction.
+     * - `top`: Fades from opaque at top to transparent downward (for Top App Bars).
+     * - `bottom`: Fades from opaque at bottom to transparent upward (for Bottom App Bars).
+     * - `both`: Fades at both top and bottom edges.
+     * @default "top"
+     */
+    direction?: FadingBlurDirection;
+    /**
+     * Backdrop blur radius in pixels.
+     * @default 12
+     */
+    blurIntensity?: number;
+    /**
+     * Height/length of the fade mask container or gradient zone.
+     * Can be a CSS string (e.g., "100%", "64px") or pixel number.
+     * @default "100%"
+     */
+    blurHeight?: number | string;
+    /**
+     * Tint or background color overlay mixed into the blur.
+     * Defaults to MD3 surface token `var(--md-sys-color-surface)`.
+     */
+    color?: string;
+    /** Additional CSS class names for styling. */
+    className?: string;
+    /** Custom inline styles. */
+    style?: React.CSSProperties;
+    /** Children components rendered inside the blur mask container if needed. */
+    children?: React.ReactNode;
+}
+/**
+ * Mixin interface for components that integrate Fading Blur functionality (e.g. AppBars).
+ */
+interface FadingBlurProps {
+    /**
+     * Enables smooth fading edge and backdrop blur effect.
+     * @default false
+     */
+    enableFadingBlur?: boolean;
+    /**
+     * Custom blur intensity in pixels when `enableFadingBlur` is active.
+     * @default 12
+     */
+    blurIntensity?: number;
+    /**
+     * Custom blur height when `enableFadingBlur` is active.
+     * Defaults to container height.
+     */
+    blurHeight?: number | string;
+}
+
+/**
+ * `<FadingBlurMask>` component renders a smooth gradient fading backdrop blur overlay.
+ *
+ * @example
+ * ```tsx
+ * <FadingBlurMask direction="top" blurIntensity={16} />
+ * ```
+ */
+declare function FadingBlurMask({ direction, blurIntensity, blurHeight, color, className, style, children, }: FadingBlurMaskProps): react_jsx_runtime.JSX.Element;
+
+export { type FadingBlurDirection as F, FadingBlurMask as a, type FadingBlurMaskProps as b, type FadingBlurProps as c };

package/dist/fading-blur-mask--uZbBKLj.d.ts

@@ -0,0 +1,77 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+/**
+ * @file fading-blur-mask.types.ts
+ * Fading Edge & Backdrop Blur Mask — TypeScript interfaces.
+ */
+
+/** Gradient fade direction for the blur mask. */
+type FadingBlurDirection = "top" | "bottom" | "both";
+/**
+ * Props for the primitive `<FadingBlurMask>` component.
+ */
+interface FadingBlurMaskProps {
+    /**
+     * Gradient fade direction.
+     * - `top`: Fades from opaque at top to transparent downward (for Top App Bars).
+     * - `bottom`: Fades from opaque at bottom to transparent upward (for Bottom App Bars).
+     * - `both`: Fades at both top and bottom edges.
+     * @default "top"
+     */
+    direction?: FadingBlurDirection;
+    /**
+     * Backdrop blur radius in pixels.
+     * @default 12
+     */
+    blurIntensity?: number;
+    /**
+     * Height/length of the fade mask container or gradient zone.
+     * Can be a CSS string (e.g., "100%", "64px") or pixel number.
+     * @default "100%"
+     */
+    blurHeight?: number | string;
+    /**
+     * Tint or background color overlay mixed into the blur.
+     * Defaults to MD3 surface token `var(--md-sys-color-surface)`.
+     */
+    color?: string;
+    /** Additional CSS class names for styling. */
+    className?: string;
+    /** Custom inline styles. */
+    style?: React.CSSProperties;
+    /** Children components rendered inside the blur mask container if needed. */
+    children?: React.ReactNode;
+}
+/**
+ * Mixin interface for components that integrate Fading Blur functionality (e.g. AppBars).
+ */
+interface FadingBlurProps {
+    /**
+     * Enables smooth fading edge and backdrop blur effect.
+     * @default false
+     */
+    enableFadingBlur?: boolean;
+    /**
+     * Custom blur intensity in pixels when `enableFadingBlur` is active.
+     * @default 12
+     */
+    blurIntensity?: number;
+    /**
+     * Custom blur height when `enableFadingBlur` is active.
+     * Defaults to container height.
+     */
+    blurHeight?: number | string;
+}
+
+/**
+ * `<FadingBlurMask>` component renders a smooth gradient fading backdrop blur overlay.
+ *
+ * @example
+ * ```tsx
+ * <FadingBlurMask direction="top" blurIntensity={16} />
+ * ```
+ */
+declare function FadingBlurMask({ direction, blurIntensity, blurHeight, color, className, style, children, }: FadingBlurMaskProps): react_jsx_runtime.JSX.Element;
+
+export { type FadingBlurDirection as F, FadingBlurMask as a, type FadingBlurMaskProps as b, type FadingBlurProps as c };

package/dist/feedback.js

@@ -1825,7 +1825,7 @@ var IconComponent = React3__namespace.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       name,
-      variant = "outlined",
+      variant = "rounded",
       fill = 0,
       weight = 400,
       grade = 0,