@texturehq/edges 1.22.0 → 1.22.2

package/dist/index.css

@@ -1,2 +1,2 @@
-.mapboxgl-ctrl-attrib,.mapboxgl-ctrl-logo{display:none!important}.map-tooltip .mapboxgl-popup-content{padding:.75rem 1rem;background-color:var(--color-background-surface);border:1px solid var(--color-border-default);border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;font-family:inherit}.map-tooltip .mapboxgl-popup-tip{border-top-color:var(--color-background-surface)}
+.mapboxgl-ctrl-attrib,.mapboxgl-ctrl-logo{display:none!important}.map-tooltip .mapboxgl-popup-content{padding:.75rem 1rem;background-color:var(--color-background-surface);border:1px solid var(--color-border-default);border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;font-family:inherit;max-width:none!important}.map-tooltip .mapboxgl-popup-tip{border-top-color:var(--color-background-surface)}
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Maps/mapbox-overrides.css"],"sourcesContent":["/* Hide Mapbox attribution */\n.mapboxgl-ctrl-attrib {\n  display: none !important;\n}\n\n/* Hide Mapbox logo */\n.mapboxgl-ctrl-logo {\n  display: none !important;\n}\n\n/* Tooltip popup styling */\n.map-tooltip .mapboxgl-popup-content {\n  padding: 0.75rem 1rem;\n  background-color: var(--color-background-surface);\n  border: 1px solid var(--color-border-default);\n  border-radius: 0.5rem;\n  box-shadow:\n    0 20px 25px -5px rgb(0 0 0 / 0.1),\n    0 8px 10px -6px rgb(0 0 0 / 0.1);\n  font-family: inherit;\n}\n\n.map-tooltip .mapboxgl-popup-tip {\n  border-top-color: var(--color-background-surface);\n}\n"],"mappings":"AACA,CAAC,qBAKD,CAAC,mBAJC,QAAS,cACX,CAQA,CAAC,YAAY,CAAC,uBAXd,QAYW,OAAQ,KACjB,iBAAkB,IAAI,4BACtB,OAAQ,IAAI,MAAM,IAAI,wBAdxB,cAeiB,MACf,WACE,EAAE,KAAK,KAAK,KAAK,SAAgB,CACjC,EAAE,IAAI,KAAK,KAAK,UAClB,YAAa,OACf,CAEA,CAXC,YAWY,CAAC,mBACZ,iBAAkB,IAAI,2BACxB","names":[]}
+{"version":3,"sources":["../src/components/Maps/mapbox-overrides.css"],"sourcesContent":["/* Hide Mapbox attribution */\n.mapboxgl-ctrl-attrib {\n  display: none !important;\n}\n\n/* Hide Mapbox logo */\n.mapboxgl-ctrl-logo {\n  display: none !important;\n}\n\n/* Tooltip popup styling */\n.map-tooltip .mapboxgl-popup-content {\n  padding: 0.75rem 1rem;\n  background-color: var(--color-background-surface);\n  border: 1px solid var(--color-border-default);\n  border-radius: 0.5rem;\n  box-shadow:\n    0 20px 25px -5px rgb(0 0 0 / 0.1),\n    0 8px 10px -6px rgb(0 0 0 / 0.1);\n  font-family: inherit;\n  max-width: none !important; /* Allow custom tooltip widths */\n}\n\n.map-tooltip .mapboxgl-popup-tip {\n  border-top-color: var(--color-background-surface);\n}\n"],"mappings":"AACA,CAAC,qBAKD,CAAC,mBAJC,QAAS,cACX,CAQA,CAAC,YAAY,CAAC,uBAXd,QAYW,OAAQ,KACjB,iBAAkB,IAAI,4BACtB,OAAQ,IAAI,MAAM,IAAI,wBAdxB,cAeiB,MACf,WACE,EAAE,KAAK,KAAK,KAAK,SAAgB,CACjC,EAAE,IAAI,KAAK,KAAK,UAClB,YAAa,QACb,UAAW,cACb,CAEA,CAZC,YAYY,CAAC,mBACZ,iBAAkB,IAAI,2BACxB","names":[]}

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"> {