// Utility generator
// Used to generate utilities & print utilities
@mixin generate-utility($utility, $infix, $is-rfs-media-query: false) {
  $values: map-get($utility, values);

  // If the values are a list or string, convert it into a map
  @if type-of($values) == "string" or type-of(nth($values, 1)) != "list" {
    $values: zip($values, $values);
  }

  @each $key, $value in $values {
    $properties: map-get($utility, property);

    // Multiple properties are possible, for example with vertical or horizontal margins or paddings
    @if type-of($properties) == "string" {
      $properties: append((), $properties);
    }

    // Use custom class if present
    $property-class: if(map-has-key($utility, class), map-get($utility, class), nth($properties, 1));
    $property-class: if($property-class == null, "", $property-class);

    // State params to generate pseudo-classes
    $state: if(map-has-key($utility, state), map-get($utility, state), ());

    $infix: if($property-class == "" and str-slice($infix, 1, 1) == "-", str-slice($infix, 2), $infix);

    // Don't prefix if value key is null (eg. with shadow class)
    $property-class-modifier: if($key, if($property-class == "" and $infix == "", "", "-") + $key, "");

    // Generate CSS Variable
    $generate-vars: if(map-has-key($utility, vars), map-get($utility, vars), false);
    $generate-only-vars: if(map-has-key($utility, only-vars), map-get($utility, only-vars), false);

    // Generate RTL version
    $generate-rtl: if(map-has-key($utility, rtl), map-get($utility, rtl), false);

    // Add theme prefix
    $theme-prefix: if(map-has-key($utility, theme-prefix), map-get($utility, theme-prefix), false);

    @if map-get($utility, rfs) {
      // Inside the media query
      @if $is-rfs-media-query {
        $val: rfs-value($value);

        // Do not render anything if fluid and non fluid values are the same
        $value: if($val == rfs-fluid-value($value), null, $val);
      }
      @else {
        $value: rfs-fluid-value($value);
      }
    }

    $is-rtl: map-get($utility, rtl);

    @if $value != null {
      @if $is-rtl == false {
        /* rtl:begin:remove */
      }
      $selector: if($theme-prefix, theme-prefix("#{$property-class + $infix + $property-class-modifier}"), ".#{$property-class + $infix + $property-class-modifier}");

      #{$selector} {
        @each $property in $properties {
          @if $generate-vars == true or $generate-only-vars == true {
            @if $generate-only-vars {
              @if $generate-rtl == true {
                @include ltr-rtl($property, var(--#{$variable-prefix}#{$key}), null, null, if($enable-important-utilities, !important, null));
              }
              @else {
                #{$property}: var(--#{$variable-prefix}#{$key}) if($enable-important-utilities, !important, null);
              }
            }
            @else {
              @if $generate-rtl == true {
                @include ltr-rtl($property, var(--#{$variable-prefix}#{$key}, $value), null, null, if($enable-important-utilities, !important, null));
              }
              @else {
                #{$property}: var(--#{$variable-prefix}#{$key}, $value) if($enable-important-utilities, !important, null);
              }
            }
          }
          @else {
            @if $generate-rtl == true {
              @include ltr-rtl($property, $value, null, null, if($enable-important-utilities, !important, null));
            }
            @else {
              #{$property}: $value if($enable-important-utilities, !important, null);
            }
          }
        }
      }

      @each $pseudo in $state {
        .#{$property-class + $infix + $property-class-modifier}-#{$pseudo}:#{$pseudo} {
          @each $property in $properties {
            #{$property}: $value if($enable-important-utilities, !important, null);
          }
        }
      }
      @if $is-rtl == false {
        /* rtl:end:remove */
      }
    }
  }
}