@texturehq/edges 1.22.0 → 1.22.1

package/dist/index.d.cts

@@ -3507,6 +3507,8 @@ declare const DialogHeader: React__default.FC<DialogHeaderProps>;
 
 type EmptyStateSize = "sm" | "md" | "lg";
 type EmptyStateAlignment = "center" | "start";
+type EmptyStateVariant = "default" | "spotlight";
+type EmptyStateSpotlightPattern = "mesh" | "top-fade" | "center" | "corners" | "bottom" | "asymmetric";
 interface EmptyStateAction {
     /** Label for the action button/link */
     label: string;
@@ -3536,6 +3538,10 @@ interface EmptyStateProps {
     size?: EmptyStateSize;
     /** Aligns the content horizontally. */
     alignment?: EmptyStateAlignment;
+    /** Visual variant: 'default' for minimal style, 'spotlight' for branded marketing style. */
+    variant?: EmptyStateVariant;
+    /** Gradient pattern for spotlight variant. Only applies when variant="spotlight". */
+    spotlightPattern?: EmptyStateSpotlightPattern;
     /** When true the component expands to fill the available height and vertically centers content. */
     fullHeight?: boolean;
     /** Additional className to merge with default styles. */
@@ -3549,8 +3555,12 @@ interface EmptyStateProps {
  *
  * Use `primaryAction` (button) and `secondaryAction` (text link) for consistent styling,
  * or use `actions` for complete control over the action area.
+ *
+ * The `spotlight` variant adds a subtle branded gradient background for marketing-focused
+ * empty states that encourage user behavior. Choose from different gradient patterns
+ * using the `spotlightPattern` prop.
  */
-declare function EmptyState({ icon, title, description, primaryAction, secondaryAction, actions, size, alignment, fullHeight, className, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+declare function EmptyState({ icon, title, description, primaryAction, secondaryAction, actions, size, alignment, variant, spotlightPattern, fullHeight, className, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
 
 type EnrollmentStatus = "enrolled" | "eligible" | "not_eligible" | "pending" | "opted_out";
 interface EnrollmentStatusBadgeProps extends Omit<BadgeProps, "variant" | "children"> {

package/dist/index.d.ts

@@ -3507,6 +3507,8 @@ declare const DialogHeader: React__default.FC<DialogHeaderProps>;
 
 type EmptyStateSize = "sm" | "md" | "lg";
 type EmptyStateAlignment = "center" | "start";
+type EmptyStateVariant = "default" | "spotlight";
+type EmptyStateSpotlightPattern = "mesh" | "top-fade" | "center" | "corners" | "bottom" | "asymmetric";
 interface EmptyStateAction {
     /** Label for the action button/link */
     label: string;
@@ -3536,6 +3538,10 @@ interface EmptyStateProps {
     size?: EmptyStateSize;
     /** Aligns the content horizontally. */
     alignment?: EmptyStateAlignment;
+    /** Visual variant: 'default' for minimal style, 'spotlight' for branded marketing style. */
+    variant?: EmptyStateVariant;
+    /** Gradient pattern for spotlight variant. Only applies when variant="spotlight". */
+    spotlightPattern?: EmptyStateSpotlightPattern;
     /** When true the component expands to fill the available height and vertically centers content. */
     fullHeight?: boolean;
     /** Additional className to merge with default styles. */
@@ -3549,8 +3555,12 @@ interface EmptyStateProps {
  *
  * Use `primaryAction` (button) and `secondaryAction` (text link) for consistent styling,
  * or use `actions` for complete control over the action area.
+ *
+ * The `spotlight` variant adds a subtle branded gradient background for marketing-focused
+ * empty states that encourage user behavior. Choose from different gradient patterns
+ * using the `spotlightPattern` prop.
  */
-declare function EmptyState({ icon, title, description, primaryAction, secondaryAction, actions, size, alignment, fullHeight, className, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
+declare function EmptyState({ icon, title, description, primaryAction, secondaryAction, actions, size, alignment, variant, spotlightPattern, fullHeight, className, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
 
 type EnrollmentStatus = "enrolled" | "eligible" | "not_eligible" | "pending" | "opted_out";
 interface EnrollmentStatusBadgeProps extends Omit<BadgeProps, "variant" | "children"> {